@charset "UTF-8";
/**************************************************************************/
.type-cate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .type-cate li {
    font-size: 1.25rem;
    font-weight: 100;
    padding: 0.625rem 1.5625rem;
    background: #f3f3f3; }
    .type-cate li a {
      font-weight: 300;
      color: var(--text-color-grey); }
    .type-cate li:hover, .type-cate li.active {
      background: var(--text-color-blue-6); }
      .type-cate li:hover a, .type-cate li.active a {
        color: #fff; }

/**************************************************************************/
.website {
  padding-top: 9.375rem; }
  .website .type-body {
    padding-top: 6.25rem;
    overflow: hidden; }
    .website .type-body .bt {
      text-align: center;
      font-size: 2.25rem;
      font-weight: 300; }
    .website .type-body .sbt {
      padding-top: 1.25rem;
      font-weight: 300;
      text-align: center;
      color: #666; }
    .website .type-body .trait {
      padding: 4.375rem 0; }
      .website .type-body .trait ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        .website .type-body .trait ul li {
          width: 33%;
          text-align: center;
          padding: 1.875rem 0; }
          .website .type-body .trait ul li.bline {
            border-bottom: 0.0625rem solid #e3e3e3; }
          .website .type-body .trait ul li:nth-child(2), .website .type-body .trait ul li:nth-child(5) {
            border-left: 0.0625rem solid #e3e3e3;
            border-right: 0.0625rem solid #e3e3e3; }
          .website .type-body .trait ul li i {
            font-size: 5.0rem;
            color: var(--text-color-blue-6); }
          .website .type-body .trait ul li .trait-name {
            padding-top: 0.9375rem;
            font-size: 1.375rem; }
          .website .type-body .trait ul li .trait-info {
            padding-top: 0.625rem;
            /* font-size: 0.875rem;*/
            line-height: 1.5625rem;
            color: var(--text-color-grey-6); }
    .website .type-body .ai-price {
      background-image: url("../images/case_bg.png");
      padding: 6.25rem 0; }
      .website .type-body .ai-price .price-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 6.25rem;
        height: 9.375rem;
        background-color: var(--text-color-blue-6);
        border-left: 0.0625rem solid var(--text-color-blue-8);
        color: #fff; }
        .website .type-body .ai-price .price-header li {
          width: 24%;
          height: 100%;
          border-right: 0.0625rem solid var(--text-color-blue-8);
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center; }
          .website .type-body .ai-price .price-header li .type-name {
            font-size: 1.25rem; }
          .website .type-body .ai-price .price-header li .type-position {
            font-size: 0.875rem;
            padding: 0.9375rem 0 0.625rem 0;
            font-weight: 100; }
            .website .type-body .ai-price .price-header li .type-position a {
              color: #fff;
              position: relative;
              border-bottom: 0.0625rem solid #fff; }
              .website .type-body .ai-price .price-header li .type-position a span {
                display: block;
                position: absolute;
                width: 2.875rem;
                height: 0.9375rem;
                line-height: 0.9375rem;
                background-color: #FEFE2E;
                font-size: 0.75rem;
                border-radius: 0.25rem;
                color: var(--text-color-blue);
                -webkit-transform: scale(0.85);
                -moz-transform: scale(0.85);
                -ms-transform: scale(0.85);
                -o-transform: scale(0.85);
                transform: scale(0.85);
                top: -1rem;
                left: 0.625rem;
                z-index: 1;
                text-align: center; }
                .website .type-body .ai-price .price-header li .type-position a span::before {
                  content: '';
                  position: absolute;
                  width: 0.375rem;
                  height: 0.5625rem;
                  background: #FEFE2E;
                  -webkit-transform: rotate(45deg);
                  -moz-transform: rotate(45deg);
                  -ms-transform: rotate(45deg);
                  -o-transform: rotate(45deg);
                  transform: rotate(45deg);
                  bottom: -0.1875rem;
                  left: 0.3125rem;
                  z-index: -1; }
          .website .type-body .ai-price .price-header li .type-price {
            position: relative; }
            .website .type-body .ai-price .price-header li .type-price .price-box {
              width: 10.0rem;
              height: 2.25rem;
              font-size: 0.875rem;
              background: #fff;
              border-radius: 0.3125rem;
              border: 0.0625rem solid var(--text-color-blue-6);
              color: var(--text-color-blue-8);
              text-align: center;
              line-height: 2.25rem;
              font-weight: bold; }
              .website .type-body .ai-price .price-header li .type-price .price-box i {
                -webkit-transition: .5s;
                -o-transition: .5s;
                -moz-transition: .5s;
                transition: .5s;
                display: inline-block; }
            .website .type-body .ai-price .price-header li .type-price.open .price-box {
              border-radius: 0.3125rem 0.3125rem 0 0; }
              .website .type-body .ai-price .price-header li .type-price.open .price-box i {
                -webkit-transform: rotate(180deg);
                -moz-transform: rotate(180deg);
                -ms-transform: rotate(180deg);
                -o-transform: rotate(180deg);
                transform: rotate(180deg);
                -webkit-transition: .5s;
                -o-transition: .5s;
                -moz-transition: .5s;
                transition: .5s; }
            .website .type-body .ai-price .price-header li .type-price.open .type-price-more {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-transition: .5s;
              -o-transition: .5s;
              -moz-transition: .5s;
              transition: .5s; }
            .website .type-body .ai-price .price-header li .type-price .type-price-more {
              position: absolute;
              width: 10.0rem;
              top: 2.25rem;
              left: 0%;
              display: none;
              -webkit-box-orient: vertical;
              -webkit-box-direction: normal;
              -webkit-flex-direction: column;
              -moz-box-orient: vertical;
              -moz-box-direction: normal;
              -ms-flex-direction: column;
              flex-direction: column;
              overflow: hidden;
              border: 0.0625rem solid var(--text-color-blue-6);
              border-top-color: #e8e8e8;
              color: var(--text-color-blue-8);
              border-radius: 0 0 0.3125rem 0.3125rem; }
              .website .type-body .ai-price .price-header li .type-price .type-price-more .item {
                text-align: center;
                line-height: 2.25rem;
                height: 2.25rem;
                background-color: #fff;
                border-bottom: 0.0625rem solid #e8e8e8; }
                .website .type-body .ai-price .price-header li .type-price .type-price-more .item:last-child {
                  border-bottom: none; }
          .website .type-body .ai-price .price-header li:first-child {
            width: 28%; }
      .website .type-body .ai-price .price-package {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        background: #fff;
        border-left: 0.0625rem solid #e8e8e8; }
        .website .type-body .ai-price .price-package li {
          width: 24%;
          border-right: 0.0625rem solid #e8e8e8; }
          .website .type-body .ai-price .price-package li .box {
            border-bottom: 0.0625rem solid #e8e8e8;
            font-size: 0.875rem; }
            .website .type-body .ai-price .price-package li .box .package-header {
              width: 40%;
              border-right: 0.0625rem solid #e8e8e8;
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
              -moz-box-pack: center;
              -ms-flex-pack: center;
              justify-content: center;
              -webkit-box-align: center;
              -webkit-align-items: center;
              -moz-box-align: center;
              -ms-flex-align: center;
              align-items: center;
              text-align: center; }
            .website .type-body .ai-price .price-package li .box .package-details {
              -webkit-box-flex: 1;
              -webkit-flex: 1;
              -moz-box-flex: 1;
              -ms-flex: 1;
              flex: 1; }
              .website .type-body .ai-price .price-package li .box .package-details .item {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                border-bottom: 0.0625rem solid #e8e8e8;
                min-height: 2.4375rem;
                text-align: center; }
                .website .type-body .ai-price .price-package li .box .package-details .item:last-child {
                  border-bottom: none; }
                .website .type-body .ai-price .price-package li .box .package-details .item i {
                  font-size: 1.625rem;
                  color: var(--text-color-blue-6); }
          .website .type-body .ai-price .price-package li:first-child {
            width: 28%; }
            .website .type-body .ai-price .price-package li:first-child .box {
              display: -webkit-box;
              display: -webkit-flex;
              display: -moz-box;
              display: -ms-flexbox;
              display: flex;
              font-family: sans-serif; }
              .website .type-body .ai-price .price-package li:first-child .box .package-details .item {
                font-weight: normal; }

/**************************************************************************/
.company {
  padding-top: 9.375rem; }
  .company .body {
    padding-top: 6.25rem; }
    .company .body .bt {
      text-align: center;
      font-size: 2.25rem;
      font-weight: 300; }
    .company .body .sbt {
      padding-top: 1.25rem;
      font-weight: 100;
      text-align: center;
      color: #666; }
    .company .body .siteinfo {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 6.25rem;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .company .body .siteinfo .thumb img {
        width: 31.25rem;
        padding-right: 1.25rem; }
      .company .body .siteinfo .info {
        border: 0.0625rem solid #e8e8e8; }
        .company .body .siteinfo .info p {
          padding: 0 0.625rem;
          line-height: 2.5rem;
          border-bottom: 0.0625rem solid #e8e8e8;
          color: var(--text-color-grey-6); }
          .company .body .siteinfo .info p span {
            font-size: 0.8125rem;
            padding: 0.1875rem 0.5rem;
            margin-right: 0.3125rem;
            border: 0.0625rem solid #e8e8e8;
            background: #fff;
            border-radius: 0.125rem; }
            .company .body .siteinfo .info p span.active, .company .body .siteinfo .info p span:hover {
              color: #fff;
              background: var(--text-color-blue-6);
              border-color: var(--text-color-blue-6);
              font-weight: 100; }
          .company .body .siteinfo .info p:last-child {
            border-bottom: none; }
    .company .body .parameter {
      margin-top: 6.25rem;
      border: 0.0625rem solid #e8e8e8; }
      .company .body .parameter .parameter-title {
        font-size: 1.25rem;
        text-align: center;
        padding: 1.875rem 0;
        border-bottom: 0.0625rem solid #e8e8e8; }
      .company .body .parameter .parameter-body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .company .body .parameter .parameter-body li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          border-bottom: 0.0625rem solid #e8e8e8; }
          .company .body .parameter .parameter-body li .item {
            font-size: 0.875rem;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 0.625rem 0;
            color: var(--text-color-grey-8); }
            .company .body .parameter .parameter-body li .item p {
              padding: 0 0.9375rem;
              line-height: 1.875rem; }
            .company .body .parameter .parameter-body li .item:first-child {
              width: 20%;
              background: #f7f3ff;
              text-align: center; }
            .company .body .parameter .parameter-body li .item:nth-child(2) {
              -webkit-box-flex: 1;
              -webkit-flex: 1;
              -moz-box-flex: 1;
              -ms-flex: 1;
              flex: 1;
              border-left: 0.0625rem solid #e8e8e8;
              border-right: 0.0625rem solid #e8e8e8; }
            .company .body .parameter .parameter-body li .item:last-child {
              width: 23%; }
          .company .body .parameter .parameter-body li:first-child {
            text-align: center; }
            .company .body .parameter .parameter-body li:first-child .item {
              font-size: 1.0rem; }
          .company .body .parameter .parameter-body li:last-child {
            border-bottom: none; }
    .company .body .ptxt {
      padding: 3.125rem 0; }
      .company .body .ptxt p {
        line-height: 1.875rem;
        color: var(--text-color-grey-6);
        padding-bottom: 0.5rem;
        clear: both; }
        .company .body .ptxt p span {
          float: left;
          display: block;
          font-size: 3.125rem;
          line-height: 3.125rem;
          padding-top: 0.1875rem;
          background: -webkit-gradient(linear, left top, right top, from(#2d8cf0), color-stop(25%, #97c1ee), color-stop(50%, #2d8cf0), color-stop(75%, #97c1ee), to(#2d8cf0));
          background: -webkit-linear-gradient(left, #2d8cf0, #97c1ee 25%, #2d8cf0 50%, #97c1ee 75%, #2d8cf0);
          background: -moz-linear-gradient(left, #2d8cf0, #97c1ee 25%, #2d8cf0 50%, #97c1ee 75%, #2d8cf0);
          background: -o-linear-gradient(left, #2d8cf0, #97c1ee 25%, #2d8cf0 50%, #97c1ee 75%, #2d8cf0);
          background: linear-gradient(left, #2d8cf0, #97c1ee 25%, #2d8cf0 50%, #97c1ee 75%, #2d8cf0);
          -o-background-size: 200% 100%;
          background-size: 200% 100%;
          color: transparent;
          text-fill-color: transparent;
          -webkit-background-clip: text;
          -webkit-animation: masked-animation 2s infinite linear;
          -moz-animation: masked-animation 2s infinite linear;
          -o-animation: masked-animation 2s infinite linear;
          animation: masked-animation 2s infinite linear; }

@-webkit-keyframes masked-animation {
  0% {
    background-position: 0 0; }
  100% {
    background-position: -100% 0; } }
/**************************************************************************/
.procedure {
  margin-top: 6.25rem;
  padding: 6.25rem 0;
  background-image: url(../images/case_bg.png); }
  .procedure .bt {
    text-align: center;
    font-size: 2.25rem;
    font-weight: 300;
    padding-bottom: 0.625rem; }
    .procedure .bt p {
      display: inline;
      padding: 0.3125rem 2.5rem;
      background: var(--text-color-blue-6);
      color: #fff;
      font-weight: 100; }
  .procedure .procedure-body {
    padding-top: 6.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .procedure .procedure-body .item {
      width: 15.5%;
      border: 0.0625rem solid #e8e8e8;
      text-align: center;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 1.875rem 0;
      background: #fff;
      color: var(--text-color-grey-6); }
      .procedure .procedure-body .item i {
        display: block;
        font-size: 3.75rem;
        width: 7.5rem;
        height: 7.5rem;
        line-height: 7.5rem;
        color: var(--text-color-blue-6);
        background-image: url(../images/icon-bg.png);
        -o-background-size: 100% 100%;
        background-size: 100% 100%; }
      .procedure .procedure-body .item .sbt {
        font-size: 1.5rem;
        padding: 0.9375rem 0; }
      .procedure .procedure-body .item .info {
        font-size: 0.875rem;
        line-height: 1.625rem;
        padding: 0 0.3125rem; }

/**************************************************************************/
.needed {
  padding-top: 6.25rem; }
  .needed .bt {
    font-size: 2.25rem;
    text-align: center; }
  .needed .body {
    padding-top: 6.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .needed .body li {
      width: 48%;
      padding: 0.625rem 0;
      background: #ac9efa;
      color: #fff;
      margin: 0.3125rem 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 0.3125rem; }
      .needed .body li i {
        width: 1.25rem;
        height: 1.25rem;
        background-color: #eeb3f5;
        border-radius: 50%;
        display: block;
        margin: 0 0.3125rem; }
        .needed .body li i::after {
          display: block;
          width: 0.625rem;
          height: 0.625rem;
          border-radius: 50%;
          background: #fff;
          content: '';
          margin: 0.3125rem; }

.after-sales {
  padding-top: 6.25rem; }
  .after-sales .bt {
    font-size: 2.25rem;
    text-align: center; }
  .after-sales .body {
    padding-top: 6.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .after-sales .body li {
      width: 48%;
      padding: 0.625rem 0;
      background: #8bb7fc;
      color: #fff;
      margin: 0.3125rem 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      border-radius: 0.3125rem; }
      .after-sales .body li i {
        width: 1.25rem;
        height: 1.25rem;
        background-color: #eeb3f5;
        border-radius: 50%;
        display: block;
        margin: 0 0.3125rem; }
        .after-sales .body li i::after {
          display: block;
          width: 0.625rem;
          height: 0.625rem;
          border-radius: 50%;
          background: #fff;
          content: '';
          margin: 0.3125rem; }

/**************************************************************************/
.domain {
  padding-top: 6.25rem; }
  .domain .bt {
    font-size: 2.25rem;
    text-align: center;
    padding-bottom: 1.25rem; }
  .domain .bt-info {
    font-size: 0.875rem;
    line-height: 1.875rem;
    text-align: center;
    color: var(--text-color-grey-6); }
  .domain .newvip {
    background-color: #f3f3f3;
    padding: 6.25rem 0 4.375rem 0;
    margin-top: 3.125rem;
    text-align: center;
    border-radius: 0.3125rem; }
    .domain .newvip .viptitle {
      font-size: 1.875rem; }
    .domain .newvip .domainbox {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-top: 6.25rem; }
      .domain .newvip .domainbox .item {
        width: 23%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-radius: 0.3125rem;
        margin-bottom: 1.875rem; }
        .domain .newvip .domainbox .item .top {
          background: -webkit-linear-gradient(135deg, var(--text-color-blue-8) 0, #0064d4 100%);
          background: -moz-linear-gradient(135deg, var(--text-color-blue-8) 0, #0064d4 100%);
          background: -o-linear-gradient(135deg, var(--text-color-blue-8) 0, #0064d4 100%);
          background: linear-gradient(-45deg, var(--text-color-blue-8) 0, #0064d4 100%);
          border-radius: 0.3125rem 0.3125rem 0 0;
          padding: 0.625rem 0; }
          .domain .newvip .domainbox .item .top .name {
            font-size: 1.875rem;
            color: #fff; }
          .domain .newvip .domainbox .item .top .info {
            color: #32c0df;
            font-size: 0.875rem; }
        .domain .newvip .domainbox .item .bottom {
          background: #0065d6;
          padding: 1.25rem 0;
          border-radius: 0 0 0.3125rem 0.3125rem; }
          .domain .newvip .domainbox .item .bottom .price {
            color: #fffc01;
            font-size: 1.5rem; }
            .domain .newvip .domainbox .item .bottom .price span {
              color: #0fa19f;
              text-decoration: line-through;
              font-size: 0.875rem; }
          .domain .newvip .domainbox .item .bottom .btn {
            width: 60%;
            margin: 0 auto;
            height: 2.5rem;
            line-height: 2.5rem;
            color: #fff;
            margin-top: 0.625rem;
            background: -webkit-gradient(linear, left top, right top, from(#04a0a9), to(#9bba24));
            background: -webkit-linear-gradient(left, #04a0a9, #9bba24);
            background: -moz-linear-gradient(left, #04a0a9, #9bba24);
            background: -o-linear-gradient(left, #04a0a9, #9bba24);
            background: linear-gradient(to right, #04a0a9, #9bba24); }
  .domain .search {
    background-color: rgba(0, 0, 0, 0.67);
    color: #fff;
    padding: 1.25rem 0; }
    .domain .search .searchbt {
      font-size: 1.125rem; }
    .domain .search .searchbox {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0.625rem 0; }
      .domain .search .searchbox .input {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -moz-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        height: 2.5rem;
        border: 0;
        outline: none;
        /*去掉选中状态边框*/
        position: relative;
        border-radius: 0.1875rem 0 0 0.1875rem;
        font-size: 1.625rem;
        padding-left: 0.3125rem;
        font-family: Comic Sans MS;
        text-transform: uppercase; }
      .domain .search .searchbox .select {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: relative;
        width: 9.375rem;
        height: 2.5rem;
        border-left: 0.0625rem solid #ccc; }
        .domain .search .searchbox .select:focus .option {
          position: relative;
          pointer-events: all; }
        .domain .search .searchbox .select .option {
          padding-left: 0.625rem;
          min-height: 2.5rem;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
          -moz-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          background: #fff;
          position: absolute;
          top: 0;
          width: 100%;
          pointer-events: none;
          -webkit-box-ordinal-group: 3;
          -webkit-order: 2;
          -moz-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          z-index: 1;
          -webkit-transition: background .4s ease-in-out;
          -o-transition: background .4s ease-in-out;
          -moz-transition: background .4s ease-in-out;
          transition: background .4s ease-in-out;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          overflow: hidden;
          white-space: nowrap;
          color: var(--text-color-grey);
          font-size: 1.5rem; }
          .domain .search .searchbox .select .option:hover {
            background: #fff; }
        .domain .search .searchbox .select input {
          opacity: 0;
          position: absolute;
          left: -999.99rem; }
        .domain .search .searchbox .select input:checked + label {
          -webkit-box-ordinal-group: 2;
          -webkit-order: 1;
          -moz-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1;
          z-index: 2;
          background: #fff;
          border-top: none;
          position: relative; }
        .domain .search .searchbox .select input:checked + label:after {
          content: '';
          width: 0;
          height: 0;
          border-left: .05rem solid transparent;
          border-right: .05rem solid transparent;
          border-top: 0.05rem solid var(--text-color-grey);
          position: absolute;
          right: .1rem;
          top: -webkit-calc(50% - .025rem);
          top: -moz-calc(50% - .025rem);
          top: calc(50% - .025rem);
          pointer-events: none;
          z-index: 3; }
        .domain .search .searchbox .select input:checked + label:before {
          position: absolute;
          right: 0;
          height: 2.5rem;
          width: 2.5rem;
          content: '';
          background: #fff; }
      .domain .search .searchbox .submit {
        font-size: 1.25rem;
        font-weight: 100;
        height: 2.5rem;
        padding: 0 1.875rem;
        border: 0;
        background: #ff6600;
        color: #fff;
        border-radius: 0 0.1875rem 0.1875rem 0; }
  .domain .domain-price {
    padding-top: 6.25rem; }
    .domain .domain-price .body {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .domain .domain-price .body li {
        height: 100%;
        overflow: hidden;
        min-width: 12.5rem; }
        .domain .domain-price .body li .item {
          border: .01rem solid #ccc;
          padding: 0 1.25rem;
          margin: 0.625rem 0.3125rem 0.625rem;
          height: 6.25rem;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          font-size: 0.875rem;
          color: var(--text-color-grey-6); }
        .domain .domain-price .body li:nth-child(2) .item {
          background-color: var(--text-color-blue-4); }

/**************************************************************************/
.revision {
  padding-top: 3.125rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .revision .item {
    width: 49%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .revision .item img {
      width: 100%; }
    .revision .item .upgrade {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 0.9375rem 0; }
      .revision .item .upgrade i {
        font-size: 3.75rem;
        color: var(--text-color-blue-6);
        margin-right: 1.25rem; }
      .revision .item .upgrade .text .rbt {
        font-size: 1.5rem;
        color: var(--text-color-blue-6); }
      .revision .item .upgrade .text .info {
        color: var(--text-color-grey-6);
        font-size: 0.9375rem; }

/**************************************************************************/
.seo {
  padding-top: 7.5rem; }
  .seo .bt {
    font-size: 1.625rem;
    text-align: center; }
  .seo .whyseo {
    padding: 6.25rem 0 3.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .seo .whyseo .item {
      width: 23%;
      border: 0.0625rem solid #eee;
      margin-bottom: 1.875rem;
      border-radius: 0.3125rem;
      -webkit-transition: .5s;
      -o-transition: .5s;
      -moz-transition: .5s;
      transition: .5s; }
      .seo .whyseo .item .box {
        padding: 0.625rem;
        text-align: center; }
        .seo .whyseo .item .box i {
          font-size: 3.75rem;
          color: var(--text-color-blue-6);
          display: block;
          width: 7.5rem;
          height: 7.5rem;
          line-height: 7.5rem;
          text-align: center;
          border-radius: 50%;
          background-color: #f7f7f7;
          margin: 0.9375rem auto; }
        .seo .whyseo .item .box .tt {
          font-size: 1.25rem;
          margin-bottom: 0.9375rem; }
        .seo .whyseo .item .box .info {
          color: var(--text-color-grey-6);
          line-height: 1.875rem;
          font-size: 0.9375rem; }
      .seo .whyseo .item:hover {
        -webkit-box-shadow: .01rem .05rem .1rem #888888;
        box-shadow: .01rem .05rem .1rem #888888;
        -webkit-transition: .5s;
        -o-transition: .5s;
        -moz-transition: .5s;
        transition: .5s; }
        .seo .whyseo .item:hover .box i {
          background-color: var(--text-color-blue-6);
          color: #fff; }
  .seo .choice {
    background-image: url("../images/banner1.jpeg");
    margin-top: 6.25rem;
    background-attachment: fixed;
    position: relative; }
    .seo .choice::after {
      position: absolute;
      content: '';
      top: 0;
      right: 0;
      width: 50%;
      height: 100%;
      background: rgba(0, 126, 229, 0.6); }
    .seo .choice .choicebox {
      padding: 4.375rem 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex; }
      .seo .choice .choicebox .item {
        width: 50%; }
        .seo .choice .choicebox .item .box {
          padding: 1.875rem 3.125rem;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column; }
          .seo .choice .choicebox .item .box .choicetitle {
            font-size: 1.5rem;
            position: relative;
            padding-right: 1.25rem;
            margin-bottom: 1.875rem;
            font-weight: 600; }
            .seo .choice .choicebox .item .box .choicetitle::after {
              position: absolute;
              top: 50%;
              right: 0;
              -webkit-transform: translateY(-50%);
              -moz-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              -o-transform: translateY(-50%);
              transform: translateY(-50%);
              width: 0.5rem;
              height: 1.6875rem;
              background: #007ee5;
              content: ''; }
          .seo .choice .choicebox .item .box .choiceitem {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end;
            padding-bottom: 1.25rem; }
            .seo .choice .choicebox .item .box .choiceitem i {
              color: var(--text-color-blue-6);
              font-size: 1.5625rem;
              margin-left: 1.875rem; }
            .seo .choice .choicebox .item .box .choiceitem .txt .st {
              font-size: 1.125rem;
              font-weight: 400; }
            .seo .choice .choicebox .item .box .choiceitem .txt .info {
              color: var(--text-color-grey-8); }
        .seo .choice .choicebox .item:first-child {
          background: rgba(255, 255, 255, 0.8);
          text-align: right; }
        .seo .choice .choicebox .item:last-child {
          text-align: left;
          z-index: 1;
          color: #fff; }
          .seo .choice .choicebox .item:last-child .box .choicetitle {
            padding-right: 0;
            padding-left: 1.25rem; }
            .seo .choice .choicebox .item:last-child .box .choicetitle::after {
              left: 0;
              background-color: #fff; }
          .seo .choice .choicebox .item:last-child .box .choiceitem {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: row-reverse;
            -moz-box-orient: horizontal;
            -moz-box-direction: reverse;
            -ms-flex-direction: row-reverse;
            flex-direction: row-reverse; }
            .seo .choice .choicebox .item:last-child .box .choiceitem i {
              margin-left: 0;
              margin-right: 1.875rem;
              color: #fff;
              font-size: 2.1875rem; }
            .seo .choice .choicebox .item:last-child .box .choiceitem .info {
              color: #fff; }
  .seo .optimize {
    padding: 6.25rem 0;
    background: #f5f5f5; }
    .seo .optimize .body {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 6.25rem; }
      .seo .optimize .body .item {
        width: 20%;
        text-align: center; }
        .seo .optimize .body .item i {
          font-size: 2.5rem;
          width: 7.5rem;
          height: 7.5rem;
          line-height: 7.5rem;
          background: #fff;
          border-radius: 50%;
          display: block;
          margin: 0 auto; }
        .seo .optimize .body .item .st {
          margin-top: 1.875rem;
          font-size: 1.1875rem;
          font-weight: 500; }
        .seo .optimize .body .item .line {
          width: 1.25rem;
          height: 0.1875rem;
          background: #999;
          margin: 0.875rem auto;
          -webkit-transition: .5s;
          -o-transition: .5s;
          -moz-transition: .5s;
          transition: .5s; }
        .seo .optimize .body .item .info {
          color: var(--text-color-grey-6);
          line-height: 1.875rem; }
        .seo .optimize .body .item:hover i {
          background-color: var(--text-color-blue-6);
          color: #fff; }
        .seo .optimize .body .item:hover .line {
          width: 50%;
          -webkit-transition: .5s;
          -o-transition: .5s;
          -moz-transition: .5s;
          transition: .5s; }
  .seo .solve {
    padding: 6.25rem 0 3.125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .seo .solve .item {
      width: 50%;
      margin-bottom: 3.125rem; }
      .seo .solve .item .sbt {
        font-size: 1.9375rem;
        color: var(--text-color-blue-6); }
      .seo .solve .item .mbt {
        margin-top: 1.5625rem;
        max-width: 30.0rem;
        position: relative;
        padding-left: 1.25rem;
        color: var(--text-color-grey-6); }
        .seo .solve .item .mbt::before {
          content: '▶';
          position: absolute;
          left: 0;
          top: 0;
          height: 100%;
          display: block;
          color: var(--text-color-blue-6); }
  .seo .brand {
    padding: 6.25rem 0;
    background-color: #f5f5f5; }
    .seo .brand .body {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      padding-top: 6.25rem;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .seo .brand .body .item {
        width: 19.3%;
        background-color: #fff;
        height: auto;
        overflow: hidden; }
        .seo .brand .body .item .box {
          padding: 1.0rem;
          text-align: center; }
          .seo .brand .body .item .box i {
            font-size: 3.75rem;
            color: var(--text-color-blue-6);
            display: block;
            padding: 1.875rem 0; }
          .seo .brand .body .item .box .sbt {
            font-size: 1.5rem; }
          .seo .brand .body .item .box .info {
            padding-top: 1.25rem;
            color: var(--text-color-grey-6);
            min-height: 8.125rem;
            line-height: 1.875rem; }
          .seo .brand .body .item .box .btn {
            padding: 0.3125rem 0;
            background-color: var(--text-color-blue-6);
            color: #fff; }

/**************************************************************************/
.wanci {
  padding-top: 7.5rem; }
  .wanci .bt {
    font-size: 1.625rem;
    text-align: center; }
    .wanci .bt span {
      color: var(--text-color-blue-6); }
  .wanci .mbt {
    text-align: center;
    padding-top: 1.25rem;
    color: var(--text-color-grey-6); }
  .wanci .introduction {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.125rem 0; }
    .wanci .introduction .item img {
      width: 25.0rem; }
    .wanci .introduction .item p {
      padding-bottom: 0.9375rem;
      color: var(--text-color-grey-6);
      line-height: 1.875rem;
      text-indent: 2em; }
  .wanci .trait {
    padding: 6.25rem 0 4.375rem;
    background-color: #f5f5f5; }
    .wanci .trait .body {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-top: 6.25rem; }
      .wanci .trait .body .item {
        width: 48.5%;
        border: 0.0625rem solid #ccc;
        padding: 1.875rem 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 1.875rem; }
        .wanci .trait .body .item i {
          font-size: 3.75rem;
          font-style: normal;
          display: block;
          padding: 0 1.25rem 0 1.875rem; }
          .wanci .trait .body .item i.color1 {
            color: #f47920; }
          .wanci .trait .body .item i.color2 {
            color: #2a5caa; }
          .wanci .trait .body .item i.color3 {
            color: #5c7a29; }
          .wanci .trait .body .item i.color4 {
            color: #843900; }
          .wanci .trait .body .item i.color5 {
            color: #f391a9; }
          .wanci .trait .body .item i.color6 {
            color: #dea32c; }
          .wanci .trait .body .item i.color7 {
            color: #ea66a6; }
          .wanci .trait .body .item i.color8 {
            color: #8552a1; }
          .wanci .trait .body .item i.color9 {
            color: #00a6ac; }
          .wanci .trait .body .item i.color10 {
            color: #33a3dc; }
        .wanci .trait .body .item .txt .sbt {
          font-size: 1.375rem; }
        .wanci .trait .body .item .txt .info {
          color: var(--text-color-grey-6); }
  .wanci .axiom {
    padding: 6.25rem 0; }
    .wanci .axiom .body {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-top: 6.25rem; }
      .wanci .axiom .body .item {
        width: 19%; }
        .wanci .axiom .body .item .box {
          padding: 0.9375rem;
          border: 0.0625rem solid #ccc;
          text-align: center;
          border-radius: 0.3125rem;
          position: relative; }
          .wanci .axiom .body .item .box i {
            position: absolute;
            top: -1.875rem;
            left: 50%;
            display: block;
            font-size: 3.75rem;
            color: var(--text-color-blue);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%);
            transform: translateX(-50%);
            background-color: #fff;
            padding: 0 0.625rem; }
          .wanci .axiom .body .item .box .sbt {
            font-size: 1.375rem;
            padding-top: 1.875rem;
            padding-bottom: 1.25rem; }
          .wanci .axiom .body .item .box .info {
            line-height: 1.875rem;
            color: var(--text-color-grey-6);
            padding-bottom: 0.9375rem; }
          .wanci .axiom .body .item .box span {
            display: block;
            font-size: 2.5rem;
            color: #eee;
            text-align: right;
            font-family: Microsoft Yahei;
            font-weight: bold; }
        .wanci .axiom .body .item:hover:nth-child(odd) {
          margin-top: 0;
          -webkit-transition: .5s;
          -o-transition: .5s;
          -moz-transition: .5s;
          transition: .5s; }
        .wanci .axiom .body .item:hover:nth-child(even) {
          margin-top: 3.75rem;
          -webkit-transition: .5s;
          -o-transition: .5s;
          -moz-transition: .5s;
          transition: .5s; }
        .wanci .axiom .body .item:nth-child(odd) {
          margin-top: 0.9375rem;
          -webkit-transition: .5s;
          -o-transition: .5s;
          -moz-transition: .5s;
          transition: .5s; }
        .wanci .axiom .body .item:nth-child(even) {
          margin-top: 4.6875rem;
          -webkit-transition: .5s;
          -o-transition: .5s;
          -moz-transition: .5s;
          transition: .5s; }
  .wanci .case {
    padding: 6.25rem 0;
    background-color: #f5f5f5; }
    .wanci .case .body {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding-top: 3.125rem; }
      .wanci .case .body .item {
        width: 24%; }

/**************************************************************************/
.about {
  padding-top: 7.5rem; }
  .about .info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .about .info .text {
      width: 62%; }
      .about .info .text p {
        line-height: 2.5rem;
        padding-top: 1.875rem;
        color: var(--text-color-grey-8); }
    .about .info .pic {
      width: 35%; }
      .about .info .pic .wave_background .body {
        position: relative;
        z-index: 3;
        padding: 3.125rem 0; }
        .about .info .pic .wave_background .body img {
          border-top-right-radius: 2rem;
          border-bottom-right-radius: 2rem;
          border-bottom-left-radius: 2rem; }
      .about .info .pic .wave_background .background_pattern {
        width: 80%;
        right: 0;
        top: 0;
        left: auto; }
  .about .number {
    margin-top: 6.25rem;
    position: relative;
    text-align: center;
    background: -webkit-linear-gradient(30deg, #543ab7 0%, #00acc1 100%);
    background: -moz-linear-gradient(30deg, #543ab7 0%, #00acc1 100%);
    background: -o-linear-gradient(30deg, #543ab7 0%, #00acc1 100%);
    background: linear-gradient(60deg, #543ab7 0%, #00acc1 100%); }
    .about .number .waves {
      position: relative;
      width: 100%;
      height: 5rem;
      margin-bottom: -0.4375rem; }
      .about .number .waves .content {
        position: relative;
        height: 20vh;
        text-align: center;
        background-color: white; }
      .about .number .waves .parallax use {
        -webkit-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
        -moz-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
        -o-animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
        animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite; }
        .about .number .waves .parallax use:nth-child(1) {
          -webkit-animation-delay: -2s;
          -moz-animation-delay: -2s;
          -o-animation-delay: -2s;
          animation-delay: -2s;
          -webkit-animation-duration: 7s;
          -moz-animation-duration: 7s;
          -o-animation-duration: 7s;
          animation-duration: 7s; }
        .about .number .waves .parallax use:nth-child(2) {
          -webkit-animation-delay: -3s;
          -moz-animation-delay: -3s;
          -o-animation-delay: -3s;
          animation-delay: -3s;
          -webkit-animation-duration: 10s;
          -moz-animation-duration: 10s;
          -o-animation-duration: 10s;
          animation-duration: 10s; }
        .about .number .waves .parallax use:nth-child(3) {
          -webkit-animation-delay: -4s;
          -moz-animation-delay: -4s;
          -o-animation-delay: -4s;
          animation-delay: -4s;
          -webkit-animation-duration: 13s;
          -moz-animation-duration: 13s;
          -o-animation-duration: 13s;
          animation-duration: 13s; }
        .about .number .waves .parallax use:nth-child(4) {
          -webkit-animation-delay: -5s;
          -moz-animation-delay: -5s;
          -o-animation-delay: -5s;
          animation-delay: -5s;
          -webkit-animation-duration: 20s;
          -moz-animation-duration: 20s;
          -o-animation-duration: 20s;
          animation-duration: 20s; }
@-webkit-keyframes move-forever {
  0% {
    -webkit-transform: translate3d(-90px, 0, 0);
    transform: translate3d(-90px, 0, 0); }
  100% {
    -webkit-transform: translate3d(85px, 0, 0);
    transform: translate3d(85px, 0, 0); } }
@-moz-keyframes move-forever {
  0% {
    -moz-transform: translate3d(-90px, 0, 0);
    transform: translate3d(-90px, 0, 0); }
  100% {
    -moz-transform: translate3d(85px, 0, 0);
    transform: translate3d(85px, 0, 0); } }
@-o-keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0); }
  100% {
    transform: translate3d(85px, 0, 0); } }
@keyframes move-forever {
  0% {
    -webkit-transform: translate3d(-90px, 0, 0);
    -moz-transform: translate3d(-90px, 0, 0);
    transform: translate3d(-90px, 0, 0); }
  100% {
    -webkit-transform: translate3d(85px, 0, 0);
    -moz-transform: translate3d(85px, 0, 0);
    transform: translate3d(85px, 0, 0); } }
    .about .number .body {
      padding-top: 6.25rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .about .number .body .item {
        width: 30%;
        color: #fff;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .about .number .body .item .num {
          font-size: 1.25rem; }
          .about .number .body .item .num span {
            font-size: 3.75rem;
            padding-right: .3125rem;
            font-family: BlinkMacSystemFont;
            font-weight: 500; }
        .about .number .body .item .info {
          font-size: 1.25rem; }
  .about .time-line-box {
    margin-top: 6.25rem; }
    .about .time-line-box ul:after {
      content: '';
      background: url("../images/about_line.png") repeat-x left bottom;
      height: 3.25rem;
      width: 1000%;
      position: absolute;
      left: 0;
      z-index: 1; }
    .about .time-line-box ul .item-this:after {
      border-left: var(--text-color-blue-8) 0.125rem solid; }
    .about .time-line-box ul .item-this .layui-text {
      border-left: var(--text-color-blue-8) 0.125rem solid !important; }
    .about .time-line-box ul li {
      float: left;
      width: 13.1875rem;
      position: relative;
      padding-top: 11rem;
      padding-bottom: 0;
      padding-left: 0;
      z-index: 2; }
      .about .time-line-box ul li:after {
        content: '';
        height: 7.75rem;
        border-left: #d3d3d2 .125rem solid;
        position: absolute;
        top: 3.25rem;
        left: 0; }
      .about .time-line-box ul li:first-child {
        margin-left: 5.9375rem; }
      .about .time-line-box ul li:last-child {
        margin-right: 2.5rem; }
      .about .time-line-box ul li:nth-child(2n) {
        padding-top: 0; }
        .about .time-line-box ul li:nth-child(2n) .layui-text {
          position: absolute;
          left: 0;
          bottom: .625rem;
          border-left: #d3d3d2 .125rem solid; }
        .about .time-line-box ul li:nth-child(2n) dt:after {
          left: -2.125rem; }
        .about .time-line-box ul li:nth-child(2n):after {
          top: auto;
          bottom: -3.1875rem;
          height: 4.75rem;
          z-index: 2; }
      .about .time-line-box ul li dl {
        padding-left: 1.5625rem; }
        .about .time-line-box ul li dl dt {
          font-size: 1.375rem;
          color: var(--text-color-blue);
          font-weight: bold;
          position: relative;
          margin-bottom: .625rem; }
          .about .time-line-box ul li dl dt:after {
            content: '';
            width: .5rem;
            height: .5rem;
            border-radius: 100%;
            background: var(--text-color-blue-6);
            position: absolute;
            left: -2rem;
            top: 0;
            border: #b1d8ff .25rem solid; }
        .about .time-line-box ul li dl dd {
          color: #333;
          font-size: .875rem;
          line-height: 1.8;
          padding-left: .9375rem;
          position: relative; }
          .about .time-line-box ul li dl dd:after {
            content: '';
            width: .375rem;
            height: .375rem;
            border-radius: 100%;
            background: var(--text-color-blue);
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -0.1875rem; }
  .about .innovate {
    margin: 6.25rem 0;
    position: relative;
    height: 37.5rem;
    overflow: hidden; }
    .about .innovate::after {
      content: '';
      position: absolute;
      left: 0;
      bottom: 0;
      height: 18.75rem;
      width: 100%;
      background-color: #33a0b2;
      z-index: 0; }
    .about .innovate .body {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      z-index: 1; }
      .about .innovate .body .pic {
        width: 50%; }
        .about .innovate .body .pic img {
          width: 100%;
          border-radius: .3125rem; }
      .about .innovate .body .text {
        width: 50%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .about .innovate .body .text .bt {
          height: 18.75rem;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-orient: vertical;
          -webkit-box-direction: normal;
          -webkit-flex-direction: column;
          -moz-box-orient: vertical;
          -moz-box-direction: normal;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
          -moz-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center; }
          .about .innovate .body .text .bt .sbt {
            font-size: 2.5rem;
            color: #33a0b2;
            font-weight: 600; }
          .about .innovate .body .text .bt .info {
            color: var(--text-color-grey-6); }
        .about .innovate .body .text .txt {
          height: 18.75rem;
          color: #fff;
          padding-right: .9375rem;
          line-height: 1.875rem; }
          .about .innovate .body .text .txt p {
            padding-top: 1.25rem; }
  .about .culture {
    margin-top: 6.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .about .culture .pic {
      width: 45%;
      position: relative;
      min-height: 31.25rem; }
      .about .culture .pic img {
        border-radius: .625rem;
        width: 30rem;
        height: 18.75rem; }
        .about .culture .pic img.one {
          position: absolute;
          left: 0;
          top: 0; }
        .about .culture .pic img.two {
          position: absolute;
          right: 0;
          bottom: 0; }
    .about .culture .text {
      width: 50%; }
      .about .culture .text .txt {
        padding: 1.875rem;
        margin-bottom: 1.875rem;
        -webkit-box-shadow: 0 0 1.625rem 0.125rem rgba(192, 192, 192, 0.3);
        box-shadow: 0 0 1.625rem 0.125rem rgba(192, 192, 192, 0.3); }
        .about .culture .text .txt.b-l {
          border-left: .3125rem solid #02b2b5; }
        .about .culture .text .txt.b-r {
          border-right: .3125rem solid #02b2b5; }
        .about .culture .text .txt h4 {
          font-size: 1.25rem;
          line-height: 1.875rem;
          font-weight: 700;
          margin-bottom: .625rem;
          color: #02b2b5; }
        .about .culture .text .txt p {
          color: var(--text-color-grey-8); }

/**************************************************************************/
.contact-page {
  margin-top: 7.5rem; }
  .contact-page .body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .contact-page .body .item {
      width: 30%;
      position: relative;
      overflow: hidden;
      text-align: center;
      border-top-right-radius: 1.25rem;
      border-bottom-right-radius: 1.25rem;
      border-bottom-left-radius: 1.25rem;
      padding: .3125rem;
      -webkit-transition: all .5s ease-out 0s;
      -o-transition: all .5s ease-out 0s;
      -moz-transition: all .5s ease-out 0s;
      transition: all .5s ease-out 0s; }
      .contact-page .body .item .content {
        background-color: #fff;
        border-top-right-radius: .9375rem;
        border-bottom-right-radius: .9375rem;
        border-bottom-left-radius: .9375rem;
        position: relative;
        z-index: 2;
        padding: 1.875rem; }
        .contact-page .body .item .content i {
          font-size: 6.25rem;
          background: -webkit-linear-gradient(-45deg, var(--wave-color-green-5) 20%, var(--text-color-blue-8) 60%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent; }
        .contact-page .body .item .content .bt {
          font-size: 1.25rem;
          margin: .9375rem 0; }
        .contact-page .body .item .content .info {
          color: var(--text-color-grey-8); }
      .contact-page .body .item::before {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        bottom: 50%;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left bottom, left top, from(var(--wave-color-center)), color-stop(50%, var(--wave-color-blue)));
        background: -webkit-linear-gradient(bottom, var(--wave-color-center) 0%, var(--wave-color-blue) 50%);
        background: -moz-linear-gradient(bottom, var(--wave-color-center) 0%, var(--wave-color-blue) 50%);
        background: -o-linear-gradient(bottom, var(--wave-color-center) 0%, var(--wave-color-blue) 50%);
        background: linear-gradient(0deg, var(--wave-color-center) 0%, var(--wave-color-blue) 50%);
        -webkit-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s; }
      .contact-page .body .item::after {
        content: '';
        display: block;
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 0;
        width: 100%;
        height: 100%;
        background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, var(--wave-color-green)), to(var(--wave-color-center)));
        background: -webkit-linear-gradient(bottom, var(--wave-color-green) 50%, var(--wave-color-center) 100%);
        background: -moz-linear-gradient(bottom, var(--wave-color-green) 50%, var(--wave-color-center) 100%);
        background: -o-linear-gradient(bottom, var(--wave-color-green) 50%, var(--wave-color-center) 100%);
        background: linear-gradient(0deg, var(--wave-color-green) 50%, var(--wave-color-center) 100%);
        -webkit-transition: all .5s ease-out 0s;
        -o-transition: all .5s ease-out 0s;
        -moz-transition: all .5s ease-out 0s;
        transition: all .5s ease-out 0s; }
  .contact-page #dituContent {
    width: 100%;
    height: 550px;
    margin-top: 6.25rem; }
    .contact-page #dituContent .iw_poi_title {
      color: #CC5522;
      font-size: 14px;
      font-weight: bold;
      overflow: hidden;
      padding-right: 13px;
      white-space: nowrap; }
    .contact-page #dituContent .iw_poi_content {
      font: 12px arial,sans-serif;
      overflow: visible;
      padding-top: 4px;
      white-space: -moz-pre-wrap;
      word-wrap: break-word; }

/*********************************************************************************/
.list_case {
  padding-top: 7.5rem; }
  .list_case .case-cate {
    margin-bottom: 6.25rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .list_case .case-cate .item {
      border: 0.0625rem solid var(--text-color-blue-8);
      padding: .625rem 1.875rem;
      margin: 0 .625rem; }
      .list_case .case-cate .item a {
        color: var(--text-color-grey-8); }
      .list_case .case-cate .item:hover, .list_case .case-cate .item.active {
        background-color: var(--text-color-blue-8); }
        .list_case .case-cate .item:hover a, .list_case .case-cate .item.active a {
          color: #fff; }
  .list_case .body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .list_case .body .item {
      width: 33.33%;
      margin-bottom: 2%; }
      .list_case .body .item:hover figure figcaption {
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      .list_case .body .item figure {
        width: 94%;
        margin: 0 auto;
        -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5);
        position: relative;
        overflow: hidden;
        max-height: 14.125rem; }
        .list_case .body .item figure img {
          width: 100%;
          -webkit-transition: .5s ease-in-out;
          -o-transition: .5s ease-in-out;
          -moz-transition: .5s ease-in-out;
          transition: .5s ease-in-out; }
        .list_case .body .item figure figcaption {
          width: 100%;
          position: absolute;
          top: -webkit-calc(100% - 3.125rem);
          top: -moz-calc(100% - 3.125rem);
          top: calc(100% - 3.125rem);
          z-index: 1;
          color: #fff;
          text-align: center;
          -webkit-transition: .3s;
          -o-transition: .3s;
          -moz-transition: .3s;
          transition: .3s; }
          .list_case .body .item figure figcaption h2 {
            display: -webkit-box;
            height: 3.75rem;
            font-size: 1.4375rem;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            text-shadow: 0px 1px 5px black;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical; }
          .list_case .body .item figure figcaption .button {
            font-size: .875rem;
            border: .0625rem solid #fff;
            padding: .3125rem 1.25rem;
            color: #fff;
            text-transform: uppercase;
            text-decoration: none;
            -webkit-transition: .3s;
            -o-transition: .3s;
            -moz-transition: .3s;
            transition: .3s; }
            .list_case .body .item figure figcaption .button:hover {
              color: var(--text-color-grey-8);
              background-color: #fff; }
        .list_case .body .item figure::after {
          top: 0;
          content: '';
          position: absolute;
          width: 100%;
          height: 100%;
          background: -webkit-gradient(linear, left bottom, left top, color-stop(40%, rgba(0, 0, 0, 0.5)), to(rgba(255, 255, 255, 0)));
          background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 40%, rgba(255, 255, 255, 0) 100%);
          background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 40%, rgba(255, 255, 255, 0) 100%);
          background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5) 40%, rgba(255, 255, 255, 0) 100%);
          background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 40%, rgba(255, 255, 255, 0) 100%);
          -webkit-transition: .3s;
          -o-transition: .3s;
          -moz-transition: .3s;
          transition: .3s; }

/*********************************************************************************/
.skin {
  margin-top: 7.5rem; }
  .skin .screen {
    border-top: .0625rem solid #ddd; }
    .skin .screen .item {
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      border-bottom: .0625rem solid #ddd;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 2.5rem; }
      .skin .screen .item dt {
        background-color: #ececec;
        width: 6.25rem;
        text-indent: .625rem;
        color: var(--text-color-grey-8);
        line-height: 2.5rem; }
        .skin .screen .item dt i {
          display: none; }
      .skin .screen .item dd {
        margin: 0 .3125rem;
        font-family: sans-serif;
        font-size: .875rem;
        padding: 0 .625rem;
        line-height: 1.875rem; }
        .skin .screen .item dd a {
          color: #005aa0; }
        .skin .screen .item dd:hover, .skin .screen .item dd.active {
          background-color: var(--text-color-blue-8); }
          .skin .screen .item dd:hover a, .skin .screen .item dd.active a {
            color: #fff; }
  .skin .body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 3.125rem;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .skin .body li {
      width: 23%;
      margin-bottom: 1.25rem; }
      .skin .body li img {
        width: 100%;
        height: 13.9375rem; }
      .skin .body li h3 {
        font-size: 1rem;
        font-weight: normal;
        color: var(--text-color-grey-8); }
      .skin .body li p {
        color: var(--text-color-grey-8); }

/*********************************************************************************/
.xiala {
  margin-top: 7.5rem; }
  .xiala .block {
    margin-top: 3.75rem;
    padding: 1.875rem 3.75rem;
    position: relative;
    color: var(--text-color-grey-6);
    line-height: 2.1875rem;
    font-size: 1.125rem; }
    .xiala .block span {
      background-color: var(--text-color-blue-6);
      color: #Fff; }
    .xiala .block em {
      font-style: normal;
      background-color: yellow;
      color: red; }
    .xiala .block::before {
      font-family: "iconfont" !important;
      content: '\e675';
      position: absolute;
      left: 0;
      top: 0;
      color: #eee;
      font-size: 3.125rem; }
    .xiala .block::after {
      font-family: "iconfont" !important;
      content: '\e675';
      position: absolute;
      right: 0;
      bottom: 0;
      -webkit-transform: rotate(180deg);
      -moz-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      -o-transform: rotate(180deg);
      transform: rotate(180deg);
      color: #eee;
      font-size: 3.125rem; }
  .xiala .tablebox {
    margin-top: 3.75rem; }
    .xiala .tablebox .tablehead {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      background-color: #F9FAFA;
      border: .0625rem solid #F2F2F2;
      height: 5rem;
      line-height: 5rem;
      font-size: 1.25rem;
      font-weight: 600;
      text-align: center; }
      .xiala .tablebox .tablehead .project {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .xiala .tablebox .tablehead .pc {
        width: 35.05%;
        border-left: .0625rem solid #f2f2f2; }
      .xiala .tablebox .tablehead .wap {
        width: 34.92%;
        border-left: .0625rem solid #f2f2f2; }
    .xiala .tablebox .tablebody .item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      height: 3.75rem;
      line-height: 3.75rem;
      text-align: center;
      border-bottom: .0625rem solid #f2f2f2;
      border-left: .0625rem solid #f2f2f2;
      border-right: .0625rem solid #f2f2f2; }
      .xiala .tablebox .tablebody .item .item-search {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -moz-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
      .xiala .tablebox .tablebody .item .item-port {
        border-left: .0625rem solid #f2f2f2;
        width: 70%; }
        .xiala .tablebox .tablebody .item .item-port .port, .xiala .tablebox .tablebody .item .item-port .status {
          width: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -moz-box;
          display: -ms-flexbox;
          display: flex; }
          .xiala .tablebox .tablebody .item .item-port .port .items, .xiala .tablebox .tablebody .item .item-port .status .items {
            width: 50%; }
            .xiala .tablebox .tablebody .item .item-port .port .items:nth-child(2n), .xiala .tablebox .tablebody .item .item-port .status .items:nth-child(2n) {
              border-left: .0625rem solid #f2f2f2; }
            .xiala .tablebox .tablebody .item .item-port .port .items i, .xiala .tablebox .tablebody .item .item-port .status .items i {
              font-size: 1.25rem; }
              .xiala .tablebox .tablebody .item .item-port .port .items i.icon-duigouxiao, .xiala .tablebox .tablebody .item .item-port .status .items i.icon-duigouxiao {
                color: var(--wave-color-green); }
              .xiala .tablebox .tablebody .item .item-port .port .items i.icon-yunhangshibai, .xiala .tablebox .tablebody .item .item-port .status .items i.icon-yunhangshibai {
                color: var(--text-color-grey-6); }
        .xiala .tablebox .tablebody .item .item-port .port {
          display: none; }
  .xiala .xtitle {
    margin-top: 6.25rem;
    height: 3.125rem;
    line-height: 2.8125rem;
    font-size: 1.5625rem;
    position: relative;
    text-align: center; }
    .xiala .xtitle span {
      background-color: #fff;
      padding: 0 1.25rem; }
    .xiala .xtitle::before {
      content: '';
      position: absolute;
      right: 0;
      top: 50%;
      width: 100%;
      height: .0625rem;
      background-color: #ddd;
      z-index: -1; }
  .xiala .advantage {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.75rem; }
    .xiala .advantage .six {
      width: 1.875rem;
      margin-right: 2.5rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      position: relative;
      background-color: #f6f6f6; }
      .xiala .advantage .six::before {
        content: '';
        position: absolute;
        width: .0625rem;
        height: 80%;
        left: 50%;
        top: 50%;
        background-color: #ccc;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
      .xiala .advantage .six p {
        text-align: center;
        background-color: #f6f6f6;
        padding: .3125rem 0;
        color: var(--text-color-grey-6);
        position: relative;
        z-index: 1; }
        .xiala .advantage .six p span {
          -webkit-writing-mode: vertical-lr;
          -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr; }
    .xiala .advantage .body {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -moz-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      color: var(--text-color-grey-8); }
      .xiala .advantage .body li {
        line-height: 3.125rem;
        list-style-type: decimal;
        list-style-position: inside;
        font-size: 1.125rem; }
  .xiala .qa {
    margin-top: 3.75rem; }
    .xiala .qa .item .question {
      height: 5rem;
      background-color: #f5f5f5;
      border-bottom: .0625rem solid #ddd;
      padding-left: 1.25rem;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .xiala .qa .item .question i {
        color: red;
        font-size: 1.875rem;
        margin-right: .625rem; }
    .xiala .qa .item .answer {
      height: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -moz-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      padding: 1.25rem 0 1.25rem 1.25rem; }
      .xiala .qa .item .answer i {
        color: var(--text-color-blue);
        font-size: 1.8125rem;
        margin-right: .625rem; }
  .xiala .warning {
    margin-top: 3.75rem;
    border: .125rem dotted #ff6666;
    background-color: #faffb6;
    padding: 1.25rem; }

/*********************************************************************************/
.bidding {
  margin-top: 7.5rem; }
  .bidding .title-skin1 {
    font-size: 3.125rem;
    text-align: center;
    font-weight: 400;
    color: var(--text-color-grey-8); }
  .bidding .title-skin2 {
    font-size: 1.875rem;
    text-align: center;
    padding: 1.875rem 0;
    font-weight: 300;
    color: var(--text-color-grey-8); }
    .bidding .title-skin2 span {
      font-size: 2.5rem;
      padding: 0 .625rem;
      font-weight: bolder;
      color: var(--text-color-blue); }
  .bidding .title-skin3 {
    font-size: 1.25rem;
    text-align: center;
    font-weight: 200;
    color: var(--text-color-grey-8); }
    .bidding .title-skin3 p {
      line-height: 1.875rem; }
      .bidding .title-skin3 p span {
        color: var(--text-color-blue-8); }
  .bidding .ptitle {
    margin-top: 6.25rem;
    font-size: 1.875rem;
    text-align: center;
    position: relative;
    height: 3.75rem;
    color: var(--text-color-grey-8); }
    .bidding .ptitle span {
      position: relative;
      background-color: #fff;
      padding: 0 1.25rem;
      z-index: 1;
      line-height: 3.75rem; }
    .bidding .ptitle::after {
      position: absolute;
      content: '';
      top: 50%;
      left: 0;
      height: .0625rem;
      width: 100%;
      background-color: #ddd; }
  .bidding .problem {
    display: flex;
    margin-top: 5rem; }
    .bidding .problem .item {
      width: 50%;
      position: relative; }
      .bidding .problem .item .circle {
        position: absolute;
        width: 23.75rem;
        height: 23.75rem;
        left: 15%;
        background-image: url("/skin/images/img8.jpg");
        background-position: center center;
        border: 1px solid #ccc;
        border-radius: 50%; }
        .bidding .problem .item .circle .c-circle {
          width: 100%;
          height: 100%;
          border-radius: 100%;
          position: absolute;
          transform-origin: center center;
          animation: circle 200s linear; }
          .bidding .problem .item .circle .c-circle::after {
            content: '';
            position: absolute;
            transform: translate(-50%, -50%);
            border-radius: 100%; }
        .bidding .problem .item .circle .first::after, .bidding .problem .item .circle .second::after, .bidding .problem .item .circle .third::after, .bidding .problem .item .circle .fourth::after, .bidding .problem .item .circle .fifth::after, .bidding .problem .item .circle .sixth::after, .bidding .problem .item .circle .seventh::after, .bidding .problem .item .circle .eighth::after {
          width: 5rem;
          height: 5rem;
          line-height: 5rem;
          text-align: center;
          font-size: 1.25rem;
          color: #fff;
          box-shadow: .125rem .125rem 5px #ccc; }
        .bidding .problem .item .circle .first::after {
          content: '没咨询';
          left: .9375rem;
          top: 15.625rem;
          background-color: var(--text-color-blue); }
        .bidding .problem .item .circle .second::after {
          content: '花钱多';
          left: 1.25rem;
          top: 6.875rem;
          color: var(--text-color-grey-8);
          background-color: #fff; }
        .bidding .problem .item .circle .third::after {
          content: '点击贵';
          left: 8.75rem;
          top: .5rem;
          background-color: var(--wave-color-green); }
        .bidding .problem .item .circle .fourth::after {
          content: '排名差';
          left: 17.5rem;
          top: 1.5625rem;
          color: var(--text-color-grey-8);
          background-color: #fff; }
        .bidding .problem .item .circle .fifth::after {
          content: '没转换';
          left: 23.125rem;
          top: 8.75rem;
          background-color: #ff8656; }
        .bidding .problem .item .circle .sixth::after {
          content: '生存难';
          left: 22.5rem;
          top: 17.5rem;
          color: var(--text-color-grey-8);
          background-color: #fff; }
        .bidding .problem .item .circle .seventh::after {
          content: '没点击';
          left: 15rem;
          top: 23.125rem;
          background-color: #ff8abb; }
        .bidding .problem .item .circle .eighth::after {
          content: '竞争大';
          left: 6.25rem;
          top: 22.5rem;
          color: var(--text-color-grey-8);
          background-color: #fff; }
@keyframes circle {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
      .bidding .problem .item .text li {
        font-size: 1.125rem;
        line-height: 2.5rem;
        color: var(--text-color-grey-8); }
      .bidding .problem .item .button {
        margin-top: 1.875rem;
        border: 0.0625rem solid var(--text-color-blue-6);
        border-radius: 3.125rem;
        font-size: 1.5rem;
        text-align: center;
        line-height: 2.875rem;
        font-weight: 200;
        color: var(--text-color-blue);
        transition: all .5s; }
        .bidding .problem .item .button:hover {
          background-color: var(--text-color-blue-6);
          color: #fff;
          box-shadow: 12px 12px 32px rgba(0, 0, 0, 0.5); }
  .bidding .dowhat {
    display: flex;
    margin-top: 3.75rem;
    background-image: url("/skin/images/banner-img.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: auto 60%; }
    .bidding .dowhat .reverse ul li {
      flex-direction: row-reverse;
      text-align: right; }
      .bidding .dowhat .reverse ul li .text .textbox {
        padding-left: 0 !important;
        padding-right: .625rem; }
    .bidding .dowhat .list {
      width: 35%; }
      .bidding .dowhat .list ul li {
        display: flex;
        align-items: center;
        padding: .625rem 0; }
        .bidding .dowhat .list ul li .thumb {
          width: 6.25rem;
          height: 6.25rem;
          position: relative; }
          .bidding .dowhat .list ul li .thumb i {
            display: block; }
            .bidding .dowhat .list ul li .thumb i:first-child {
              left: 0;
              top: 0;
              font-size: 6.25rem;
              color: var(--text-color-blue-8); }
            .bidding .dowhat .list ul li .thumb i:last-child {
              position: absolute;
              left: 50%;
              top: 50%;
              transform: translate(-50%, -50%);
              font-size: 2.8125rem;
              color: #fff;
              z-index: 1; }
        .bidding .dowhat .list ul li .text {
          flex: 1; }
          .bidding .dowhat .list ul li .text .textbox {
            padding-left: .625rem; }
            .bidding .dowhat .list ul li .text .textbox .bt {
              font-size: 1.125rem;
              color: var(--text-color-grey-8); }
            .bidding .dowhat .list ul li .text .textbox .info {
              font-size: 1rem;
              color: var(--text-color-grey-6); }
    .bidding .dowhat .pic {
      width: 30%; }
  .bidding .reason {
    margin-top: 3.75rem;
    background-image: url("/skin/images/newsletter_img.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 80%; }
    .bidding .reason ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .bidding .reason ul li {
        width: 35%;
        margin-bottom: 1.25rem;
        padding: .9375rem .625rem;
        border-radius: .625rem;
        box-shadow: .125rem .125rem .9375rem #ccc;
        position: relative;
        list-style-position: inside; }
        .bidding .reason ul li::after {
          content: counter(list-item,upper-roman);
          font-size: 3.125rem;
          color: var(--text-color-blue-4);
          font-family: mcyh;
          font-weight: bold;
          position: absolute;
          right: .3125rem;
          top: 0;
          z-index: -1; }
        .bidding .reason ul li .bt {
          font-size: 1.125rem; }
        .bidding .reason ul li .info {
          color: var(--text-color-grey-8); }
  .bidding .effect {
    margin-top: 3.75rem;
    display: flex;
    justify-content: space-between; }
    .bidding .effect .item {
      width: 32.5%;
      border: .0625rem solid #f3f3f3;
      text-align: center;
      padding: 2.5rem 0;
      transition: all .5s; }
      .bidding .effect .item:hover {
        box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.1); }
      .bidding .effect .item:nth-child(2) i {
        display: block;
        transform: rotate(-45deg); }
      .bidding .effect .item i {
        font-size: 6.25rem;
        color: transparent;
        background-image: linear-gradient(125deg, #1b74fc 0%, #43b9fa 100%);
        -webkit-background-clip: text; }
      .bidding .effect .item .bt {
        font-size: 1.25rem;
        line-height: 3rem;
        padding-top: 1.875rem; }
      .bidding .effect .item .info {
        color: var(--text-color-grey-8);
        padding: 0 .625rem; }

/*********************************************************************************/
.buliang {
  margin-top: 7.5rem; }
  .buliang .bt {
    font-size: 1.625rem;
    text-align: center; }
    .buliang .bt span {
      color: var(--text-color-blue-6); }
  .buliang .mbt {
    text-align: center;
    padding-top: 1.25rem;
    color: var(--text-color-grey-6);
    text-align: center; }
  .buliang .body {
    display: flex;
    justify-content: space-between;
    margin: 3.75rem 0; }
    .buliang .body .item {
      width: 23%;
      background-color: #f9f9f9;
      padding: 4.375rem 0 1.875rem 0;
      text-align: center;
      transition: all 0.5s; }
      .buliang .body .item:hover {
        background-color: #003787;
        transition: all 0.5s; }
        .buliang .body .item:hover p {
          color: #FFF; }
          .buliang .body .item:hover p.info {
            color: #f5f5f5; }
      .buliang .body .item p {
        padding: 0 2.8125rem; }
        .buliang .body .item p.ico {
          margin-bottom: 1.875rem; }
          .buliang .body .item p.ico .iconfont {
            font-size: 4.375rem; }
        .buliang .body .item p.xbt {
          font-size: 1.125rem;
          margin-bottom: 1.25rem;
          font-weight: 700; }
        .buliang .body .item p.info {
          font-size: 0.875rem;
          color: #797979;
          line-height: 1.625rem; }
  .buliang .body1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3.125rem;
    align-items: center; }
    .buliang .body1 .item {
      width: 32%;
      margin-bottom: 2%;
      display: flex;
      padding: 2.5rem 0;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap; }
      .buliang .body1 .item .ico {
        width: 25%; }
        .buliang .body1 .item .ico .iconfont {
          font-size: 4.375rem;
          color: #fff; }
      .buliang .body1 .item .text {
        width: 62%; }
        .buliang .body1 .item .text .xbt {
          font-size: 1.25rem;
          font-weight: 700;
          color: #fff; }
        .buliang .body1 .item .text .info {
          margin-top: 1.25rem;
          font-size: 0.875rem;
          color: #fff; }
      .buliang .body1 .item.one {
        background-color: #00bda0; }
      .buliang .body1 .item.two {
        background-color: #23aae2; }
      .buliang .body1 .item.three {
        background-color: #f78d46; }
      .buliang .body1 .item.four {
        background-color: #a55dff; }
      .buliang .body1 .item.five {
        background-color: #ff5682; }
      .buliang .body1 .item.six {
        background-color: #02c6c4; }

/*********************************************************************************/
/*********************************************************************************/
@media screen and (max-width: 750px) {
  .about .info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .about .info .text {
      width: 90%;
      margin: 0 auto;
      padding-top: 3.125rem; }
      .about .info .text p {
        font-size: .875rem;
        line-height: 1.625rem;
        padding-top: .625rem; }
    .about .info .pic {
      width: 90%;
      margin: 0 auto; }
      .about .info .pic .wave_background .body img {
        width: 90%; }
  .about .number .body {
    width: 90%;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-bottom: 3.125rem; }
    .about .number .body .item {
      width: 100%;
      margin-bottom: 1.875rem; }
      .about .number .body .item:last-child {
        margin-bottom: 0; }
  .about .number .waves {
    height: 2.5rem; }
  .about .innovate {
    height: auto; }
    .about .innovate .body {
      width: 90%;
      margin: 0 auto;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -webkit-flex-direction: column-reverse;
      -moz-box-orient: vertical;
      -moz-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
      .about .innovate .body .pic {
        width: 100%; }
      .about .innovate .body .text {
        width: 100%; }
        .about .innovate .body .text .bt {
          height: auto;
          padding: 1.875rem 0; }
        .about .innovate .body .text .txt {
          line-height: 1.375rem; }
          .about .innovate .body .text .txt p {
            font-size: .875rem;
            padding-top: .625rem; }
  .about .culture {
    width: 90%;
    margin: 6.25rem auto 0 auto; }
    .about .culture .pic {
      display: none; }
    .about .culture .text {
      width: 100%; }

  .website {
    overflow: hidden; }
    .website .type-body .bt {
      font-size: 1.875rem; }
    .website .type-body .sbt {
      font-size: .875rem; }
    .website .type-body .trait ul {
      width: 90%;
      margin: 0 auto;
      border-top: .0625rem solid #e3e3e3;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -moz-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      .website .type-body .trait ul li {
        width: 49.8%; }
        .website .type-body .trait ul li i {
          font-size: 3.75rem; }
        .website .type-body .trait ul li .trait-name {
          font-size: 1rem; }
        .website .type-body .trait ul li .trait-info {
          font-size: .875rem;
          text-align: left;
          padding-left: .3125rem;
          padding-right: .3125rem; }
        .website .type-body .trait ul li:nth-child(odd) {
          border-bottom: .0625rem solid #e3e3e3;
          border-right: 0;
          border-left: 0; }
        .website .type-body .trait ul li:nth-child(even) {
          border-bottom: .0625rem solid #e3e3e3;
          border-right: 0;
          border-left: .0625rem solid #e3e3e3; }
    .website .type-body .ai-price .tablebox {
      overflow-x: scroll;
      width: 100%; }
      .website .type-body .ai-price .tablebox .price-header {
        width: 75rem; }
      .website .type-body .ai-price .tablebox .price-package {
        width: 75rem; }

  .type-cate {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
    overflow-x: scroll; }
    .type-cate li {
      -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
      flex-shrink: 0;
      font-size: 1rem; }

  .domain .bt {
    font-size: 1.875rem;
    color: var(--text-color-grey-8); }
  .domain .newvip .domainbox {
    width: 90%;
    margin: 0 auto; }
    .domain .newvip .domainbox .item {
      width: 47.5%; }
      .domain .newvip .domainbox .item .top .name {
        font-size: 1.25rem; }
      .domain .newvip .domainbox .item .top .info {
        font-size: .75rem; }
      .domain .newvip .domainbox .item .bottom .price {
        font-size: 1rem; }
        .domain .newvip .domainbox .item .bottom .price span {
          font-size: .75rem; }
      .domain .newvip .domainbox .item .bottom .btn {
        font-size: .875rem;
        line-height: 1.875rem;
        height: 1.875rem; }
  .domain .search .searchbox {
    width: 100%; }
    .domain .search .searchbox input {
      width: 30%; }
    .domain .search .searchbox .input {
      width: 30%; }
    .domain .search .searchbox .select {
      width: 20%; }
      .domain .search .searchbox .select input:checked + label:before {
        width: .3125rem; }
      .domain .search .searchbox .select .option {
        font-size: 1rem; }
    .domain .search .searchbox .submit {
      font-size: .875rem;
      padding: 0; }
  .domain .search .domainmore {
    width: 100%;
    overflow-x: scroll; }
  .domain .domain-price {
    width: 100%;
    overflow-x: scroll; }
    .domain .domain-price .body {
      width: 47.1875rem;
      -webkit-box-pack: start;
      -webkit-justify-content: start;
      -moz-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start; }
      .domain .domain-price .body li {
        -webkit-flex-shrink: 1;
        -ms-flex-negative: 1;
        flex-shrink: 1; }

  .company .body .bt {
    font-size: 1.875rem; }
  .company .body .siteinfo {
    width: 90%;
    margin: 0 auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .company .body .siteinfo .thumb img {
      width: 100%;
      padding: 0; }
  .company .body .ptxt {
    width: 90%;
    margin: 0 auto; }

  .revision {
    width: 90%;
    margin: 0 auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .revision .item {
      width: 100%; }

  .procedure .bt {
    font-size: 1.875rem; }
  .procedure .procedure-body {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around; }
    .procedure .procedure-body .item {
      width: 49%;
      margin-bottom: .5%; }
      .procedure .procedure-body .item i {
        font-size: 2.5rem;
        width: 6.25rem;
        height: 6.25rem;
        line-height: 6.25rem; }
      .procedure .procedure-body .item .sbt {
        font-size: 1.25rem; }

  .needed .body li {
    font-size: .875rem; }

  .after-sales .body li {
    font-size: .875rem; }

  .seo .bt {
    color: var(--text-color-grey-8); }
  .seo .whyseo .item {
    width: 46%; }
    .seo .whyseo .item .box i {
      width: 6.25rem;
      height: 6.25rem;
      line-height: 6.25rem;
      font-size: 3.125rem; }
    .seo .whyseo .item .box .tt {
      font-size: 1.125rem; }
    .seo .whyseo .item .box .info {
      font-size: .875rem; }
  .seo .choice .choicebox {
    padding: 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .seo .choice .choicebox .item {
      width: 100%; }
  .seo .choice::after {
    top: 50%;
    width: 100%;
    height: 50%; }
  .seo .optimize .body {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .seo .optimize .body .item {
      width: 50%;
      margin-bottom: 1.25rem; }
      .seo .optimize .body .item i {
        width: 6.25rem;
        height: 6.25rem;
        line-height: 6.25rem; }
      .seo .optimize .body .item .info {
        font-size: .875rem; }
  .seo .solve {
    width: 90%;
    margin: 0 auto; }
    .seo .solve .item {
      width: 100%; }
      .seo .solve .item img {
        width: 100%; }
      .seo .solve .item .sbt {
        font-size: 1.25rem; }
      .seo .solve .item .mbt {
        font-size: .875rem; }
      .seo .solve .item:nth-child(2) {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -moz-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1; }
  .seo .brand .body {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .seo .brand .body .item {
      width: 47.5%;
      margin-bottom: 1.25rem; }
      .seo .brand .body .item .box .sbt {
        font-size: 1.125rem; }
      .seo .brand .body .item .box .info {
        font-size: .875rem; }

  .contact-page .body {
    width: 90%;
    margin: 0 auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .contact-page .body .item {
      width: 100%;
      margin-bottom: 1.25rem; }
      .contact-page .body .item .content i {
        font-size: 3.75rem; }
      .contact-page .body .item .content .bt {
        font-size: 1.125rem; }
      .contact-page .body .item .content .info {
        font-size: .875rem; }

  /****************************************************/
  .list_case .body {
    width: 90%;
    margin: 0 auto; }
    .list_case .body .item {
      width: 100%;
      margin-bottom: 8%; }

  /******************************************************************/
  .skin {
    position: relative;
    width: 95%;
    margin: 7.5rem auto 0;
    height: auto;
    min-height: 31.25rem;
    overflow: hidden; }
    .skin .screen {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
      border: 0; }
      .skin .screen .item {
        width: 25%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column; }
        .skin .screen .item dt {
          width: 100%;
          text-indent: 0;
          text-align: center; }
          .skin .screen .item dt i {
            display: inline-block;
            font-size: .75rem; }
        .skin .screen .item dd {
          display: none; }
        .skin .screen .item.open {
          z-index: 1;
          height: 100%;
          background-color: #ececec; }
          .skin .screen .item.open dd {
            display: block; }
    .skin .body {
      margin-top: 3.125rem; }
      .skin .body li {
        width: 100%; }
        .skin .body li img {
          height: auto; }

  .bidding .title-skin1 {
    font-size: 1.875rem; }
  .bidding .title-skin2 {
    font-size: 1.25rem; }
    .bidding .title-skin2 span {
      font-size: 1.75rem; }
  .bidding .ptitle {
    font-size: 1.625rem; }
  .bidding .problem {
    flex-direction: column;
    margin-top: 3.75rem; }
    .bidding .problem .item {
      width: 100%;
      height: auto;
      overflow: hidden; }
      .bidding .problem .item .text li {
        font-size: .875rem;
        text-indent: .625rem; }
      .bidding .problem .item:first-child {
        height: 23.4375rem; }
      .bidding .problem .item .circle {
        left: 50%;
        top: 10%;
        transform: translateX(-50%);
        width: 18.75rem;
        height: 18.75rem; }
        .bidding .problem .item .circle .first::after, .bidding .problem .item .circle .second::after, .bidding .problem .item .circle .third::after, .bidding .problem .item .circle .fourth::after, .bidding .problem .item .circle .fifth::after, .bidding .problem .item .circle .sixth::after, .bidding .problem .item .circle .seventh::after, .bidding .problem .item .circle .eighth::after {
          width: 3.75rem;
          height: 3.75rem;
          line-height: 3.75rem;
          text-align: center;
          font-size: 1rem;
          box-shadow: .125rem .125rem 5px #ccc; }
        .bidding .problem .item .circle .first::after {
          left: .625rem;
          top: 12.5rem; }
        .bidding .problem .item .circle .second::after {
          left: .375rem;
          top: 5.625rem; }
        .bidding .problem .item .circle .third::after {
          left: 5.625rem;
          top: .625rem; }
        .bidding .problem .item .circle .fourth::after {
          left: 12rem;
          top: .3125rem; }
        .bidding .problem .item .circle .fifth::after {
          left: 17.8125rem;
          top: 5rem; }
        .bidding .problem .item .circle .sixth::after {
          left: 18.125rem;
          top: 12.5rem; }
        .bidding .problem .item .circle .seventh::after {
          left: 12.5rem;
          top: 17.8125rem; }
        .bidding .problem .item .circle .eighth::after {
          left: 5rem;
          top: 17.5rem; }
  .bidding .dowhat {
    background-image: none;
    flex-direction: column; }
    .bidding .dowhat .list {
      width: 100%; }
      .bidding .dowhat .list ul li .text {
        text-align: left; }
        .bidding .dowhat .list ul li .text .textbox .info {
          font-size: .875rem; }
    .bidding .dowhat .pic {
      display: none; }
    .bidding .dowhat .reverse ul li {
      flex-direction: row; }
      .bidding .dowhat .reverse ul li .text .textbox {
        padding-right: 0; }
  .bidding .effect {
    flex-direction: column; }
    .bidding .effect .item {
      width: 90%;
      margin: .625rem auto; }
  .bidding .reason {
    flex-direction: column;
    background-image: none; }
    .bidding .reason ul li {
      width: 90%;
      margin: .625rem auto; }

  .buliang .body {
    flex-wrap: wrap; }
    .buliang .body .item {
      width: 100%; }
  .buliang .body1 .item {
    width: 100%; } }

/*# sourceMappingURL=list.css.map */