@charset "UTF-8";
:root {
  --red: #ff0000; }

html {
  font-size: 20vw; }
  @media screen and (max-width: 320px) {
    html {
      font-size: 64px; } }
  @media screen and (min-width: 540px) {
    html {
      font-size: 108px; } }

input[type="button"], input[type="submit"], input[type="reset"] {
  -webkit-appearance: none; }

textarea {
  -webkit-appearance: none; }

.checkbox, .radiobox {
  width: 1.8em;
  height: 1.8em; }

.checkbox input[type=checkbox], .radiobox input[type=radio] {
  -webkit-appearance: none;
  background-color: transparent;
  outline: 0 !important;
  border: 0;
  font-size: 1em !important; }

.checkbox input[type=checkbox]:before, .radiobox input[type=radio]:before {
  display: inline-block;
  text-align: center;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 1.8em;
  font-weight: thin;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #d4d4d4; }

.checkbox input[type=checkbox]:checked:before, .radiobox input[type=radio]:checked:before {
  color: #ec4b4d; }

.checkbox input[type=checkbox]:before {
  content: "\f096"; }

.checkbox input[type=checkbox]:checked:before {
  content: "\f14a"; }

.radiobox input[type=radio]:before {
  content: "\f096"; }

.radiobox input[type=radio]:checked:before {
  content: "\f14a"; }

@font-face {
  font-family: 'number';
  src: url("../fonts/Krungthep.eot");
  src: url("../fonts/Krungthep.eot") format("embedded-opentype"), url("../fonts/Krungthep.woff") format("woff"), url("../fonts/Krungthep.ttf") format("truetype"), url("../fonts/Krungthep.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'tg';
  src: url("../fonts/TrumpGothicEast_bold.eot");
  src: url("../fonts/TrumpGothicEast_bold.eot") format("embedded-opentype"), url("../fonts/TrumpGothicEast_bold.woff") format("woff"), url("../fonts/TrumpGothicEast_bold.ttf") format("truetype"), url("../fonts/TrumpGothicEast_bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@media screen and (max-width: 768px) {
  .mobile_hide {
    display: none; }
  .header_block {
    height: 0.73333rem; }
  .header {
    width: 100%;
    height: 0.73333rem;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    background-color: #fff; }
    .header .logo {
      width: 2rem;
      height: 0.4rem;
      float: left;
      margin-top: 0.16667rem;
      margin-left: 0.26667rem;
      background-image: url("../images/logo_color.png");
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center; }
    .header .menu {
      width: 0.26667rem;
      height: 0.21333rem;
      float: right;
      margin-right: 0.26667rem;
      margin-top: 0.26rem;
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .header .menu_off {
      background-image: url("../images/menu.png"); }
    .header .menu_on {
      background-image: url("../images/menu_close.png");
      display: none; }
  .mSlider-inner {
    background-color: #232323 !important;
    overflow-y: scroll; }
  .menu_group {
    width: 100%;
    max-height: 100vh;
    box-sizing: border-box;
    padding-top: 0.73333rem;
    overflow-x: hidden;
    overflow-y: scroll;
    position: absolute;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    .menu_group li {
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0.16667rem;
      background-color: #232323; }
      .menu_group li a {
        display: block;
        width: 100%;
        height: 0.65333rem;
        font-size: 0.2rem;
        line-height: 0.65333rem;
        color: #fff;
        border-bottom: 1px solid #181818;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0 0.13333rem;
        text-align: left; }
      .menu_group li span {
        display: block;
        width: 100%;
        padding-left: 0.2rem; }
        .menu_group li span a {
          height: 0.48667rem;
          line-height: 0.48667rem;
          color: #999; }
  .banner {
    width: 100%;
    height: 2.66667rem;
    position: relative; }
    .banner .swiper-slide {
      display: block;
      width: 100%;
      height: 2.66667rem;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center; }
    .banner .mobile_banner_pagi {
      position: absolute;
      bottom: 10px;
      z-index: 2;
      width: 100%;
      text-align: center; }
    .banner .swiper-pagination-bullet {
      width: 0.53333rem;
      height: 0.03333rem;
      border-radius: 0;
      background-color: #fff;
      margin: 0 0.06667rem; }
  .advantage {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.13333rem;
    overflow: hidden; }
    .advantage li {
      float: left;
      width: 1.83333rem;
      margin: 0 0.26667rem;
      border-bottom: 2px solid #d1d1d1;
      margin-top: 0.33333rem; }
    .advantage .title {
      font-size: 0.2rem;
      line-height: 0.24667rem;
      color: #000;
      width: 100%;
      height: 0.24667rem;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .advantage .desc {
      font-size: 0.16rem;
      line-height: 0.20667rem;
      width: 100%;
      height: 0.20667rem;
      margin-top: 0.13333rem;
      margin-bottom: 0.2rem;
      color: #707070; }
  .section {
    padding-top: 0.46667rem;
    padding-bottom: 0.26667rem; }
  .common_title {
    font-size: 0.24rem;
    line-height: 0.31333rem;
    color: #000;
    text-align: center; }
    .common_title[data-theme="light"] {
      color: #fff; }
  .common_desc {
    font-size: 0.18667rem;
    line-height: 0.25333rem;
    color: #707070;
    text-align: center;
    margin-top: 0.12667rem; }
    .common_desc[data-theme="light"] {
      color: #fff; }
  .service_card_group {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.26667rem;
    margin-top: 0.26667rem; }
    .service_card_group .service_card_item {
      height: 1.18rem;
      padding-left: 1.72667rem;
      background-repeat: no-repeat;
      border-bottom: 1px solid #d1d1d1;
      padding-top: 0.23333rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background-size: 0.66667rem 0.66667rem;
      background-position: left 0.33333rem center; }
      .service_card_group .service_card_item a {
        display: block; }
      .service_card_group .service_card_item .service_name {
        font-size: 0.18667rem;
        line-height: 0.22rem;
        color: #000;
        display: block; }
      .service_card_group .service_card_item .service_desc1 {
        display: block;
        font-size: 0.13333rem;
        line-height: 0.27333rem;
        color: #000;
        margin-top: 0.15333rem; }
      .service_card_group .service_card_item .service_desc2 {
        display: none; }
  .solution {
    padding-top: 0.46667rem;
    padding-bottom: 0.26667rem; }
    .solution .solution_group_mobile {
      margin-top: 0.54667rem;
      padding: 0 0.3rem; }
      .solution .solution_group_mobile .swiper-slide {
        width: 2.13333rem;
        height: 3.2rem;
        margin-right: 0.13333rem;
        background-size: 2.13333rem 3.2rem;
        background-repeat: no-repeat;
        background-position: center; }
        .solution .solution_group_mobile .swiper-slide a {
          display: block;
          background-repeat: no-repeat;
          width: 100%;
          height: 100%;
          box-sizing: border-box;
          background-size: 0.29333rem 0.30667rem;
          background-position: center 1.14667rem;
          padding-top: 1.75333rem;
          font-size: 0.18667rem;
          line-height: 0.24667rem;
          text-align: center;
          color: #fff; }
  .reason_group {
    margin-top: 0.53333rem;
    margin-left: 0.26667rem;
    margin-right: 0.26667rem;
    box-sizing: border-box;
    border-top: 0.00667rem solid #d1d1d1;
    border-left: 0.00667rem solid #d1d1d1;
    overflow: hidden; }
    .reason_group li {
      float: left;
      width: 50%;
      height: 1.63333rem;
      box-sizing: border-box;
      border-right: 0.00667rem solid #d1d1d1;
      border-bottom: 0.00667rem solid #d1d1d1;
      background-repeat: no-repeat;
      padding-top: 1.05333rem;
      font-size: 0.18667rem;
      line-height: 0.24667rem;
      text-align: center;
      color: #000;
      background-size: 1.13333rem;
      background-position: center top 0; }
  .case {
    padding-top: 0.46667rem; }
  .case_group {
    margin-top: 0.6rem;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.26667rem; }
    .case_group a {
      display: block;
      padding-top: 3.04667rem;
      width: 4.46667rem;
      height: 4.36667rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background-size: auto 3.04667rem;
      background-repeat: no-repeat;
      background-position: center 0;
      position: relative; }
    .case_group .case_title {
      font-size: 0.22667rem;
      line-height: 0.3rem;
      padding-top: 0.32667rem;
      padding-left: 0.26667rem;
      padding-right: 0.73333rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      height: 0.62667rem;
      border-left: 0.00667rem solid #d1d1d1;
      border-right: 0.00667rem solid #d1d1d1;
      color: #000; }
    .case_group .case_desc {
      font-size: 0.17333rem;
      line-height: 0.23333rem;
      padding-top: 0.14rem;
      padding-left: 0.26667rem;
      padding-right: 0.73333rem;
      padding-bottom: 0.31333rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      width: 100%;
      height: 0.69333rem;
      border: 0.00667rem solid #d1d1d1;
      border-top-color: #d1d1d1;
      border-top-style: solid;
      border-top-width: 0.00667rem;
      border-top: 0;
      color: #8c8c8c; }
    .case_group .case_link {
      position: absolute;
      width: 0.42667rem;
      height: 0.42667rem;
      border-radius: 50%;
      border: 0.00667rem solid #d1d1d1;
      background-repeat: no-repeat;
      background-size: auto 0.2rem;
      background-position: center;
      right: 0.2rem;
      bottom: 0.44667rem; }
    .case_group .case_pagination {
      position: relative;
      bottom: 0;
      padding-top: 0.13333rem;
      padding-bottom: 0.4rem;
      text-align: center;
      color: #11BCDC; }
    .case_group .swiper-pagination-bullet {
      background-color: #11BCDC; }
  .contact {
    width: 100%;
    padding-top: 0.38667rem;
    padding-bottom: 0.42rem;
    background: linear-gradient(135deg, #20ceb4 0%, #0da7ee 100%);
    font-size: 0; }
    .contact .common_title {
      color: #fff; }
    .contact .common_desc {
      color: #fff; }
    .contact input {
      -webkit-appearance: none;
      outline: none;
      border: 0;
      color: #fff; }
    .contact .name {
      width: 1.63333rem;
      height: 0.58667rem;
      border: 0.00667rem solid #fff;
      background-color: transparent;
      border-radius: 0;
      margin-top: 0.40667rem;
      margin-left: 0.26667rem;
      font-size: 0.17333rem;
      line-height: 0.58667rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0.17333rem; }
    .contact .tel {
      width: 2.7rem;
      height: 0.58667rem;
      border: 0.00667rem solid #fff;
      background-color: transparent;
      border-radius: 0;
      margin-top: 0.40667rem;
      margin-left: 0.13333rem;
      font-size: 0.17333rem;
      line-height: 0.58667rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0.17333rem; }
    .contact .desc {
      width: 4.46667rem;
      height: 0.58667rem;
      border: 0.00667rem solid #fff;
      background-color: transparent;
      border-radius: 0;
      margin-top: 0.2rem;
      margin-left: 0.26667rem;
      font-size: 0.17333rem;
      line-height: 0.58667rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0.17333rem; }
    .contact .submit {
      width: 4.46667rem;
      height: 0.53333rem;
      background-color: #fff;
      border-radius: 0;
      border: 0;
      outline: none;
      margin-top: 0.42rem;
      margin-left: 0.26667rem;
      font-size: 0.18667rem;
      line-height: 0.53333rem;
      text-align: center;
      color: #45637B; }
  .contact input::-webkit-input-placeholder {
    color: #fff; }
  .contact input:-moz-placeholder {
    color: #fff; }
  .contact input::-moz-placeholder {
    color: #fff; }
  .contact input:-ms-input-placeholder {
    color: #fff; }
  .news_group {
    margin-top: 0.2rem;
    width: 100% !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.26667rem; }
    .news_group a {
      display: block;
      padding-top: 2.43333rem;
      width: 4.46667rem;
      height: 3.72rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background-size: auto 2.43333rem;
      background-repeat: no-repeat;
      background-position: center 0;
      position: relative;
      border: 0.00667rem solid #d1d1d1; }
    .news_group img {
      display: block;
      width: 100%;
      height: 2.43333rem;
      position: absolute;
      top: 0;
      left: 0;
      object-fit: cover; }
    .news_group .date {
      width: 0.98667rem;
      height: 0.64rem;
      margin-top: 0.24667rem;
      float: left;
      border-right: 0.00667rem solid #eaeaea; }
      .news_group .date .day {
        font-size: 0.46667rem;
        line-height: 0.54667rem;
        margin-left: 0.2rem;
        margin-top: -0.02rem;
        color: #000; }
      .news_group .date .month_year {
        font-size: 0.13333rem;
        line-height: 0.17333rem;
        margin-top: -0.03333rem;
        color: #707070;
        margin-left: 0.2rem; }
    .news_group .info {
      width: 3.06rem;
      margin-top: 0.34rem;
      margin-right: 0.22rem;
      float: right; }
      .news_group .info .news_title {
        font-size: 0.18667rem;
        line-height: 0.2rem;
        color: #000;
        height: 0.2rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .news_group .info .news_desc {
        font-size: 0.16rem;
        line-height: 0.20667rem;
        height: 0.20667rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #707070;
        margin-top: 0.1rem; }
    .news_group .news_pagination {
      position: relative;
      bottom: 0;
      padding-top: 0.13333rem;
      text-align: center;
      color: #11BCDC; }
    .news_group .swiper-pagination-bullet {
      background-color: #11BCDC; }
  .cooperation_group {
    width: 4.46667rem;
    margin: 0.53333rem auto 0;
    overflow: hidden; }
    .cooperation_group li {
      float: left;
      width: calc(100% / 3);
      height: 0.95333rem; }
      .cooperation_group li img {
        display: block;
        width: 80%;
        margin: 0 auto; }
  .footer {
    width: 100%;
    background-color: #1e1e1e;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.26667rem 0.26667rem 0; }
    .footer a {
      color: #7A7A7A; }
    .footer .footer_nav {
      padding-bottom: 0.13333rem;
      border-bottom: 0.00667rem solid #484848;
      overflow: hidden; }
      .footer .footer_nav li {
        float: left;
        margin-right: 0.26667rem;
        margin-bottom: 0.26667rem; }
        .footer .footer_nav li a {
          font-size: 0.16rem;
          line-height: 0.20667rem; }
    .footer .footer_link {
      padding-top: 0.25333rem;
      padding-bottom: 0.26rem;
      border-bottom: 0.00667rem solid #484848; }
      .footer .footer_link li {
        float: left;
        margin-right: 0.33333rem; }
        .footer .footer_link li a {
          font-size: 0.16rem;
          line-height: 0.20667rem; }
    .footer .copyright {
      color: #7a7a7a;
      font-size: 0.13333rem;
      line-height: 0.17333rem;
      padding-top: 0.28667rem;
      padding-bottom: 0.29333rem; }
  .behind_footer {
    height: 0.66667rem;
    background-color: #1e1e1e; }
  .fix_footer {
    position: fixed;
    z-index: 98;
    bottom: 0;
    width: 100%;
    height: 0.66667rem;
    left: 0;
    background-color: #F2965A; }
    .fix_footer .fix_footer_item {
      width: 50%;
      height: 100%;
      float: left;
      position: relative; }
      .fix_footer .fix_footer_item a {
        display: block;
        height: 100%;
        font-size: 0.18667rem;
        line-height: 0.66667rem;
        text-align: center;
        color: #fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 0.33333rem;
        background-repeat: no-repeat; }
      .fix_footer .fix_footer_item:nth-child(1) a {
        background-size: auto 0.30667rem;
        background-position: 0.66667rem center; }
      .fix_footer .fix_footer_item:nth-child(2) a {
        background-size: auto 0.28667rem;
        background-position: 0.64rem center; }
      .fix_footer .fix_footer_item:first-child:after {
        content: '';
        position: absolute;
        width: 0.01333rem;
        height: 0.33333rem;
        background-color: #fff;
        top: 0.16667rem;
        right: -0.00667rem; }
  .inner_banner {
    width: 100%;
    height: 2.66667rem;
    background: linear-gradient(135deg, #20ceb4 0%, #0da7ee 100%);
    position: relative; }
    .inner_banner .inner_banner_bg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 1;
      background-size: auto 60%;
      background-repeat: no-repeat;
      background-position: right 0 bottom; }
    .inner_banner .inner_banner_title[data-type="left"] {
      font-size: 0.29333rem;
      line-height: 0.34667rem;
      color: #fff;
      z-index: 2;
      padding-top: 0.5rem;
      padding-left: 0.33333rem; }
    .inner_banner .inner_banner_desc[data-type="left"] {
      font-size: 0.16rem;
      line-height: 0.20667rem;
      color: #fff;
      margin-top: 0.14667rem;
      padding-left: 0.33333rem;
      padding-right: 0.33333rem; }
    .inner_banner .inner_banner_navigation {
      width: 100%;
      box-sizing: border-box;
      position: absolute;
      top: 2rem;
      left: 0;
      z-index: 2;
      padding-left: 0.33333rem; }
      .inner_banner .inner_banner_navigation li {
        float: left;
        padding-right: 0.13333rem; }
      .inner_banner .inner_banner_navigation a {
        display: block;
        width: 100%;
        color: #fff;
        position: relative; }
      .inner_banner .inner_banner_navigation .inner_banner_navigation_on a:after {
        position: absolute;
        content: '';
        width: 100%;
        height: 0.01333rem;
        background-color: #fff;
        bottom: -0.06667rem;
        left: 0; }
  .breadcrumb {
    width: 100%;
    box-sizing: border-box;
    padding: 0.2rem 0.26667rem;
    height: 0.7rem;
    color: #666666;
    font-size: 0.18rem;
    line-height: 0.3rem; }
    .breadcrumb a {
      color: #666666; }
    .breadcrumb .on {
      color: #11BCDC; }
  .case_v2_menu {
    margin: 0.1rem 0.26667rem 0;
    padding-bottom: 0.24667rem;
    overflow: hidden; }
    .case_v2_menu .case_v2_item {
      float: left;
      font-size: 0.18667rem;
      line-height: 0.24667rem;
      margin-right: 0.33333rem;
      margin-bottom: 0.2rem;
      color: #707070;
      background: unset !important; }
    .case_v2_menu .on {
      color: #11BCDC; }
  .case_v2_main_list {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.26667rem; }
    .case_v2_main_list .case_v2_li {
      display: block;
      width: 100%;
      position: relative;
      margin-bottom: 0.26667rem; }
      .case_v2_main_list .case_v2_li .case_v2_link {
        display: block;
        width: 100%;
        height: 3.04667rem;
        position: relative; }
        .case_v2_main_list .case_v2_li .case_v2_link .case_v2_img {
          width: 100%;
          height: 3.04667rem;
          position: absolute;
          top: 0;
          left: 0;
          box-sizing: border-box;
          border: 1px solid #d1d1d1;
          border-bottom: 0; }
          .case_v2_main_list .case_v2_li .case_v2_link .case_v2_img img {
            display: block;
            width: 100%;
            height: 3.04667rem;
            object-fit: cover; }
      .case_v2_main_list .case_v2_li .case_v2_title {
        display: block; }
        .case_v2_main_list .case_v2_li .case_v2_title .case_v2_title_m {
          font-size: 0.17333rem;
          line-height: 0.23333rem;
          padding-top: 0.14rem;
          padding-left: 0.26667rem;
          padding-right: 0.73333rem;
          padding-bottom: 0.31333rem;
          -webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
          box-sizing: border-box;
          width: 100%;
          border: 0.00667rem solid #d1d1d1;
          border-top-color: #d1d1d1;
          border-top-style: solid;
          border-top-width: 0.00667rem;
          border-top: 0;
          color: #8c8c8c;
          padding-bottom: 0.1rem; }
          .case_v2_main_list .case_v2_li .case_v2_title .case_v2_title_m a {
            font-size: 0.22667rem;
            line-height: 0.3rem;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            width: 100%;
            height: 0.62667rem;
            color: #000; }
  .pagination {
    padding-bottom: 0.33333rem;
    display: flex;
    justify-content: center; }
    .pagination li {
      display: inline-block;
      font-size: 0.13333rem;
      line-height: 0.33333rem;
      margin: 0 0.06667rem;
      height: 0.33333rem;
      border: 0.00667rem solid #eaeaea;
      box-sizing: border-box;
      background-color: #fff;
      -webkit-transition: all .3s linear;
      -moz-transition: all .3s linear;
      -ms-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear;
      padding: 0 0.06667rem; }
      .pagination li a, .pagination li span {
        display: block;
        font-size: 0.13333rem;
        line-height: 0.32rem;
        height: 0.32rem;
        color: #000;
        text-align: center;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear; }
      .pagination li:hover {
        background-color: #11bcdc;
        border: 0.00667rem solid #11bcdc;
        color: #fff; }
        .pagination li:hover a, .pagination li:hover span {
          color: #fff; }
    .pagination .page-num {
      display: inline-block;
      font-size: 0.13333rem;
      line-height: 0.33333rem;
      margin: 0 0.06667rem;
      height: 0.33333rem;
      border: 0.00667rem solid #eaeaea;
      box-sizing: border-box;
      background-color: #fff;
      -webkit-transition: all .3s linear;
      -moz-transition: all .3s linear;
      -ms-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear;
      padding: 0 0.06667rem;
      color: #000;
      text-align: center;
      -webkit-transition: all .3s linear;
      -moz-transition: all .3s linear;
      -ms-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear; }
    .pagination .on {
      background-color: #11bcdc;
      border: 1px solid #11bcdc;
      color: #fff; }
      .pagination .on a, .pagination .on span {
        color: #fff; }
  .news_group_v2 {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.26667rem; }
    .news_group_v2 li {
      display: block;
      margin-bottom: 0.26667rem; }
      .news_group_v2 li a {
        display: block;
        overflow: hidden; }
    .news_group_v2 .img_wrap {
      width: 100%;
      height: 2.43333rem;
      background-size: cover;
      background-position: center center;
      box-sizing: border-box;
      border: 1px solid #d1d1d1;
      border-bottom: 0; }
    .news_group_v2 .info_wrap {
      width: 100%;
      padding-bottom: 0.3rem;
      box-sizing: border-box;
      border: 1px solid #d1d1d1;
      border-top: 0;
      overflow: hidden; }
    .news_group_v2 .date {
      width: 0.98667rem;
      height: 0.64rem;
      margin-top: 0.24667rem;
      float: left;
      border-right: 0.00667rem solid #eaeaea; }
      .news_group_v2 .date .day {
        font-size: 0.46667rem;
        line-height: 0.54667rem;
        margin-left: 0.2rem;
        margin-top: -0.02rem;
        color: #000; }
      .news_group_v2 .date .month_year {
        font-size: 0.13333rem;
        line-height: 0.17333rem;
        margin-top: -0.03333rem;
        color: #707070;
        margin-left: 0.2rem; }
    .news_group_v2 .info {
      width: 3.06rem;
      margin-top: 0.34rem;
      margin-right: 0.22rem;
      float: right; }
      .news_group_v2 .info .inner_news_title {
        font-size: 0.18667rem;
        line-height: 0.2rem;
        color: #000;
        height: 0.2rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .news_group_v2 .info .inner_news_desc {
        font-size: 0.16rem;
        line-height: 0.20667rem;
        height: 0.20667rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        color: #707070;
        margin-top: 0.1rem; }
  .client_info, .superior_group {
    margin: 0.61333rem 0.26667rem 0; }
    .client_info li, .superior_group li {
      width: calc(100% / 3);
      height: 0.66667rem;
      float: left;
      position: relative; }
      .client_info li:after, .superior_group li:after {
        content: '';
        position: absolute;
        width: 0.00667rem;
        height: 0.66667rem;
        background-color: #d1d1d1;
        right: 0;
        top: 0; }
      .client_info li:nth-child(3n):after, .superior_group li:nth-child(3n):after {
        display: none; }
      .client_info li:last-child:after, .superior_group li:last-child:after {
        display: none; }
    .client_info .client_info_number, .client_info .inner_banner_number_main, .superior_group .client_info_number, .superior_group .inner_banner_number_main {
      font-size: 0.33333rem;
      line-height: 0.42667rem;
      color: #000;
      text-align: center; }
      .client_info .client_info_number span, .client_info .inner_banner_number_main span, .superior_group .client_info_number span, .superior_group .inner_banner_number_main span {
        position: relative;
        top: -0.02rem; }
    .client_info .client_info_title, .client_info .inner_banner_number_unit, .superior_group .client_info_title, .superior_group .inner_banner_number_unit {
      font-size: 0.16rem;
      line-height: 0.20667rem;
      color: #000;
      text-align: center;
      margin-top: 0.01333rem; }
  .about_banner {
    width: 100%;
    height: 5.50667rem;
    background-size: auto 5.50667rem;
    background-repeat: no-repeat;
    background-position: center 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 1.29333rem; }
    .about_banner .about_banner_title {
      font-size: 0.29333rem;
      line-height: 0.34667rem;
      margin-left: 0.33333rem;
      color: #fff; }
    .about_banner .about_banner_desc {
      font-size: 0.16rem;
      line-height: 0.20667rem;
      margin-left: 0.33333rem;
      margin-top: 0.14667rem;
      color: #fff; }
    .about_banner .client_info {
      margin-top: 1.78667rem; }
    .about_banner li:after {
      background-color: #fff; }
    .about_banner .client_info_number {
      color: #fff; }
    .about_banner .client_info_title {
      color: #fff; }
  .special_font {
    font-family: number; }
  .introduce {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.26667rem;
    margin-top: 0.2rem; }
    .introduce .introduce_c_title {
      font-size: 0.26667rem;
      line-height: 0.34667rem;
      color: #000;
      text-align: left;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .introduce .introduce_c_desc {
      margin-top: 0.4rem;
      font-size: 0.18667rem;
      line-height: 0.32rem;
      color: #707070;
      text-align: justify;
      text-align-last: left; }
  .superior {
    padding-top: 0.73333rem;
    overflow: hidden; }
    .superior .common_title[data-type="about"] {
      font-size: 0.26667rem;
      line-height: 0.34667rem;
      color: #000;
      text-align: left;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0.26667rem; }
    .superior .common_desc[data-type="about"] {
      margin-top: 0.4rem;
      padding: 0 0.26667rem;
      font-size: 0.18667rem;
      line-height: 0.32rem;
      color: #707070;
      text-align: justify;
      text-align-last: left; }
    .superior .inner_banner_number_main {
      color: #11BCDC; }
  .honor {
    padding-top: 0.73333rem;
    overflow: hidden; }
    .honor .common_title {
      font-size: 0.26667rem;
      line-height: 0.34667rem;
      color: #000;
      text-align: left;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0.26667rem; }
    .honor .common_desc {
      margin-top: 0.4rem;
      padding: 0 0.26667rem;
      font-size: 0.18667rem;
      line-height: 0.32rem;
      color: #707070;
      text-align: justify;
      text-align-last: left; }
    .honor .honor_mobile_swiper {
      width: 4.66667rem;
      margin: 0 0.16667rem;
      margin-top: 0.33333rem;
      padding-bottom: 0.33333rem; }
      .honor .honor_mobile_swiper .swiper-slide {
        width: 100%;
        height: auto; }
        .honor .honor_mobile_swiper .swiper-slide img {
          display: block;
          width: 100%;
          height: auot; }
        .honor .honor_mobile_swiper .swiper-slide p {
          font-size: 0.18667rem;
          line-height: 0.33333rem;
          text-align: center; }
  .forward {
    width: 100%;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem; }
    .forward .common_title {
      font-size: 0.26667rem;
      line-height: 0.34667rem;
      color: #000;
      text-align: left;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0.26667rem; }
    .forward .common_desc {
      margin-top: 0.4rem;
      padding: 0 0.26667rem;
      font-size: 0.18667rem;
      line-height: 0.32rem;
      color: #707070;
      text-align: justify;
      text-align-last: left; }
    .forward .forward_item {
      width: 4.46667rem;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      justify-content: start; }
    .forward .forward_num_group {
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    .forward .forward_num_group li {
      width: 100%;
      height: 2.4rem; }
    .forward .forward_num_group li .forward_small_title {
      background-color: #ffffff; }
    .forward .forward_img {
      width: 100%;
      height: 2.4rem;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .forward .forward_img_cover {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3); }
    .forward .forward_num_bg_lighter {
      background-color: #9DF1FD; }
    .forward .forward_num_bg_lighter .forward_small_title {
      background-color: #9DF1FD !important; }
    .forward .forward_num_bg_stronger {
      background-color: #0da7ee; }
    .forward .forward_num_bg_stronger .forward_small_title {
      background-color: #0da7ee !important; }
    .forward .forward_num_bg_grayer {
      background-color: #f1f1f1; }
    .forward .forward_num_bg_grayer .forward_small_title {
      background-color: #f1f1f1 !important; }
    .forward .forward_num_box {
      width: 1rem;
      margin: 0.3rem auto 0; }
    .forward .forward_num {
      font-size: 0.8rem;
      line-height: 1rem;
      color: #222;
      text-align: center;
      position: relative;
      font-family: 'tg';
      font-weight: bold; }
    .forward .forward_small_title {
      font-size: 0.15rem;
      line-height: 0.4rem;
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 0 0.05rem; }
    .forward .forward_desc {
      width: 100%;
      box-sizing: border-box;
      padding: 0 0.2rem;
      margin-top: 0.2rem; }
    .forward .forward_num_bg_stronger .forward_num, .forward .forward_num_bg_stronger .forward_small_title, .forward .forward_num_bg_stronger .forward_desc {
      color: #fff !important; }
    .forward .forward_desc, .forward .forward_desc p {
      font-size: 0.18rem;
      line-height: 1.25;
      text-align: center;
      color: #666; }
  .mini_news {
    padding-top: 0.73333rem;
    padding-bottom: 0.73333rem; }
    .mini_news .common_title {
      font-size: 0.26667rem;
      line-height: 0.34667rem;
      color: #000;
      text-align: left;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0.26667rem; }
    .mini_news .common_desc {
      margin-top: 0.4rem;
      padding: 0 0.26667rem;
      font-size: 0.18667rem;
      line-height: 0.32rem;
      color: #707070;
      text-align: justify;
      text-align-last: left; }
    .mini_news .mini_news_group {
      margin-top: 0.33333rem;
      width: 100%;
      box-sizing: border-box;
      padding: 0 0.26667rem; }
      .mini_news .mini_news_group li {
        margin-bottom: 0.2rem;
        border: 0.00667rem solid #d1d1d1; }
      .mini_news .mini_news_group a {
        display: block;
        padding: 0.2rem 0.13333rem; }
      .mini_news .mini_news_group .mn_title {
        display: block;
        font-size: 0.2rem;
        line-height: 0.26667rem;
        color: #000;
        width: 100%;
        height: 0.26667rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .mini_news .mini_news_group .mn_desc {
        display: block;
        font-size: 0.18667rem;
        line-height: 0.26667rem;
        color: #999;
        width: 100%;
        height: 0.53333rem;
        overflow: hidden;
        margin-top: 0.13333rem;
        text-align: justify;
        text-align-last: left;
        display: -webkit-box;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis; }
      .mini_news .mini_news_group .mn_link {
        display: none; }
  .contact_banner {
    width: 100%;
    height: 6.43333rem;
    padding-top: 0.76667rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: linear-gradient(152deg, #04c5d5 0%, #3fa2f7 100%); }
    .contact_banner .contact_title {
      font-size: 0.26667rem;
      line-height: 0.34667rem;
      margin-left: 0.44rem;
      color: #fff; }
    .contact_banner .contact_group {
      margin: 0.29333rem 0.26667rem 0;
      width: 4.46667rem;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
      .contact_banner .contact_group li {
        padding-left: 0.94667rem;
        height: 1.66667rem;
        border-bottom: 0.01333rem solid #fff;
        background-repeat: no-repeat;
        background-position: 0.2rem center;
        padding-top: 0.54rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: relative;
        background-size: 0.5rem 0.5rem; }
        .contact_banner .contact_group li:nth-child(3) {
          border-bottom: 0; }
    .contact_banner .contact_group_main {
      font-size: 0.2rem;
      line-height: 0.23333rem;
      color: #fff; }
    .contact_banner .contact_group_title {
      font-size: 0.16rem;
      line-height: 0.20667rem;
      color: #fff;
      margin-top: 0.12rem; }
    .contact_banner .contact_group_btn {
      position: absolute;
      right: 0rem;
      bottom: 0.60667rem;
      width: 1.13333rem;
      height: 0.42667rem;
      line-height: 0.42667rem;
      font-size: 0.18667rem;
      text-align: center;
      color: #fff;
      border-radius: 0.21333rem;
      border: 0.01333rem solid #fff; }
  .inner_banner_contact {
    height: unset; }
  .qrcode {
    width: 5rem;
    height: 2.66667rem; }
    .qrcode img {
      display: block;
      width: auto;
      height: 2rem;
      margin: 0.33333rem auto 0.2rem; }
    .qrcode .qr_info {
      font-size: 0.18667rem;
      line-height: 0.2rem;
      color: #fff;
      text-align: center; }
  .address {
    padding-top: 0.76667rem; }
    .address .address_title {
      font-size: 0.26667rem;
      line-height: 0.34667rem;
      color: #000;
      text-align: left;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0.26667rem; }
    .address .location_group {
      margin: 0.14667rem 0.26667rem 0.6rem; }
      .address .location_group li {
        padding-top: 0.46667rem;
        height: 3.06667rem;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: 0.00667rem solid #d1d1d1;
        position: relative; }
      .address .location_group .map {
        position: absolute;
        bottom: 0.4rem;
        right: 0;
        display: block;
        width: 1.13333rem;
        height: 0.42667rem;
        line-height: 0.42667rem;
        font-size: 0.18667rem;
        color: #000;
        border: 0.00667rem solid #979797;
        border-radius: 0.21333rem;
        text-align: center; }
    .address .location_group_name {
      font-size: 0.22667rem;
      line-height: 0.26667rem;
      color: #000; }
    .address .location_group_desc {
      font-size: 0.18667rem;
      line-height: 0.33333rem;
      color: #707070;
      margin-top: 0.26rem; }
  .case_banner {
    width: 100%;
    height: 4rem;
    background-size: 100% 4rem;
    background-repeat: no-repeat;
    background-position: center 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding-top: 1.44667rem; }
    .case_banner .case_banner_title {
      font-size: 0.32rem;
      line-height: 0.37333rem;
      color: #fff;
      position: relative;
      margin-left: 0.33333rem; }
    .case_banner .case_banner_desc {
      font-size: 0.18667rem;
      line-height: 0.24667rem;
      color: #fff;
      margin-top: 0.28667rem;
      margin-left: 0.33333rem;
      position: relative; }
  .case_detail .case_detail_block {
    padding-top: 0.63333rem; }
    .case_detail .case_detail_block .case_detail_title {
      font-size: 0.26667rem;
      line-height: 0.34667rem;
      color: #000;
      text-align: left;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding: 0 0.26667rem; }
    .case_detail .case_detail_block .case_detail_desc {
      margin-top: 0.4rem;
      padding: 0 0.26667rem;
      font-size: 0.18667rem;
      line-height: 0.32rem;
      color: #707070;
      text-align: justify;
      text-align-last: left; }
    .case_detail .case_detail_block .case_detail_link {
      display: block;
      margin: 0.53333rem 0.26667rem 0;
      border: 0.00667rem solid #d1d1d1;
      text-align: center;
      font-size: 0.21333rem;
      line-height: 0.58667rem;
      height: 0.58667rem;
      color: #000; }
    .case_detail .case_detail_block .case_detail_cals {
      margin: 0.48rem 0 0.73333rem 0.26667rem;
      overflow-x: scroll; }
      .case_detail .case_detail_block .case_detail_cals li {
        float: left;
        width: 0.72rem;
        height: 0.24667rem;
        padding-top: 0.83333rem;
        background-size: 0.72rem 0.72rem;
        background-repeat: no-repeat;
        background-position: center 0;
        font-size: 0.17333rem;
        line-height: 0.24667rem;
        margin-right: 0.4rem; }
  .case_detail .case_bottom {
    width: 4.66667rem;
    margin: 0.16667rem; }
    .case_detail .case_bottom img {
      max-width: 100%; }
  .fixed_navigation_v2 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.16667rem; }
    .fixed_navigation_v2 .fixed_navigation_v2_item {
      width: 50%;
      height: 0.66667rem; }
      .fixed_navigation_v2 .fixed_navigation_v2_item .fixed_navigation_v2_btn {
        display: none; }
      .fixed_navigation_v2 .fixed_navigation_v2_item .fixed_navigation_v2_text {
        font-variant-position: 0.25333rem;
        line-height: 0.66667rem;
        color: #333; }
      .fixed_navigation_v2 .fixed_navigation_v2_item:last-child .fixed_navigation_v2_text {
        text-align: right; }
  .detail_mini_case {
    margin-top: 0.2rem; }
  .details .center {
    font-size: 0.18667rem !important;
    line-height: 0.4rem;
    box-sizing: border-box;
    padding: 0 0.16667rem;
    text-align: justify; }
    .details .center img {
      max-width: 100%;
      height: auto !important; }
  .detail_v2_title {
    padding-top: 0.73333rem;
    font-size: 0.29333rem;
    line-height: 0.42667rem;
    color: #000;
    margin: 0 0.63333rem;
    text-align: center; }
  .detail_v2_date {
    font-size: 0.16rem;
    line-height: 0.20667rem;
    margin-top: 0.2rem;
    color: #707070;
    text-align: center; }
  .details_pagination {
    margin: 0.53333rem 0; }
  #force_style p, #force_style span {
    font-size: 0.18667rem !important;
    line-height: 2 !important;
    color: #666666 !important;
    margin: 0.2rem 0 !important; }
  #force_style img {
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important; }
  .sub_select {
    margin: 0 0.26667rem 0.3rem;
    display: flex;
    flex-wrap: wrap; }
    .sub_select a {
      display: block;
      font-size: 0.18667rem;
      line-height: 0.4rem;
      margin-right: 0.26667rem;
      color: #666;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out; }
      .sub_select a:hover {
        color: #0CB1C0; }
    .sub_select .sub_select_on {
      color: #0CB1C0; }
  .tencent_group {
    width: 4.66667rem;
    margin: 0.16667rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .tencent_group li {
      width: 50%;
      margin-bottom: 0.06667rem;
      position: relative;
      padding-top: 0.93333rem; }
    .tencent_group .tgi {
      width: 0.53333rem;
      height: 0.53333rem;
      position: absolute;
      background-image: url("../images/tencent_sprite.png");
      background-size: 0.53333rem auto;
      top: 0.2rem;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    .tencent_group .tgi7 {
      background-image: url("../images/tgi7.png") !important;
      background-size: 0.53333rem 0.53333rem !important; }
    .tencent_group .tgi8 {
      background-image: url("../images/tgi8.png") !important;
      background-size: 0.53333rem 0.53333rem !important; }
    .tencent_group .tgi9 {
      background-image: url("../images/tgi9.png") !important;
      background-size: 0.53333rem 0.53333rem !important; }
    .tencent_group .tgi10 {
      background-image: url("../images/tgi10.png") !important;
      background-size: 0.53333rem 0.53333rem !important; }
    .tencent_group .tgi11 {
      background-image: url("../images/tgi11.png") !important;
      background-size: 0.53333rem 0.53333rem !important; }
    .tencent_group .tgi12 {
      background-image: url("../images/tgi12.png") !important;
      background-size: 0.53333rem 0.53333rem !important; }
    .tencent_group .tg_title {
      font-size: 0.18667rem;
      line-height: 0.26667rem;
      color: #000;
      text-align: center; }
    .tencent_group .tg_desc {
      font-size: 0.13333rem;
      line-height: 0.26667rem;
      text-align: justify;
      text-align-last: center;
      color: #999;
      width: 90%;
      margin: 0 5%;
      margin-top: 0.06667rem; }
  .spark_group {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .spark_group li {
      width: 50%;
      padding-top: 0.68rem;
      background-size: 0.5rem 0.5rem;
      background-repeat: no-repeat;
      background-position: center top 0.1rem;
      margin-top: 0.5rem; }
    .spark_group .spark_title {
      font-size: 0.18667rem;
      line-height: 0.24667rem;
      text-align: center;
      color: #000; }
    .spark_group .spark_desc {
      font-size: 0.14667rem;
      line-height: 0.19333rem;
      color: #707070;
      text-align: center;
      margin-top: 0.15333rem; }
  .clas_group {
    display: flex;
    box-sizing: border-box;
    width: 4.66667rem;
    margin: 0.26667rem auto 0;
    border: 1px solid #ddd;
    border-right: 0;
    border-bottom: 0;
    flex-wrap: wrap; }
    .clas_group li {
      width: 50%;
      box-sizing: border-box;
      padding-top: 1.26667rem;
      background-position: center 0.46667rem;
      background-repeat: no-repeat;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      padding-bottom: 0.43333rem;
      background-size: 0.5rem auto; }
    .clas_group .clas_title {
      font-size: 0.2rem;
      line-height: 0.26667rem;
      color: #000;
      text-align: center;
      margin-bottom: 0.26667rem; }
    .clas_group .clas_sub_item {
      font-size: 0.14667rem;
      line-height: 0.19333rem;
      color: #707070;
      margin-bottom: 0.13333rem;
      text-align: center; }
    .clas_group .consult {
      display: none; }
  .workflow_group {
    margin-top: 0.26667rem; }
    .workflow_group li {
      padding-left: 1.82667rem;
      height: 1.33333rem;
      background-size: 0.52rem 0.74rem;
      background-repeat: no-repeat;
      background-position: 0.88rem center;
      overflow: hidden;
      position: relative; }
      .workflow_group li:before {
        content: '';
        position: absolute;
        width: 0.00667rem;
        height: 100%;
        background-color: #b9b9b9;
        left: 0.32rem;
        top: 0; }
      .workflow_group li:after {
        content: '';
        position: absolute;
        width: 0.1rem;
        height: 0.1rem;
        background-color: #d8d8d8;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        border: 0.01333rem solid #fff;
        top: 0.62rem;
        left: 0.26667rem; }
    .workflow_group .workflow_title {
      font-size: 0.2rem;
      line-height: 0.26667rem;
      color: #000;
      margin-top: 0.37333rem; }
    .workflow_group .workflow_work {
      font-size: 0.16rem;
      line-height: 0.20667rem;
      color: #707070;
      margin-top: 0.12rem;
      display: flex;
      justify-content: flex-start; }
  .mini_group {
    margin-top: 0.33333rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .mini_group li {
      width: 50%;
      margin-bottom: 0.2rem; }
    .mini_group img {
      display: block;
      width: 0.8rem;
      height: 0.8rem;
      margin: 0 auto; }
    .mini_group h3 {
      font-size: 0.18667rem;
      line-height: 0.26667rem;
      color: #222;
      text-align: center;
      margin-top: 0.13333rem; }
    .mini_group p {
      font-size: 0.13333rem;
      line-height: 0.2rem;
      color: #999;
      margin-top: 0.1rem;
      width: 90%;
      margin: 0 auto;
      box-sizing: border-box;
      padding: 0 0.13333rem;
      text-align: justify;
      text-align-last: center; }
  .mini_use_group {
    display: flex;
    justify-content: space-between;
    width: 4.66667rem;
    margin: 0.33333rem auto 0;
    flex-wrap: wrap;
    border: 1px solid #ddd;
    border-right: 0;
    border-bottom: 0;
    box-sizing: border-box; }
    .mini_use_group li {
      width: 50%;
      height: 1.63333rem;
      box-sizing: border-box;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      background-repeat: no-repeat; }
    .mini_use_group img {
      display: block;
      width: 0.46667rem;
      height: 0.46667rem;
      margin: 0.26667rem auto 0; }
    .mini_use_group h3 {
      font-size: 0.18667rem;
      line-height: 0.24667rem;
      text-align: center;
      color: #000;
      margin-top: 0.26667rem; }
  .mini_solution_group {
    margin-top: 0.33333rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .mini_solution_group li {
      width: 50%;
      margin-bottom: 0.33333rem; }
    .mini_solution_group img {
      display: block;
      width: 0.53333rem;
      height: 0.53333rem;
      margin: 0 auto; }
    .mini_solution_group h3 {
      text-align: center;
      font-size: 0.18667rem;
      line-height: 0.26667rem;
      color: #222;
      margin-top: 0.2rem; }
    .mini_solution_group p {
      font-size: 0.13333rem;
      line-height: 0.2rem;
      color: #999;
      box-sizing: border-box;
      padding: 0 0.13333rem;
      text-align: justify;
      text-align-last: center;
      width: 90%;
      margin: 0.1rem auto; }
    .mini_solution_group .btns {
      display: none; }
  .mini_ys {
    margin-top: 0.33333rem; }
    .mini_ys li {
      position: relative;
      width: 100%;
      box-sizing: border-box;
      padding-left: 0.66667rem;
      padding-right: 0.2rem;
      margin-bottom: 0.26667rem; }
      .mini_ys li:after {
        content: '';
        position: absolute;
        left: 0.33333rem;
        top: 0.12rem;
        width: 0.06667rem;
        height: 0.06667rem;
        border-radius: 50%;
        background-color: #000; }
    .mini_ys .img_wrap {
      display: none; }
    .mini_ys h3 {
      font-size: 0.18667rem;
      line-height: 0.26667rem;
      color: #000;
      text-align: justify;
      text-align-last: left; }
    .mini_ys p {
      font-size: 0.16rem;
      line-height: 0.26667rem;
      color: #999;
      text-align: justify;
      text-align-last: left; }
  .save_list {
    margin-top: 0.33333rem;
    width: 100%; }
    .save_list li {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 0.13333rem;
      padding-left: 0.13333rem; }
      .save_list li:nth-child(1) i {
        background-position: 2px 0; }
      .save_list li:nth-child(2) i {
        background-position: -46px 0; }
      .save_list li:nth-child(3) i {
        background-position: -94px 0; }
      .save_list li:nth-child(4) i {
        background-position: -139px 0; }
    .save_list i {
      display: block;
      width: 0.53333rem;
      height: 0.53333rem;
      background-image: url("../images/ds_sprite.png");
      background-repeat: no-repeat;
      background-size: auto 0.53333rem; }
    .save_list div {
      margin-left: 0.2rem;
      width: 3.86667rem; }
    .save_list h3 {
      font-size: 0.2rem;
      line-height: 0.33333rem;
      color: #000; }
    .save_list p {
      display: block;
      font-size: 0.13333rem;
      line-height: 0.2rem;
      color: #999;
      font-style: normal; }
  .ea_group {
    margin-top: 0.33333rem;
    display: flex;
    flex-wrap: wrap; }
    .ea_group li {
      width: 50%;
      margin-bottom: 0.2rem; }
    .ea_group img {
      display: block;
      width: 1rem;
      height: 1rem;
      margin: 0 auto; }
    .ea_group h3 {
      font-size: 0.18667rem;
      line-height: 0.24667rem;
      text-align: center;
      color: #000; }
    .ea_group p {
      font-size: 0.14667rem;
      color: #707070;
      text-align: center;
      margin-top: 0.15333rem;
      box-sizing: border-box;
      padding: 0 0.2rem;
      line-height: 0.26667rem;
      height: 0.8rem; }
  .sq_desc {
    display: none; }
  .sq_about {
    margin-top: 0.33333rem; }
    .sq_about li {
      position: relative;
      width: 100%;
      box-sizing: border-box;
      padding-left: 0.66667rem;
      padding-right: 0.2rem;
      margin-bottom: 0.26667rem; }
      .sq_about li:after {
        content: '';
        position: absolute;
        left: 0.33333rem;
        top: 0.12rem;
        width: 0.06667rem;
        height: 0.06667rem;
        border-radius: 50%;
        background-color: #000; }
  .sq_list {
    margin-top: 0.33333rem;
    display: flex;
    flex-wrap: wrap; }
    .sq_list li {
      width: 50%;
      margin-bottom: 0.2rem; }
    .sq_list img {
      display: block;
      width: 0.8rem;
      height: 0.8rem;
      margin: 0 auto; }
    .sq_list h3 {
      font-size: 0.18667rem;
      line-height: 0.26667rem;
      color: #222;
      text-align: center; }
    .sq_list p {
      font-size: 0.13333rem;
      line-height: 0.2rem;
      color: #999;
      margin-top: 0.1rem;
      width: 100%;
      box-sizing: border-box;
      padding: 0 0.13333rem;
      text-align: justify;
      text-align-last: center; }
  .exam_group {
    margin-top: 0.33333rem;
    display: flex;
    flex-wrap: wrap; }
    .exam_group li {
      width: 50%;
      margin-bottom: 0.2rem; }
    .exam_group img {
      display: block;
      width: 1rem;
      height: 1rem;
      margin: 0 auto; }
    .exam_group h3 {
      font-size: 0.18667rem;
      line-height: 0.26667rem;
      color: #222;
      text-align: center;
      margin-top: 0.2rem; }
    .exam_group p {
      display: none; }
  .exam2_group {
    margin-top: 0.33333rem; }
    .exam2_group li {
      padding-left: 1.33333rem;
      position: relative;
      box-sizing: border-box;
      min-height: 1.33333rem;
      padding-top: 0.13333rem; }
    .exam2_group img {
      display: block;
      width: 0.8rem;
      height: 0.8rem;
      position: absolute;
      left: 0.26667rem;
      top: 0; }
    .exam2_group h3 {
      font-size: 0.2rem;
      line-height: 0.22rem;
      color: #222; }
    .exam2_group b {
      font-size: 0.16rem;
      line-height: 0.27333rem;
      color: #222;
      margin-top: 0.2rem;
      font-weight: normal; }
    .exam2_group p {
      display: none; }
  .exam3_group {
    margin-top: 0.33333rem;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    width: 4.66667rem;
    margin: 0.33333rem auto;
    border: 1px solid #ddd;
    border-right: 0;
    border-bottom: 0; }
    .exam3_group li {
      width: 50%;
      box-sizing: border-box;
      border-right: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      padding: 0.2rem 0; }
    .exam3_group img {
      display: block;
      width: 0.8rem;
      height: 0.8rem;
      margin: 0 auto; }
    .exam3_group h3 {
      font-size: 0.18667rem;
      line-height: 0.26667rem;
      color: #222;
      text-align: center;
      margin-top: 0.2rem; }
    .exam3_group p {
      display: none; }
  .app_flow {
    overflow: hidden;
    margin-left: 0.13333rem;
    margin-right: 0.13333rem;
    margin-top: 0.33333rem; }
    .app_flow .flow_title {
      box-sizing: border-box;
      padding-left: 0.2rem;
      padding-right: 0.2rem;
      width: 19%;
      float: left;
      color: #fff;
      text-align: center;
      line-height: 0.66667rem;
      font-size: 0.26667rem;
      border-radius: 0.06667rem;
      margin-bottom: 0.06667rem;
      background-color: var(--hover) !important; }
      .app_flow .flow_title[data-h="2"] {
        height: 2.06667rem;
        padding-top: 0.33333rem; }
      .app_flow .flow_title[data-h="6"] {
        height: 6.3rem;
        padding-top: 2.4rem; }
    .app_flow .t1 .item {
      width: 79%;
      float: right;
      color: #fff;
      height: 1rem;
      border-radius: 0.06667rem;
      margin-bottom: 0.06667rem; }
    .app_flow .t2 .item {
      width: 79%;
      float: right;
      color: #fff;
      height: 1rem;
      border-radius: 0.06667rem;
      margin-bottom: 0.06667rem; }
    .app_flow .item {
      background-color: var(--hover) !important;
      display: flex;
      justify-content: center;
      flex-direction: column; }
    .app_flow .n {
      display: none; }
    .app_flow h3 {
      font-size: 0.2rem;
      line-height: 0.33333rem;
      text-align: center; }
    .app_flow p {
      font-size: 0.17333rem;
      line-height: 0.33333rem;
      text-align: center;
      box-sizing: border-box;
      padding: 0 0.2rem; }
  .ar_group {
    margin-top: 0.33333rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .ar_group li {
      width: 50%;
      margin-bottom: 0.33333rem; }
    .ar_group img {
      display: block;
      width: 0.4rem;
      height: 0.4rem;
      margin: 0 auto; }
    .ar_group h3 {
      font-size: 0.18667rem;
      line-height: 0.26667rem;
      color: #fff;
      margin-top: 0.13333rem;
      text-align: center; }
    .ar_group p {
      font-size: 0.13333rem;
      line-height: 0.2rem;
      color: #fff;
      margin-top: 0.1rem;
      width: 100%;
      box-sizing: border-box;
      padding: 0 0.13333rem;
      text-align: justify;
      text-align-last: center; }
  .tencent_group2 {
    margin-top: 0.33333rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .tencent_group2 li {
      width: 50%;
      margin-bottom: 0.33333rem; }
      .tencent_group2 li:nth-child(1) .img_wrap {
        background-position: 0 -0.8rem; }
      .tencent_group2 li:nth-child(2) .img_wrap {
        background-position: 0 -2.4rem; }
      .tencent_group2 li:nth-child(3) .img_wrap {
        background-position: 0 -1.6rem; }
      .tencent_group2 li:nth-child(4) .img_wrap {
        background-position: 0 -3.2rem; }
      .tencent_group2 li:nth-child(5) .img_wrap {
        background-position: 0 -4.8rem; }
      .tencent_group2 li:nth-child(6) .img_wrap {
        background-position: 0 -4rem; }
    .tencent_group2 .img_wrap {
      display: block;
      width: 0.8rem;
      height: 0.8rem;
      background-image: url("../images/tencent_sprite.png");
      background-size: 0.8rem auto;
      margin: 0 auto; }
    .tencent_group2 h3 {
      font-size: 0.18667rem;
      line-height: 0.26667rem;
      color: #222;
      text-align: center; }
    .tencent_group2 p {
      font-size: 0.13333rem;
      line-height: 0.2rem;
      color: #999;
      margin-top: 0.1rem;
      width: 100%;
      box-sizing: border-box;
      padding: 0 0.13333rem;
      text-align: justify;
      text-align-last: center; }
  .tencent_gruop3 {
    margin-top: 0.33333rem;
    display: flex;
    justify-content: space-between; }
    .tencent_gruop3 li {
      width: 50%; }
    .tencent_gruop3 img {
      display: block;
      width: 0.66667rem;
      height: 0.66667rem;
      margin: 0.13333rem auto; }
    .tencent_gruop3 h3 {
      font-size: 0.2rem;
      line-height: 0.26667rem;
      text-align: center;
      color: #000; }
    .tencent_gruop3 p {
      font-size: 0.13333rem;
      line-height: 0.2rem;
      text-align: center;
      text-align-last: center;
      color: #999;
      margin-top: 0.2rem;
      padding: 0 0.2rem; }
  .sem_group {
    background-image: unset !important;
    margin-top: 0.33333rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .sem_group li {
      width: 45%;
      box-sizing: border-box;
      margin: 0 2.5%;
      border-bottom: 2px solid #ddd;
      padding-bottom: 0.2rem;
      margin-bottom: 0.2rem; }
    .sem_group h3 {
      font-size: 0.18667rem;
      line-height: 0.24667rem;
      color: #000;
      width: 100%; }
    .sem_group p {
      font-size: 0.16rem;
      line-height: 1.5;
      width: 100%;
      margin-top: 0.13333rem;
      color: #707070; } }

@media screen and (min-width: 768px) {
  .pc_hide {
    display: none; }
  .center {
    width: 1140px;
    margin: 0 auto; }
  .header[data-theme="dark"] {
    width: 100%;
    height: 100px;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 99;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out; }
    .header[data-theme="dark"] .center {
      display: flex;
      justify-content: space-between; }
    .header[data-theme="dark"] .logo {
      display: block;
      width: 250px;
      height: 47px;
      float: left;
      margin-top: 27px;
      margin-left: 29px;
      background-size: 250px 47px;
      background-position: center;
      background-repeat: no-repeat;
      position: relative; }
      .header[data-theme="dark"] .logo .bg {
        display: block;
        width: 250px;
        height: 47px;
        background-size: 250px 47px;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; }
        .header[data-theme="dark"] .logo .bg[data-type="light"] {
          display: none; }
      .header[data-theme="dark"] .logo .gif {
        display: block;
        width: 149px;
        height: 47px;
        background-size: 149px 47px;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2; }
    .header[data-theme="dark"] .header_content .tool_bar {
      margin-top: 15px;
      position: relative;
      display: flex;
      justify-content: flex-end; }
      .header[data-theme="dark"] .header_content .tool_bar[data-type="light"] {
        display: none; }
      .header[data-theme="dark"] .header_content .tool_bar .tool_item {
        margin-right: 40px;
        background-repeat: no-repeat;
        padding-left: 30px;
        background-size: auto 100%;
        color: #fff;
        font-size: 14px;
        line-height: 19px;
        height: 19px;
        display: block; }
        .header[data-theme="dark"] .header_content .tool_bar .tool_item:nth-child(3) {
          margin-right: 20px; }
      .header[data-theme="dark"] .header_content .tool_bar .qr {
        width: 100px;
        height: 100px;
        background-size: 100px;
        background-repeat: no-repeat;
        background-position: center;
        display: none;
        position: absolute;
        right: 13px;
        top: 30px;
        z-index: 1; }
      .header[data-theme="dark"] .header_content .tool_bar .wechat:hover + .qr {
        display: block; }
    .header[data-theme="dark"] .header_content .nav {
      margin-top: 18px;
      float: right;
      position: relative; }
      .header[data-theme="dark"] .header_content .nav li {
        float: left;
        padding: 0 5px;
        position: relative; }
        .header[data-theme="dark"] .header_content .nav li:hover .child_group {
          display: block !important; }
        .header[data-theme="dark"] .header_content .nav li .fir_link {
          display: block;
          color: #fff;
          font-size: 14px;
          line-height: 19px;
          padding: 8px 10px; }
        .header[data-theme="dark"] .header_content .nav li .child_group {
          position: absolute;
          padding: 20px 20px;
          left: 0;
          top: 33px;
          display: none;
          z-index: 99;
          background-color: #fff;
          white-space: nowrap; }
        .header[data-theme="dark"] .header_content .nav li .child_nav {
          text-align: center;
          overflow: hidden;
          width: 100%;
          display: block; }
          .header[data-theme="dark"] .header_content .nav li .child_nav:hover .sec_link {
            color: #000; }
        .header[data-theme="dark"] .header_content .nav li .sec_link {
          display: block;
          color: #999;
          font-size: 14px;
          line-height: 19px;
          padding: 8px 10px; }
    .header[data-theme="dark"] .header_content .line {
      position: relative;
      z-index: 100;
      pointer-events: none;
      top: 33px;
      height: 2px;
      width: 0;
      background-color: #fff;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear; }
  .header[data-theme="light"] {
    width: 100%;
    height: 100px;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 99;
    background-color: #fff;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out; }
    .header[data-theme="light"] .center {
      display: flex;
      justify-content: space-between; }
    .header[data-theme="light"] .logo {
      display: block;
      width: 250px;
      height: 47px;
      float: left;
      margin-top: 27px;
      margin-left: 29px;
      background-size: 250px 47px;
      background-position: center;
      background-repeat: no-repeat;
      position: relative; }
      .header[data-theme="light"] .logo .bg {
        display: block;
        width: 250px;
        height: 47px;
        background-size: 250px 47px;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1; }
        .header[data-theme="light"] .logo .bg[data-type="dark"] {
          display: none; }
      .header[data-theme="light"] .logo .gif {
        display: none;
        width: 149px;
        height: 47px;
        background-size: 149px 47px;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2; }
    .header[data-theme="light"] .header_content .tool_bar {
      margin-top: 15px;
      position: relative;
      display: flex;
      justify-content: flex-end; }
      .header[data-theme="light"] .header_content .tool_bar[data-type="dark"] {
        display: none; }
      .header[data-theme="light"] .header_content .tool_bar .tool_item {
        margin-right: 40px;
        background-repeat: no-repeat;
        padding-left: 30px;
        background-size: auto 100%;
        color: #707070;
        font-size: 14px;
        line-height: 19px;
        height: 19px;
        display: block; }
        .header[data-theme="light"] .header_content .tool_bar .tool_item:nth-child(3) {
          margin-right: 20px; }
      .header[data-theme="light"] .header_content .tool_bar .qr {
        width: 100px;
        height: 100px;
        background-size: 100px;
        background-repeat: no-repeat;
        background-position: center;
        display: none;
        position: absolute;
        right: 13px;
        top: 30px;
        z-index: 1; }
      .header[data-theme="light"] .header_content .tool_bar .wechat:hover + .qr {
        display: block; }
    .header[data-theme="light"] .header_content .nav {
      margin-top: 18px;
      float: right;
      position: relative; }
      .header[data-theme="light"] .header_content .nav li {
        float: left;
        padding: 0 5px;
        position: relative; }
        .header[data-theme="light"] .header_content .nav li:hover .child_group {
          display: block !important; }
        .header[data-theme="light"] .header_content .nav li .fir_link {
          display: block;
          color: #707070;
          font-size: 14px;
          line-height: 19px;
          padding: 8px 10px; }
        .header[data-theme="light"] .header_content .nav li .child_group {
          position: absolute;
          padding: 20px 20px;
          left: 0;
          top: 33px;
          display: none;
          z-index: 99;
          background-color: #fff;
          white-space: nowrap; }
        .header[data-theme="light"] .header_content .nav li .child_nav {
          text-align: center;
          overflow: hidden;
          width: 100%;
          display: block; }
          .header[data-theme="light"] .header_content .nav li .child_nav:hover .sec_link {
            color: #000; }
        .header[data-theme="light"] .header_content .nav li .sec_link {
          display: block;
          color: #999;
          font-size: 14px;
          line-height: 19px;
          padding: 8px 10px; }
    .header[data-theme="light"] .header_content .line {
      position: relative;
      z-index: 100;
      pointer-events: none;
      top: 33px;
      height: 2px;
      width: 0;
      background-color: #0CB1C0;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear; }
  .banner {
    width: 100%;
    height: 640px;
    position: relative;
    margin-top: -100px; }
    .banner .swiper-slide {
      height: 640px; }
      .banner .swiper-slide img {
        display: block;
        width: 100%;
        height: 640px;
        object-fit: cover; }
    .banner .banner_pagi {
      position: absolute;
      bottom: 123px;
      z-index: 5;
      text-align: center;
      width: 100%; }
    .banner .swiper-pagination-bullet {
      width: 44px;
      height: 5px;
      background-color: rgba(255, 255, 255, 0.4);
      opacity: 1;
      margin: 0 4px;
      border-radius: 0;
      -webkit-transition: width .25s ease-in-out;
      -moz-transition: width .25s ease-in-out;
      -ms-transition: width .25s ease-in-out;
      -o-transition: width .25s ease-in-out;
      transition: width .25s ease-in-out; }
    .banner .swiper-pagination-bullet-active {
      width: 52px;
      background-color: #fff; }
  .advantage {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.3);
    height: 113px;
    z-index: 2; }
    .advantage .center {
      display: flex;
      justify-content: space-between; }
    .advantage .advantage_item {
      width: 25%;
      color: #fff;
      box-sizing: border-box;
      padding: 20px 60px;
      position: relative; }
      .advantage .advantage_item:after {
        content: '';
        position: absolute;
        width: 2px;
        height: 26px;
        background-color: #fff;
        top: 43px;
        right: -1px;
        opacity: 0.56; }
      .advantage .advantage_item:last-child:after {
        display: none; }
      .advantage .advantage_item .title {
        font-size: 16px;
        line-height: 20px;
        margin-top: 13px; }
      .advantage .advantage_item .desc {
        font-size: 14px;
        line-height: 20px;
        margin-top: 12px; }
  .section {
    padding-top: 50px;
    padding-bottom: 50px; }
  .common_title {
    font-size: 28px;
    line-height: 37px;
    text-align: center;
    color: #000;
    position: relative;
    z-index: 10; }
  .common_title[data-theme="light"] {
    color: #fff; }
  .common_title[data-type="left"] {
    text-align: left; }
  .common_desc {
    box-sizing: border-box;
    padding: 0 100px;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #707070;
    margin-top: 20px;
    position: relative;
    z-index: 10; }
  .common_desc[data-theme="light"] {
    color: #fff; }
  .common_desc[data-type="left"] {
    padding: 0; }
  .common_desc_group {
    display: flex;
    justify-content: space-between; }
  .common_desc_link {
    font-size: 16px;
    line-height: 30px;
    color: #222;
    background-image: url("../images/common_titles_more.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: 0;
    padding-left: 30px;
    margin-top: 20px; }
    .common_desc_link:hover {
      color: #11BCDC;
      background-image: url("../images/common_titles_more_h.png"); }
  .service_card_group {
    margin-top: 30px;
    display: flex;
    justify-content: space-between; }
    .service_card_group .service_card_item {
      width: calc(100% / 3);
      height: 420px;
      cursor: pointer;
      background-size: 150px 150px;
      background-repeat: no-repeat;
      background-position: top 32px center;
      background-color: transparent;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out; }
      .service_card_group .service_card_item:hover {
        background-color: rgba(216, 216, 216, 0.15); }
    .service_card_group a {
      display: block;
      padding-top: 250px; }
    .service_card_group .service_name {
      display: block;
      height: 26px;
      font-size: 20px;
      line-height: 26px;
      text-align: center;
      color: #000;
      animation-delay: var(--ad); }
    .service_card_group .service_desc1 {
      display: block;
      height: 24px;
      font-size: 14px;
      line-height: 24px;
      text-align: center;
      color: #000;
      margin-top: 30px;
      animation-delay: var(--ad); }
    .service_card_group .service_desc2 {
      display: block;
      height: 24px;
      font-size: 14px;
      line-height: 24px;
      text-align: center;
      color: #707070;
      animation-delay: var(--ad); }
  .solution {
    width: 100%;
    background-color: #373d41; }
    .solution .solution_group {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
    .solution .solution_item {
      width: calc(100% / 3);
      height: 400px;
      position: relative;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center center; }
    .solution .solution_title {
      font-size: 28px;
      line-height: 37px;
      color: #fff;
      width: 80%;
      text-align: justify;
      padding-top: 80px;
      animation: rotate 5s infinite linear;
      -webkit-animation: rotate 5s infinite linear;
      background-image: -webkit-linear-gradient(135deg, #20ceb4 0%, #0da7ee 50%, #20ceb4 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-repeat: repeat-x; }
    .solution .solution_desc {
      font-size: 18px;
      line-height: 30px;
      color: #fff;
      width: 80%;
      text-align: justify;
      margin-top: 40px;
      opacity: .8;
      position: relative; }
    .solution .solution_desc:after {
      content: '';
      position: absolute;
      top: -20px;
      left: 0;
      width: 30px;
      height: 3px;
      background-color: #fff;
      opacity: .8; }
    .solution .solution_item_bg {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      opacity: 0;
      background: linear-gradient(135deg, #20ceb4 0%, #0da7ee 100%);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      z-index: 0; }
    .solution .solution_item img {
      display: block;
      position: relative;
      z-index: 1;
      width: 40px;
      height: 40px;
      margin-top: 120px;
      margin-left: auto;
      margin-right: auto;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .solution .solution_item:hover .solution_item_bg {
      opacity: 0.8; }
    .solution .solution_item:hover img {
      margin-top: 80px; }
    .solution .solution_item:hover .solution_item_title {
      margin-top: 32px; }
    .solution .solution_item:hover .solution_item_desc {
      margin-top: 22px;
      opacity: 1; }
    .solution .solution_item:hover .solution_item_link {
      opacity: 1; }
    .solution .solution_item_title {
      position: relative;
      z-index: 1;
      margin-top: 40px;
      height: 26px;
      font-size: 20px;
      line-height: 26px;
      text-align: center;
      color: #fff; }
    .solution .solution_item_desc {
      position: relative;
      z-index: 1;
      margin-top: 40px;
      font-size: 14px;
      line-height: 19px;
      height: 57px;
      text-align: justify;
      text-align-last: center;
      color: #fff;
      padding: 0 35px;
      opacity: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .solution .solution_item_link {
      position: relative;
      z-index: 1;
      display: block;
      width: 128px;
      height: 35px;
      border: 1px solid #fff;
      font-size: 14px;
      line-height: 35px;
      text-align: center;
      color: #fff;
      margin-top: 38px;
      margin-left: auto;
      margin-right: auto;
      opacity: 0;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .solution .solution_item_link:hover {
        background-color: #fff;
        color: #20ceb4; }
  @keyframes rotate {
    0% { }
    100% {
      background-position: 608px 0; } }
  /*Safari 和 Chrome:*/
  @-webkit-keyframes rotate {
    0% { }
    100% {
      background-position: 608px 0; } }
  .reason_group {
    margin-top: 40px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    .reason_group .av-container {
      width: 25%; }
    .reason_group li {
      width: 100%;
      height: 24px;
      padding-top: 150px;
      background-position: center 0;
      background-repeat: no-repeat;
      margin-bottom: 20px;
      font-size: 18px;
      line-height: 24px;
      text-align: center;
      color: #000;
      background-size: 150px 150px;
      background-repeat: no-repeat;
      background-position: top 0 center;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out;
      animation-delay: var(--ad); }
      .reason_group li:hover {
        background-image: var(--hover) !important; }
  .case_v2 {
    background-image: url("../images/case_v2_p1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0;
    position: relative;
    padding-bottom: 30px;
    background-attachment: fixed;
    padding-top: 80px; }
    .case_v2_cover {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background-color: rgba(0, 0, 0, 0.7);
      z-index: 0; }
  .case_v2_city {
    width: 100%;
    height: 50px;
    margin-top: 20px;
    display: flex;
    justify-content: center; }
    .case_v2_city .case_v2_city_item {
      width: 150px;
      height: 50px;
      text-align: center;
      font-size: 18px;
      line-height: 50px;
      color: #fff;
      margin: 0 20px;
      box-sizing: border-box;
      border: 0;
      cursor: pointer;
      isolation: isolate;
      position: relative;
      display: flex;
      justify-content: center; }
      .case_v2_city .case_v2_city_item:before, .case_v2_city .case_v2_city_item:after {
        box-sizing: inherit;
        content: '';
        position: absolute; }
  .draw {
    -webkit-transition: color 0.1s linear;
    -moz-transition: color 0.1s linear;
    -ms-transition: color 0.1s linear;
    -o-transition: color 0.1s linear;
    transition: color 0.1s linear; }
    .draw:before {
      top: 0;
      left: 0;
      border: 2px solid transparent;
      width: 0;
      height: 0; }
    .draw:after {
      bottom: 0;
      right: 0;
      border: 2px solid transparent;
      width: 0;
      height: 0; }
  .case_v2_city_active {
    color: #ffffff; }
    .case_v2_city_active:before {
      width: 100%;
      height: 100%;
      border-top-color: #ffffff;
      border-right-color: #ffffff;
      transition: width 0.1s ease-out, height 0.1s ease-out 0.1s; }
    .case_v2_city_active:after {
      width: 100%;
      height: 100%;
      border-bottom-color: #ffffff;
      border-left-color: #ffffff;
      transition: border-color 0s ease-out 0.2s, width 0.1s ease-out 0.2s, height 0.1s ease-out 0.3s; }
  .case_v2_main_list {
    width: 100%;
    overflow: hidden;
    padding-top: 10px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .case_v2_main_list:after {
      content: '';
      width: 350px; }
    .case_v2_main_list .case_v2_li {
      width: 350px;
      margin-bottom: 45px;
      float: left;
      position: relative; }
    .case_v2_main_list .case_v2_img {
      display: block;
      width: 100%;
      height: 200px;
      position: relative;
      overflow: hidden;
      background-color: #fff; }
    .case_v2_main_list .case_v2_img img {
      width: 100%;
      transform: translateZ(0px);
      transition: transform 0.3s ease 0s; }
    .case_v2_main_list .case_v2_img_content {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 200px;
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      transition: opacity .25s ease-in-out;
      display: flex;
      justify-content: center;
      flex-direction: column; }
    .case_v2_main_list .case_v2_img_title {
      font-size: 18px;
      line-height: 30px;
      display: block;
      color: #fff;
      text-align: center; }
    .case_v2_main_list .case_v2_img_line {
      display: block;
      width: 80%;
      height: 1px;
      background-color: #fff;
      margin: 0 auto;
      opacity: 1;
      transition: width .35s ease-in-out, opacity .35s ease-in-out; }
    .case_v2_main_list .case_v2_link:hover img {
      transform: scale(1.05, 1.05);
      transition: transform 0.6s ease 0s; }
    .case_v2_main_list .case_v2_link:hover .case_v2_img_content {
      opacity: 1; }
    .case_v2_main_list .case_v2_link:hover .case_v2_img_line {
      width: 10px;
      opacity: .5; }
    .case_v2_main_list .case_v2_title {
      width: 100%;
      height: 60px;
      background-color: #fff;
      display: flex;
      justify-content: space-between;
      position: relative;
      overflow: hidden;
      z-index: 9; }
    .case_v2_main_list .case_v2_title_m {
      width: 230px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      padding-top: 5px;
      margin-left: 10px;
      font-size: 13px;
      line-height: 20px;
      position: relative;
      z-index: 9;
      transition: color .3s ease-in-out; }
      .case_v2_main_list .case_v2_title_m a {
        font-size: 16px;
        color: #000;
        line-height: 30px;
        transition: color .3s ease-in-out; }
      .case_v2_main_list .case_v2_title_m span {
        font-size: 13px;
        line-height: 20px;
        color: #666;
        transition: color .3s ease-in-out; }
    .case_v2_main_list .case_link {
      display: block;
      width: 26px;
      height: 26px;
      border-radius: 50%;
      box-sizing: border-box;
      border: 1px solid #eaeaea;
      position: absolute;
      right: 18px;
      bottom: 18px;
      z-index: 3;
      background-image: url("../images/case_v2_right.png");
      background-size: 20px;
      background-position: center;
      background-repeat: no-repeat;
      transition: all 0.3s;
      cursor: pointer; }
      .case_v2_main_list .case_link:before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: 0;
        left: 0;
        background-color: transparent;
        transition: transform .3s ease-in-out;
        z-index: 0;
        transform-origin: center center;
        border-radius: 50%;
        overflow: hidden;
        background-color: #11BCDC; }
      .case_v2_main_list .case_link:after {
        content: '';
        opacity: 0;
        display: block;
        width: 26px;
        height: 26px;
        border-radius: 50%;
        box-sizing: border-box;
        border: 1px solid transparent;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 3;
        background-image: url("../images/case_v2_right_h.png");
        background-size: 20px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer; }
      .case_v2_main_list .case_link:hover {
        background-image: url("../images/case_v2_right_h.png"); }
        .case_v2_main_list .case_link:hover:before {
          width: 100%;
          height: 100%;
          transform: scale(30); }
        .case_v2_main_list .case_link:hover:after {
          opacity: 1; }
  .case_link:hover ~ .case_v2_title_m, .case_link:hover ~ .case_v2_title_m a, .case_link:hover ~ .case_v2_title_m span {
    color: #fff !important; }
  .case_v2_more {
    position: relative;
    z-index: 1;
    display: block;
    width: 128px;
    height: 35px;
    border: 1px solid #fff;
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    opacity: 1;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer; }
    .case_v2_more:hover {
      background-color: #fff;
      color: #20ceb4; }
  .contact {
    width: 100%;
    height: 200px;
    padding-top: 50px;
    background: linear-gradient(135deg, #20ceb4 0%, #0da7ee 100%); }
    .contact form {
      overflow: hidden; }
    .contact .contact_center {
      width: 1080px;
      margin: 0 auto; }
      .contact .contact_center .contact_title {
        font-size: 26px;
        line-height: 35px;
        height: 35px;
        color: #fff; }
      .contact .contact_center input::-webkit-input-placeholder {
        color: #fff; }
      .contact .contact_center input:-moz-placeholder {
        color: #fff; }
      .contact .contact_center input::-moz-placeholder {
        color: #fff; }
      .contact .contact_center input:-ms-input-placeholder {
        color: #fff; }
      .contact .contact_center .input1 {
        display: block;
        float: left;
        width: 190px;
        height: 60px;
        border: 2px solid #fff;
        outline: none;
        margin-top: 32px;
        box-sizing: border-box;
        background-color: transparent;
        padding: 0 17px;
        font-size: 14px;
        line-height: 60px;
        color: #fff; }
      .contact .contact_center .input2 {
        display: block;
        float: left;
        width: 229px;
        height: 60px;
        border: 2px solid #fff;
        outline: none;
        margin-top: 32px;
        box-sizing: border-box;
        background-color: transparent;
        padding: 0 17px;
        color: #fff;
        font-size: 14px;
        line-height: 60px;
        margin-left: 20px; }
      .contact .contact_center .input3 {
        display: block;
        float: left;
        width: 415px;
        height: 60px;
        border: 2px solid #fff;
        outline: none;
        margin-top: 32px;
        box-sizing: border-box;
        background-color: transparent;
        padding: 0 17px;
        color: #fff;
        font-size: 14px;
        line-height: 60px;
        margin-left: 20px; }
      .contact .contact_center .btn {
        display: block;
        float: left;
        width: 173px;
        height: 60px;
        outline: none;
        margin-top: 32px;
        margin-left: 20px;
        background: #fff;
        border: 0;
        color: #239EFF;
        font-size: 18px;
        line-height: 58px;
        cursor: pointer; }
      .contact .contact_center .contact_desc {
        margin-top: 24px;
        font-size: 14px;
        line-height: 20px;
        height: 20px;
        color: #fff; }
  .news_group_v2 {
    width: 100%;
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .news_group_v2:after {
      content: '';
      width: 348px; }
    .news_group_v2 li {
      width: 346px;
      border: 1px solid #eaeaea; }
      .news_group_v2 li:nth-child(3) {
        margin-right: 0; }
      .news_group_v2 li a {
        display: block;
        animation-delay: calc(var(--ad) * 0.1s); }
      .news_group_v2 li:hover {
        background-image: url("../images/water_bg.png");
        background-size: cover;
        background-position: bottom center;
        background-repeat: no-repeat; }
        .news_group_v2 li:hover .img_wrap {
          background-size: 110% auto;
          -webkit-transition: all .25s ease-in-out;
          -moz-transition: all .25s ease-in-out;
          -ms-transition: all .25s ease-in-out;
          -o-transition: all .25s ease-in-out;
          transition: all .25s ease-in-out; }
        .news_group_v2 li:hover .day, .news_group_v2 li:hover .month_year, .news_group_v2 li:hover .inner_news_title, .news_group_v2 li:hover .inner_news_desc {
          color: #fff; }
    .news_group_v2 .img_wrap {
      width: 100%;
      height: 196px;
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-position: center top 0;
      overflow: hidden;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out; }
    .news_group_v2 .info_wrap {
      width: 100%;
      height: 150px;
      display: flex;
      justify-content: space-between; }
      .news_group_v2 .info_wrap .date {
        width: 106px; }
      .news_group_v2 .info_wrap .day {
        font-size: 48px;
        line-height: 64px;
        height: 64px;
        text-align: center;
        margin-top: 20px;
        color: #000; }
      .news_group_v2 .info_wrap .month_year {
        font-size: 13px;
        line-height: 17px;
        height: 17px;
        text-align: center;
        color: #707070;
        margin-top: 3px; }
    .news_group_v2 .info {
      width: 200px;
      padding-right: 19px;
      padding-left: 33px;
      position: relative; }
      .news_group_v2 .info .inner_news_title {
        margin-top: 28px;
        font-size: 16px;
        line-height: 24px;
        max-height: 60px;
        overflow: hidden;
        color: #000;
        text-align: justify; }
      .news_group_v2 .info .inner_news_desc {
        margin-top: 5px;
        font-size: 13px;
        line-height: 16px;
        color: #707070;
        height: 32px;
        overflow: hidden;
        text-align: justify;
        display: -webkit-box;
        word-break: break-all;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis; }
  .margintop10 {
    margin-top: 10px; }
  .achieve_group {
    width: 100%;
    padding-top: 30px;
    display: flex;
    justify-content: space-between; }
    .achieve_group li {
      width: 346px;
      border: 1px solid #eaeaea; }
    .achieve_group .achieve_title {
      width: 100%;
      height: 182px;
      background-size: 346px 182px;
      background-position: center 0;
      background-repeat: no-repeat; }
      .achieve_group .achieve_title .achieve_c {
        font-size: 18px;
        line-height: 21px;
        letter-spacing: 4px;
        text-align: center;
        color: #fff;
        padding-top: 66px; }
      .achieve_group .achieve_title .achieve_e {
        font-size: 12px;
        line-height: 16px;
        text-align: center;
        color: #fff;
        margin-top: 10px; }
    .achieve_group .achieve_list {
      width: 100%;
      height: 212px;
      box-sizing: border-box;
      border: 1px solid #eaeaea;
      border-top-color: #eaeaea;
      border-top-style: solid;
      border-top-width: 1px;
      border-top: 0;
      padding-top: 14px; }
      .achieve_group .achieve_list a {
        display: block;
        box-sizing: border-box;
        padding-left: 42px;
        padding-right: 30px;
        font-size: 14px;
        line-height: 34px;
        height: 34px;
        color: #707070;
        position: relative;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        font-weight: normal; }
        .achieve_group .achieve_list a:before {
          content: '';
          position: absolute;
          top: 15px;
          left: 30px;
          width: 4px;
          height: 4px;
          background-color: #000;
          border-radius: 50%;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
        .achieve_group .achieve_list a:hover {
          color: #000; }
  .clear {
    clear: both; }
  .cooperation_group {
    margin-top: 60px;
    text-align: center;
    font-size: 0; }
    .cooperation_group li {
      display: inline-block;
      width: 150px;
      height: 75px;
      margin: 0 20px; }
      .cooperation_group li img {
        display: block;
        width: 150px;
        height: 75px;
        animation-delay: calc(var(--ad) * 0.02s); }
  .footer {
    background-color: #1e1e1e;
    padding-top: 58px; }
    .footer .center {
      overflow: hidden; }
    .footer .footer_line {
      border-bottom: 1px solid #484848; }
    .footer .tel {
      float: left;
      width: 220px;
      text-align: center;
      padding-top: 100px;
      background-image: url("../images/footer_icon.png");
      background-size: 64px 65px;
      background-position: center 0;
      background-repeat: no-repeat;
      color: #cfcfcf;
      font-size: 26px;
      line-height: 30px;
      height: 30px; }
    .footer .footer_nav {
      float: right;
      padding-bottom: 40px; }
      .footer .footer_nav li {
        width: 200px;
        float: left;
        text-align: left; }
        .footer .footer_nav li .title {
          color: #cfcfcf;
          font-size: 16px;
          line-height: 20px;
          padding-bottom: 10px; }
        .footer .footer_nav li a {
          display: block;
          color: #cfcfcf;
          font-size: 14px;
          line-height: 20px;
          margin-top: 25px;
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          .footer .footer_nav li a:hover {
            color: #fff; }
        .footer .footer_nav li .qr {
          width: 90px;
          height: 30px;
          padding-top: 90px;
          background-size: 90px;
          background-position: center 0;
          background-repeat: no-repeat;
          margin-top: 30px;
          font-size: 12px;
          line-height: 30px;
          text-align: center;
          color: #cfcfcf; }
          .footer .footer_nav li .qr:last-child {
            margin-top: 10px; }
        .footer .footer_nav li:last-child {
          width: 90px; }
    .footer .company_link {
      height: 70px; }
      .footer .company_link a {
        display: block;
        float: left;
        font-size: 14px;
        line-height: 70px;
        margin-right: 77px;
        color: #cfcfcf;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .footer .company_link a:hover {
          color: #fff; }
    .footer .friend_link_title {
      width: 160px;
      font-size: 18px;
      line-height: 24px;
      height: 24px;
      float: left;
      color: #cfcfcf;
      margin-top: 33px; }
    .footer .friend_link_group {
      float: left;
      width: 980px;
      margin-top: 33px;
      font-size: 14px;
      line-height: 20px;
      padding-bottom: 13px; }
      .footer .friend_link_group li {
        float: left;
        width: 140px;
        margin-bottom: 20px; }
      .footer .friend_link_group a {
        color: #cfcfcf;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .footer .friend_link_group a:hover {
          color: #fff; }
    .footer .copyright {
      height: 91px;
      font-size: 14px;
      line-height: 91px;
      color: #cfcfcf; }
      .footer .copyright a {
        color: #cfcfcf; }
        .footer .copyright a:hover {
          color: #fff; }
  .inner_banner {
    width: 100%;
    height: 370px;
    background: linear-gradient(135deg, #20ceb4 0%, #0da7ee 100%);
    background-position: center 0;
    background-size: auto 370px;
    background-repeat: no-repeat;
    overflow: hidden; }
    .inner_banner .inner_banner_bg {
      height: 370px;
      background-size: auto 370px;
      background-repeat: no-repeat;
      background-position: right 0 center; }
    .inner_banner .inner_banner_title {
      font-size: 32px;
      line-height: 42px;
      padding-top: 90px;
      height: 42px;
      text-align: left;
      color: #fff; }
    .inner_banner .inner_banner_desc {
      font-size: 16px;
      line-height: 27px;
      margin-top: 10px;
      width: 647px;
      height: 54px;
      text-align: left;
      color: #fff; }
    .inner_banner .inner_banner_navigation {
      margin-top: 46px; }
      .inner_banner .inner_banner_navigation li {
        float: left;
        margin-right: 20px;
        box-sizing: border-box;
        height: 34px;
        border: 2px solid white; }
        .inner_banner .inner_banner_navigation li:hover {
          background-color: #fff; }
          .inner_banner .inner_banner_navigation li:hover a {
            color: #0CB1C0; }
      .inner_banner .inner_banner_navigation a {
        display: block;
        padding: 0 29px;
        font-size: 14px;
        line-height: 30px;
        color: #fff; }
      .inner_banner .inner_banner_navigation .inner_banner_navigation_on {
        background-color: #fff; }
        .inner_banner .inner_banner_navigation .inner_banner_navigation_on a {
          color: #0CB1C0; }
  .breadcrumb {
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #666666;
    font-size: 12px;
    background-color: var(--bgc); }
    .breadcrumb a {
      color: #666; }
      .breadcrumb a:hover {
        color: #11BCDC; }
    .breadcrumb .on {
      color: #11BCDC; }
  .breadcrumb[data-theme="light"] {
    color: #fff; }
    .breadcrumb[data-theme="light"] a {
      color: #fff; }
      .breadcrumb[data-theme="light"] a:hover {
        color: #fff; }
    .breadcrumb[data-theme="light"] .on {
      color: #fff; }
  .anchor_wrapper {
    width: 100%;
    height: 70px;
    position: relative;
    top: 0;
    background-color: #fff;
    z-index: 0; }
    .anchor_wrapper .anchor_tabs {
      width: 100%;
      height: 70px;
      display: flex;
      justify-content: center;
      border-bottom: 1px solid #ddd; }
    .anchor_wrapper .anchor_item {
      font-size: 16px;
      color: #333;
      line-height: 70px;
      padding: 0 20px;
      cursor: pointer; }
    .anchor_wrapper .anchor_active {
      color: #11BCDC;
      position: relative; }
    .anchor_wrapper .anchor_active:after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 40px;
      height: 5px;
      background-color: #11BCDC; }
  .tencent_group {
    margin-top: 50px;
    overflow: hidden; }
    .tencent_group li {
      padding-top: 120px;
      padding-bottom: 30px;
      position: relative;
      box-sizing: border-box;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      width: calc(100%/3);
      float: left; }
      .tencent_group li:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        box-shadow: 0 0 20px 7px #efefef; }
    .tencent_group .tgi {
      width: 80px;
      height: 80px;
      position: absolute;
      background-image: url("../images/tencent_sprite.png");
      background-size: 80px auto;
      top: 30px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%); }
    .tencent_group .tgi7 {
      background-image: url("../images/tgi7.png") !important;
      background-size: 80px 80px !important; }
    .tencent_group .tgi8 {
      background-image: url("../images/tgi8.png") !important;
      background-size: 80px 80px !important; }
    .tencent_group .tgi9 {
      background-image: url("../images/tgi9.png") !important;
      background-size: 80px 80px !important; }
    .tencent_group .tgi10 {
      background-image: url("../images/tgi10.png") !important;
      background-size: 80px 80px !important; }
    .tencent_group .tgi11 {
      background-image: url("../images/tgi11.png") !important;
      background-size: 80px 80px !important; }
    .tencent_group .tgi12 {
      background-image: url("../images/tgi12.png") !important;
      background-size: 80px 80px !important; }
    .tencent_group .tg_title {
      font-size: 18px;
      line-height: 30px;
      color: #000;
      text-align: center; }
    .tencent_group .tg_desc {
      font-size: 12px;
      line-height: 30px;
      text-align: justify;
      text-align-last: center;
      color: #999;
      padding: 0 20px;
      height: 90px;
      margin-top: 10px; }
  .spark_group {
    margin-top: 54px;
    overflow: hidden; }
    .spark_group li {
      float: left;
      width: 228px;
      height: 120px;
      padding-top: 113px;
      background-repeat: no-repeat;
      background-position: center bottom 138px;
      background-size: 60px 60px; }
    .spark_group .spark_title {
      margin-top: 20px;
      font-size: 16px;
      line-height: 20px;
      text-align: center;
      height: 20px;
      color: #000; }
    .spark_group .spark_desc {
      margin-top: 20px;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      height: 20px;
      color: #707070; }
  .clas_group {
    margin-top: 30px;
    overflow: hidden; }
    .clas_group li {
      width: 285px;
      float: left;
      box-sizing: border-box;
      background-repeat: no-repeat;
      background-position: center 57px;
      background-size: 50px 50px;
      padding-top: 120px;
      padding-bottom: 47px;
      border: 1px solid rgba(151, 151, 151, 0.15);
      border-right: 0; }
      .clas_group li:last-child {
        border-right: 1px solid rgba(151, 151, 151, 0.15); }
    .clas_group .clas_title {
      font-size: 16px;
      line-height: 21px;
      text-align: center; }
    .clas_group .clas_sub {
      margin-top: 50px; }
    .clas_group .clas_sub_item {
      font-size: 14px;
      line-height: 19px;
      height: 19px;
      text-align: center;
      color: #707070;
      margin-top: 15px; }
    .clas_group .consult {
      display: block;
      width: 117px;
      height: 38px;
      border: 1px solid #979797;
      font-size: 14px;
      line-height: 38px;
      text-align: center;
      color: #000;
      margin-top: 40px;
      margin-left: auto;
      margin-right: auto;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .clas_group .consult:hover {
        background-color: #0CB1C0;
        color: #fff;
        border-color: #0CB1C0; }
  .workflow_group {
    margin-top: 58px;
    width: 100%;
    min-width: 1140px;
    max-width: 1368px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    .workflow_group li {
      float: left;
      width: calc(100% / 8);
      height: 243px;
      padding-top: 137px;
      background-position: center bottom 243px;
      background-repeat: no-repeat;
      position: relative;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .workflow_group li:before {
        content: '';
        position: absolute;
        top: 207px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d8d8d8; }
      .workflow_group li:after {
        content: '';
        position: absolute;
        top: 200px;
        left: 50%;
        width: 10px;
        height: 10px;
        border: 2px solid #fff;
        margin-left: -7px;
        background-color: #d8d8d8;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
    .workflow_group .workflow_title {
      font-size: 16px;
      line-height: 60px;
      text-align: center;
      color: #000; }
    .workflow_group .workflow_work {
      font-size: 14px;
      line-height: 34px;
      text-align: center;
      color: #707070;
      margin-top: 35px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
    .workflow_group .work_on {
      background-color: #f5f5f5;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .workflow_group .work_on:after {
        background-color: #11bcdc; }
    .workflow_group .workflow_work {
      color: #11BCDC; }
  .mini_news {
    background-color: var(--bgc); }
  .mini_news_group {
    width: 100%;
    padding-top: 50px;
    overflow: hidden; }
    .mini_news_group li {
      position: relative;
      width: 32%;
      box-sizing: border-box;
      float: left;
      border: 1px solid #f3f3f3;
      padding: 30px;
      padding-bottom: 50px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      margin-right: 2%;
      background-color: #fff; }
      .mini_news_group li:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        box-shadow: 0 0 20px 7px #efefef; }
      .mini_news_group li:last-child {
        margin-right: 0; }
    .mini_news_group .mn_title {
      display: block;
      font-size: 16px;
      line-height: 22px;
      color: #333;
      width: 100%;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .mini_news_group .mn_desc {
      display: block;
      font-size: 14px;
      line-height: 22px;
      color: #999;
      width: 100%;
      height: 44px;
      margin-top: 17px;
      text-align: justify;
      text-align-last: left;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    .mini_news_group .mn_link {
      display: block;
      width: 24px;
      height: 8px;
      position: absolute;
      right: 30px;
      bottom: 20px;
      background-image: url("../images/mn_link.png"); }
  .case_v2_menu_group {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-between; }
    .case_v2_menu_group .case_v2_menu {
      overflow: hidden; }
    .case_v2_menu_group .case_v2_item {
      height: 50px;
      font-size: 14px;
      line-height: 50px;
      padding-right: 25px;
      padding-left: 45px;
      background-size: 20px 20px;
      background-position: left 15px center;
      background-repeat: no-repeat;
      margin-right: 3px;
      float: left;
      color: #666666;
      background-color: #f5f5f5;
      -webkit-transition: all .12s ease-in-out;
      -moz-transition: all .12s ease-in-out;
      -ms-transition: all .12s ease-in-out;
      -o-transition: all .12s ease-in-out;
      transition: all .12s ease-in-out; }
      .case_v2_menu_group .case_v2_item:hover {
        background-color: #11BCDC;
        color: #fff;
        background-image: var(--hover) !important; }
      .case_v2_menu_group .case_v2_item:first-child {
        padding-left: 25px; }
    .case_v2_menu_group .on {
      background-color: #11BCDC;
      color: #fff;
      background-image: var(--hover) !important; }
    .case_v2_menu_group .case_v2_menu_search {
      width: 202px;
      height: 50px;
      box-sizing: border-box;
      border: 1px solid #f5f5f5;
      display: flex;
      justify-content: space-between; }
      .case_v2_menu_group .case_v2_menu_search input {
        display: block;
        width: 150px;
        height: 48px;
        box-sizing: border-box;
        border: 0;
        outline: none;
        padding: 0 20px;
        font-size: 14px;
        line-height: 48px; }
      .case_v2_menu_group .case_v2_menu_search .case_v2_menu_search_btn {
        width: 48px;
        height: 48px;
        border: 0;
        outline: none;
        background-color: #f5f5f5;
        background-image: url("../images/case_v2_search.png");
        background-repeat: no-repeat;
        background-size: 20px 20px;
        background-position: center center;
        -webkit-transition: all .12s ease-in-out;
        -moz-transition: all .12s ease-in-out;
        -ms-transition: all .12s ease-in-out;
        -o-transition: all .12s ease-in-out;
        transition: all .12s ease-in-out;
        cursor: pointer; }
        .case_v2_menu_group .case_v2_menu_search .case_v2_menu_search_btn:hover {
          background-color: #11BCDC;
          background-image: url("../images/case_v2_search_h.png"); }
  .case_main {
    background-color: var(--bgc); }
    .case_main li {
      border: 1px solid #eaeaea; }
  .pagination {
    padding-bottom: 30px;
    display: flex;
    justify-content: center; }
    .pagination li {
      display: inline-block;
      font-size: 15px;
      line-height: 30px;
      margin: 0 10px;
      height: 30px;
      border: 1px solid #eaeaea;
      box-sizing: border-box;
      background-color: #fff;
      -webkit-transition: all .3s linear;
      -moz-transition: all .3s linear;
      -ms-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear;
      padding: 0 10px; }
      .pagination li a, .pagination li span {
        display: block;
        font-size: 15px;
        line-height: 28px;
        height: 28px;
        color: #000;
        text-align: center;
        -webkit-transition: all .3s linear;
        -moz-transition: all .3s linear;
        -ms-transition: all .3s linear;
        -o-transition: all .3s linear;
        transition: all .3s linear; }
      .pagination li:hover {
        background-color: #11bcdc;
        border: 1px solid #11bcdc;
        color: #fff; }
        .pagination li:hover a, .pagination li:hover span {
          color: #fff; }
    .pagination .page-num {
      display: inline-block;
      font-size: 15px;
      line-height: 30px;
      margin: 0 10px;
      height: 30px;
      border: 1px solid #eaeaea;
      box-sizing: border-box;
      background-color: #fff;
      -webkit-transition: all .3s linear;
      -moz-transition: all .3s linear;
      -ms-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear;
      padding: 0 10px;
      color: #000;
      text-align: center;
      -webkit-transition: all .3s linear;
      -moz-transition: all .3s linear;
      -ms-transition: all .3s linear;
      -o-transition: all .3s linear;
      transition: all .3s linear; }
      .pagination .page-num:hover {
        background-color: #11bcdc;
        border: 1px solid #11bcdc;
        color: #fff; }
    .pagination .on {
      background-color: #11bcdc;
      border: 1px solid #11bcdc;
      color: #fff; }
      .pagination .on a, .pagination .on span {
        color: #fff; }
  .inner_news_group {
    margin-top: 20px; }
    .inner_news_group li {
      margin-bottom: 45px; }
  .inner_banner_about {
    height: 471px;
    background-size: 100% 471px; }
    .inner_banner_about .inner_banner_map {
      position: absolute;
      z-index: 1;
      background-image: url("../images/map.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: auto 80%;
      height: 471px;
      width: 100%; }
    .inner_banner_about .center {
      text-align: center;
      font-size: 0;
      position: relative;
      z-index: 2; }
    .inner_banner_about .inner_banner_number {
      display: inline-block;
      width: 278px;
      height: 146px;
      margin-top: 168px;
      color: #fff;
      border-right: 1px solid #fff;
      font-size: 0; }
      .inner_banner_about .inner_banner_number:last-child {
        border-right: 0; }
  .special_font {
    font-family: number; }
  .inner_banner_number_title {
    font-size: 16px;
    line-height: 21px;
    height: 21px;
    margin-top: 7px;
    text-align: center;
    color: #fff; }
  .inner_banner_number_main {
    display: inline-block;
    font-size: 54px;
    line-height: 69px;
    margin-top: 12px;
    text-align: center;
    color: #fff;
    position: relative; }
  .inner_banner_number_unit {
    font-size: 14px;
    line-height: 19px;
    margin-top: 6px;
    color: #fff;
    text-align: center; }
  .counter {
    font-style: normal; }
  .introduce {
    padding-bottom: 50px;
    background-color: #f3f3f3;
    overflow: hidden; }
    .introduce .center {
      background-color: #f9f9f9;
      overflow: hidden; }
    .introduce .left {
      width: 50%;
      box-sizing: border-box;
      padding-left: 50px;
      padding-top: 65px;
      padding-bottom: 80px;
      float: left; }
    .introduce .introduce_e {
      width: 100%;
      float: left;
      font-size: 40px;
      line-height: 47px;
      color: #000;
      height: 94px; }
    .introduce .btn_group {
      height: 52px;
      margin-top: 39px;
      float: left; }
      .introduce .btn_group a {
        display: block;
        width: 52px;
        height: 52px;
        background-size: 52px 52px;
        background-repeat: no-repeat;
        background-position: center;
        float: left;
        margin-right: 35px; }
    .introduce .introduce_c {
      width: 50%;
      box-sizing: border-box;
      padding-top: 65px;
      padding-bottom: 80px;
      background-color: #fff;
      float: right;
      padding-left: 72px; }
    .introduce .introduce_c_title {
      font-size: 28px;
      line-height: 37px;
      color: #000; }
    .introduce .introduce_c_desc {
      font-size: 14px;
      line-height: 28px;
      color: #666;
      margin-top: 30px;
      width: 424px;
      text-align: justify;
      text-align-last: left; }
  .superior {
    padding-top: 90px;
    padding-bottom: 95px; }
    .superior .superior_group {
      width: 960px;
      margin-top: 100px;
      margin-left: auto;
      margin-right: auto;
      overflow: hidden; }
      .superior .superior_group li {
        float: left;
        width: 240px;
        box-sizing: border-box;
        border-right: 1px solid #eaeaea;
        text-align: center; }
        .superior .superior_group li:last-child {
          border-right: 0; }
    .superior .special_font {
      color: #11bcdc; }
    .superior .inner_banner_number_unit {
      color: #707070; }
  .honor {
    padding-top: 80px;
    background: linear-gradient(135deg, #20ceb4 0%, #0da7ee 100%); }
    .honor .center {
      position: relative; }
    .honor .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      background-color: rgba(255, 255, 255, 0.5);
      opacity: 1;
      border-radius: 50%;
      margin: 0 10px;
      position: relative;
      outline: none; }
    .honor .swiper-pagination-bullet-active {
      background-color: white; }
      .honor .swiper-pagination-bullet-active:after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 20px;
        height: 20px;
        border-radius: 50%;
        border: 1px solid #fff;
        box-sizing: border-box; }
    .honor .swiper-button-prev, .honor .swiper-button-next {
      width: 50px;
      height: 50px;
      border-radius: 50%;
      opacity: .5;
      font-size: 30px;
      line-height: 50px;
      color: #fff;
      text-align: center;
      border-width: 2px;
      border-style: dashed;
      border-color: #fff;
      outline: none;
      background-color: rgba(255, 255, 255, 0.1);
      background-image: none;
      -webkit-transition: all .12s ease-in-out;
      -moz-transition: all .12s ease-in-out;
      -ms-transition: all .12s ease-in-out;
      -o-transition: all .12s ease-in-out;
      transition: all .12s ease-in-out; }
      .honor .swiper-button-prev:hover, .honor .swiper-button-next:hover {
        opacity: 1;
        border-style: solid; }
    .honor .swiper-button-prev i {
      position: relative !important;
      left: -2px !important; }
    .honor .swiper-button-next i {
      position: relative !important;
      right: -2px !important; }
    .honor .honor_pagination {
      height: 50px;
      text-align: center;
      position: relative; }
  #certify {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-top: 50px; }
    #certify .swiper-container {
      padding-bottom: 60px; }
    #certify .swiper-slide {
      width: 520px;
      height: 408px;
      background: #fff;
      box-shadow: 0 8px 30px #ddd; }
      #certify .swiper-slide img {
        display: block; }
      #certify .swiper-slide p {
        line-height: 98px;
        padding-top: 0;
        text-align: center;
        color: #636363;
        font-size: 1.1em;
        margin: 0; }
    #certify .swiper-pagination {
      width: 100%;
      bottom: 20px; }
    #certify .swiper-pagination-bullet {
      margin: 0 5px;
      border: 3px solid #fff;
      background-color: #d5d5d5;
      width: 10px;
      height: 10px;
      opacity: 1; }
    #certify .swiper-pagination-bullet-active {
      border: 3px solid #00aadc;
      background-color: #fff; }
    #certify .swiper-button-prev {
      left: -30px;
      width: 45px;
      height: 45px;
      background: url("../images/wm_button_icon.png") no-repeat;
      background-position: 0 0;
      background-size: 100%; }
      #certify .swiper-button-prev:hover {
        background-position: 0 -46px;
        background-size: 100%; }
    #certify .swiper-button-next {
      right: -30px;
      width: 45px;
      height: 45px;
      background: url("../images/wm_button_icon.png") no-repeat;
      background-position: 0 -93px;
      background-size: 100%; }
      #certify .swiper-button-next:hover {
        background-position: 0 -139px;
        background-size: 100%; }
  .forward {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px; }
    .forward .forward_item {
      width: 100%;
      height: 330px;
      display: flex;
      justify-content: space-between; }
    .forward .forward_num_group {
      width: 50%;
      height: 330px;
      display: flex;
      justify-content: space-between; }
    .forward .forward_num_group li {
      width: 50%;
      height: 330px; }
    .forward .forward_num_group li .forward_small_title {
      background-color: #ffffff; }
    .forward .forward_img {
      width: 50%;
      height: 330px;
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center; }
    .forward .forward_img_cover {
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3); }
    .forward .forward_num_bg_lighter {
      background-color: #9DF1FD; }
    .forward .forward_num_bg_lighter .forward_small_title {
      background-color: #9DF1FD !important; }
    .forward .forward_num_bg_stronger {
      background-color: #0da7ee; }
    .forward .forward_num_bg_stronger .forward_small_title {
      background-color: #0da7ee !important; }
    .forward .forward_num_bg_grayer {
      background-color: #f1f1f1; }
    .forward .forward_num_bg_grayer .forward_small_title {
      background-color: #f1f1f1 !important; }
    .forward .forward_num_box {
      width: 100px;
      margin: 90px auto 0; }
    .forward .forward_num {
      font-size: 90px;
      line-height: 100px;
      color: #222;
      text-align: center;
      position: relative;
      font-family: 'tg';
      font-weight: bold; }
    .forward .forward_small_title {
      font-size: 16px;
      line-height: 32px;
      position: absolute;
      bottom: 0;
      right: 0;
      padding: 0 5px; }
    .forward .forward_desc {
      width: 100%;
      box-sizing: border-box;
      padding: 0 20px;
      margin-top: 20px; }
    .forward .forward_num_bg_stronger .forward_num, .forward .forward_num_bg_stronger .forward_small_title, .forward .forward_num_bg_stronger .forward_desc {
      color: #fff !important; }
    .forward .forward_desc, .forward .forward_desc p {
      font-size: 12px;
      line-height: 1.25;
      text-align: center;
      color: #666; }
  .inner_banner_contact {
    height: 500px;
    background-size: auto 500px; }
    .inner_banner_contact .inner_contact_title {
      margin-top: 74px;
      font-size: 32px;
      line-height: 42px;
      color: #fff; }
    .inner_banner_contact .inner_contact_desc {
      margin-top: 14px;
      font-size: 16px;
      line-height: 27px;
      color: #fff; }
    .inner_banner_contact .contact_banner_group {
      margin-top: 28px; }
    .inner_banner_contact .contact_item {
      width: 380px;
      height: 275px;
      float: left;
      padding-top: 130px;
      box-sizing: border-box;
      background-position: center bottom 173px;
      background-repeat: no-repeat;
      position: relative; }
      .inner_banner_contact .contact_item:after {
        position: absolute;
        content: '';
        width: 1px;
        background-color: #fff;
        top: 83px;
        right: 0;
        height: 137px;
        opacity: 0.4; }
      .inner_banner_contact .contact_item:last-child:after {
        display: none; }
    .inner_banner_contact .qr {
      width: 100px;
      height: 100px;
      position: absolute;
      top: 20px;
      left: 140px;
      background-size: 100px;
      background-repeat: no-repeat;
      background-position: center;
      display: none; }
    .inner_banner_contact .main {
      font-size: 24px;
      line-height: 28px;
      color: #fff;
      text-align: center; }
    .inner_banner_contact .ci1 .btn, .inner_banner_contact .ci3 .btn {
      width: 111px;
      height: 46px;
      margin: 34px auto 0;
      font-size: 18px;
      line-height: 46px;
      text-align: center;
      color: #000;
      background-color: #fff;
      border-radius: 23px;
      cursor: pointer;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .inner_banner_contact .ci1 .btn:hover, .inner_banner_contact .ci3 .btn:hover {
        color: #11bcdc; }
    .inner_banner_contact .ci2 .btn {
      height: 24px;
      margin: 34px auto 0;
      font-size: 18px;
      line-height: 24px;
      text-align: center;
      color: #fff; }
    .inner_banner_contact .mian {
      font-size: 24px;
      line-height: 28px;
      color: #fff;
      text-align: center; }
  .address {
    padding-top: 70px; }
    .address .address_title {
      font-size: 28px;
      line-height: 37px;
      color: #000; }
    .address .info_group {
      margin-top: 67px;
      height: 337px; }
    .address .address_name {
      float: left;
      width: 280px;
      height: 337px; }
    .address .address_name_item {
      font-size: 24px;
      height: 28px;
      margin-bottom: 31px;
      color: #cbcbcb;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      cursor: pointer; }
    .address .on {
      color: #000; }
    .address .address_change_group {
      width: 453px;
      float: left; }
    .address .address_info_title {
      font-size: 20px;
      line-height: 23px;
      padding-bottom: 30px;
      border-bottom: 1px solid #e1e1e1; }
    .address .address_info_desc {
      font-size: 16px;
      line-height: 28px;
      color: #707070;
      margin-top: 27px; }
    .address .address_link {
      display: block;
      width: 126px;
      height: 47px;
      border-radius: 24px;
      border: 1px solid #979797;
      float: left;
      margin-right: 20px;
      font-size: 14px;
      line-height: 47px;
      text-align: center;
      color: #000;
      margin-top: 30px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .address .address_link:hover {
        background-color: #11bcdc;
        border-color: #11bcdc;
        color: #fff; }
    .address .address_qr {
      width: 250px;
      float: right; }
      .address .address_qr img {
        display: block;
        width: 172px;
        height: 172px;
        margin-top: 28px; }
    .address .qr_title {
      font-size: 20px;
      line-height: 23px;
      padding-bottom: 31px;
      border-bottom: 1px solid #e1e1e1; }
  #map {
    width: 100%;
    height: 431px;
    border: none;
    font-size: 12px; }
  .case_banner {
    width: 100%;
    height: 520px;
    background-image: url("../images/inner_banner5.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center 0; }
    .case_banner .center {
      position: relative;
      height: 100%; }
    .case_banner .case_banner_title {
      position: absolute;
      bottom: 139px;
      font-size: 32px;
      line-height: 38px;
      color: #fff;
      left: 32px; }
      .case_banner .case_banner_title:after {
        content: '';
        position: absolute;
        left: -32px;
        top: 0;
        width: 6px;
        height: 85px;
        background-color: #fff; }
    .case_banner .case_banner_desc {
      position: absolute;
      bottom: 96px;
      font-size: 20px;
      line-height: 26px;
      color: #fff;
      left: 32px; }
    .case_banner .case_banner_img {
      position: absolute;
      width: 560px;
      height: 330px;
      border: 5px solid #000;
      border-radius: 20px;
      background-size: 100% auto;
      background-repeat: no-repeat;
      background-position: center 0;
      background-color: #fff;
      right: 17px;
      top: 90px; }
  .case_detail {
    padding-top: 20px;
    overflow: hidden;
    padding-bottom: 0;
    background-color: #eaeaea; }
    .case_detail .case_top {
      overflow: hidden;
      background-color: #f5f5f5; }
    .case_detail .case_bottom {
      margin-top: 20px;
      box-sizing: border-box;
      background-color: #ffffff;
      padding: 30px; }
      .case_detail .case_bottom img {
        display: block;
        margin: 0 auto;
        max-width: 100%; }
  .case_detail_block {
    width: 50%;
    box-sizing: border-box;
    min-height: 345px;
    padding: 40px; }
    .case_detail_block[data-type="left"] {
      float: left;
      background-color: #ffffff; }
    .case_detail_block[data-type="right"] {
      float: right;
      background-color: #f5f5f5; }
    .case_detail_block .case_detail_title {
      font-size: 26px;
      line-height: 35px;
      color: #000; }
    .case_detail_block .case_detail_desc {
      width: 422px;
      margin-top: 29px;
      font-size: 14px;
      line-height: 24px;
      color: #707070;
      text-align: justify;
      text-align-last: left; }
    .case_detail_block .case_detail_link {
      display: block;
      margin-top: 42px;
      margin-right: auto;
      width: 149px;
      height: 47px;
      color: #707070;
      border: 1px solid #979797;
      text-align: center;
      font-size: 14px;
      line-height: 47px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .case_detail_block .case_detail_link:hover {
        background-color: #11bcdc;
        color: #fff;
        border-color: #11bcdc; }
    .case_detail_block .case_detail_cals {
      margin-top: 20px; }
      .case_detail_block .case_detail_cals li {
        padding-top: 66px;
        margin-bottom: 20px;
        height: 19px;
        width: 60px;
        text-align: center;
        font-size: 14px;
        line-height: 19px;
        margin-right: 110px;
        float: left;
        background-position: center 0;
        background-size: 60px 60px;
        background-repeat: no-repeat; }
        .case_detail_block .case_detail_cals li:nth-child(3n) {
          margin-right: 0; }
  .fix_footer {
    display: none; }
  .fixed_navigation_v2 {
    position: fixed;
    top: 550px;
    z-index: 99;
    width: 90%;
    max-width: 90vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: all .12s ease-in-out;
    -moz-transition: all .12s ease-in-out;
    -ms-transition: all .12s ease-in-out;
    -o-transition: all .12s ease-in-out;
    transition: all .12s ease-in-out; }
  .fixed_navigation_v2_item {
    position: relative;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    -webkit-transition: all .12s ease-in-out;
    -moz-transition: all .12s ease-in-out;
    -ms-transition: all .12s ease-in-out;
    -o-transition: all .12s ease-in-out;
    transition: all .12s ease-in-out;
    position: absolute;
    top: 0;
    background-color: transparent; }
  .fixed_navigation_v2_item:nth-child(1) {
    left: 0; }
  .fixed_navigation_v2_item:nth-child(2) {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
  .fixed_navigation_v2_item:nth-child(3) {
    right: 0; }
  .fixed_navigation_v2_text {
    width: 0;
    height: 50px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all .12s ease-in-out;
    -moz-transition: all .12s ease-in-out;
    -ms-transition: all .12s ease-in-out;
    -o-transition: all .12s ease-in-out;
    transition: all .12s ease-in-out;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    position: relative;
    z-index: 9;
    text-align: center; }
  .fixed_navigation_v2_item:nth-child(1) .fixed_navigation_v2_text {
    left: 50px; }
  .fixed_navigation_v2_item:nth-child(2) .fixed_navigation_v2_text {
    left: 15px; }
  .fixed_navigation_v2_item:nth-child(3) .fixed_navigation_v2_text {
    left: 15px; }
  .fixed_navigation_v2_btn {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.3);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    z-index: 10; }
  .fixed_navigation_v2_item:hover {
    width: 150px;
    background-color: rgba(0, 0, 0, 0.5); }
  .fixed_navigation_v2_item:hover .fixed_navigation_v2_btn {
    background-color: rgba(0, 0, 0, 0.9); }
  .fixed_navigation_v2_item:hover .fixed_navigation_v2_text {
    width: 85px;
    opacity: 1; }
  .fixed_prev {
    left: 0;
    background-image: url("../images/fixed_navigation_v2_left.png"); }
  .fixed_all {
    right: 0;
    background-image: url("../images/fixed_navigation_v2_return.png"); }
  .fixed_next {
    right: 0;
    background-image: url("../images/fixed_navigation_v2_right.png"); }
  .details {
    background-color: #eaeaea;
    overflow: hidden; }
    .details .center {
      background-color: #fff;
      box-sizing: border-box;
      padding: 20px 50px; }
      .details .center img {
        max-width: 100% !important; }
    .details .detail_v2_titla_wrap {
      width: 100%;
      height: 40px;
      padding-top: 60px;
      display: flex;
      justify-content: space-between; }
    .details .detail_v2_title {
      width: 900px;
      font-size: 26px;
      line-height: 40px;
      color: #222;
      font-weight: bold;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .details .detail_v2_date {
      font-size: 14px;
      line-height: 28px;
      color: #777;
      margin-top: 5px;
      padding-bottom: 15px;
      border-bottom: 1px solid #e5e5e5; }
    .details .details_pagination {
      margin-top: 80px;
      margin-bottom: 100px;
      text-align: left;
      font-size: 16px;
      line-height: 30px;
      color: #707070; }
      .details .details_pagination a {
        height: 30px;
        text-align: left;
        font-size: 16px;
        line-height: 30px;
        color: #707070;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background-color: #fff; }
        .details .details_pagination a:hover {
          color: #0CB1C0; }
  .fenx {
    margin-left: 20px;
    display: inline; }
  .fenx2 {
    display: block;
    text-align: right; }
  .bshare-custom a {
    width: 19px !important;
    height: 19px !important;
    display: inline-block !important;
    padding-left: 0px !important; }
  .fenx .bshare-weixin {
    background: url("../images/share1.png") no-repeat !important;
    background-size: 19px 19px !important;
    margin-left: 6px; }
  .fenx .bshare-sinaminiblog {
    background: url("../images/share2.png") no-repeat !important;
    background-size: 19px 19px !important; }
  .fenx .bshare-qzone {
    background: url("../images/share3.png") no-repeat !important;
    background-size: 19px 19px !important; }
  .fenx2 .bshare-weixin {
    background: url("../images/share1bh.png") no-repeat !important;
    background-size: 19px 19px !important;
    margin-left: 6px; }
  .fenx2 .bshare-weixin:hover {
    background: url("../images/share1b.png") no-repeat !important;
    background-size: 19px 19px !important;
    margin-left: 6px; }
  .fenx2 .bshare-sinaminiblog {
    background: url("../images/share2bh.png") no-repeat !important;
    background-size: 19px 19px !important; }
  .fenx2 .bshare-sinaminiblog:hover {
    background: url("../images/share2b.png") no-repeat !important;
    background-size: 19px 19px !important; }
  .fenx2 .bshare-qzone {
    background: url("../images/share3bh.png") no-repeat !important;
    background-size: 19px 19px !important; }
  .fenx2 .bshare-qzone:hover {
    background: url("../images/share3b.png") no-repeat !important;
    background-size: 19px 19px !important; }
  .sub_select {
    width: 100%;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap; }
    .sub_select a {
      display: block;
      font-size: 14px;
      line-height: 30px;
      margin-right: 20px;
      color: #666;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out; }
      .sub_select a:hover {
        color: #0CB1C0; }
    .sub_select .sub_select_on {
      color: #0CB1C0; }
  .mini_group {
    width: 100%;
    display: flex;
    margin-top: 60px; }
    .mini_group li {
      width: 25%; }
    .mini_group img {
      display: block;
      width: 120px;
      height: 120px;
      margin: 0 auto; }
    .mini_group h3 {
      font-size: 20px;
      line-height: 30px;
      text-align: center;
      color: #333; }
    .mini_group p {
      font-size: 14px;
      line-height: 25px;
      padding: 30px;
      color: #666;
      text-align: center; }
  .mini_use_group {
    width: 100%;
    display: flex;
    margin-top: 60px;
    flex-wrap: wrap; }
    .mini_use_group li {
      width: 20%;
      margin-bottom: 30px; }
    .mini_use_group img {
      display: block;
      max-width: 50px;
      max-height: 50px;
      object-fit: cover;
      object-position: center;
      margin: 20px auto 40px; }
    .mini_use_group h3 {
      font-size: 20px;
      line-height: 30px;
      text-align: center;
      color: #333; }
  .mini_solution_group {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .mini_solution_group li {
      width: 23%;
      height: 322px;
      margin: 0 auto 30px;
      box-sizing: border-box;
      border: 1px solid #ddd;
      padding-top: 40px; }
      .mini_solution_group li:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        box-shadow: 0 0 20px 7px #efefef; }
    .mini_solution_group img {
      display: block;
      height: 50px;
      margin: 0 auto; }
    .mini_solution_group h3 {
      text-align: center;
      font-size: 18px;
      line-height: 30px;
      letter-spacing: 1px;
      color: #303030;
      padding: 15px 0; }
    .mini_solution_group p {
      box-sizing: border-box;
      text-align: justify;
      text-align-last: center;
      font-size: 12px;
      line-height: 24px;
      color: #9c9c9c;
      padding: 0 30px;
      height: 96px; }
    .mini_solution_group .btns {
      display: flex;
      justify-content: space-between;
      box-sizing: border-box;
      padding: 0 30px; }
    .mini_solution_group a {
      box-sizing: border-box;
      display: block;
      width: 90px;
      height: 34px;
      border-radius: 17px;
      border: 1px solid #979797;
      font-size: 12px;
      line-height: 32px;
      text-align: center;
      color: #000;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .mini_solution_group a:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background-color: #11bcdc;
        border-color: #11bcdc;
        color: #fff; }
  .mini_ys {
    margin-top: 60px;
    display: flex;
    justify-content: space-between; }
    .mini_ys li {
      width: 20%;
      position: relative;
      top: 0;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out; }
      .mini_ys li:hover {
        top: -15px; }
    .mini_ys .img_wrap {
      width: 124px;
      height: 124px;
      margin: 0 auto;
      border-radius: 50%;
      background-color: #eee;
      display: flex;
      justify-content: center;
      flex-direction: column; }
    .mini_ys img {
      display: block;
      max-width: 75px;
      max-height: 75px;
      object-fit: cover;
      object-position: center;
      margin: 0 auto; }
    .mini_ys h3 {
      font-size: 16px;
      line-height: 50px;
      text-align: center;
      color: #303030; }
    .mini_ys p {
      font-size: 12px;
      line-height: 24px;
      color: #9c9c9c;
      box-sizing: border-box;
      padding: 0 30px;
      text-align: justify;
      text-align-last: center; }
  .dsi {
    display: block;
    width: 100%;
    margin: 50px auto 30px; }
  .save_list {
    margin-top: 60px;
    width: 100%;
    background-image: url("../images/ds_i2.png");
    background-size: auto 100%;
    background-position: right 0 center;
    background-repeat: no-repeat; }
    .save_list li {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 20px; }
      .save_list li:nth-child(1) i {
        background-position: 2px 0; }
      .save_list li:nth-child(2) i {
        background-position: -46px 0; }
      .save_list li:nth-child(3) i {
        background-position: -94px 0; }
      .save_list li:nth-child(4) i {
        background-position: -139px 0; }
    .save_list i {
      display: block;
      width: 40px;
      height: 40px;
      background-image: url("../images/ds_sprite.png");
      background-repeat: no-repeat; }
    .save_list div {
      margin-left: 20px; }
    .save_list h3 {
      font-size: 18px;
      line-height: 30px;
      color: #000; }
    .save_list p {
      display: block;
      font-size: 14px;
      line-height: 20px;
      color: #999;
      font-style: normal; }
  .ea_group {
    display: flex;
    justify-content: space-between;
    margin-top: 60px; }
    .ea_group li {
      width: 25%; }
    .ea_group img {
      display: block;
      width: 110px;
      height: 110px;
      margin: 0 auto; }
    .ea_group h3 {
      font-size: 18px;
      line-height: 30px;
      margin-top: 10px;
      color: #333;
      text-align: center; }
    .ea_group p {
      font-size: 14px;
      line-height: 28px;
      margin-top: 10px;
      color: #999;
      box-sizing: border-box;
      padding: 0 30px;
      text-align: center; }
  .sq_main {
    background-image: url("../images/sq_i1.png");
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: auto 100%; }
  .tx_main {
    background-image: url("../images/sem2.png");
    background-repeat: no-repeat;
    background-position: right 0 bottom 10%;
    background-size: auto 54%; }
  .tx_main2 {
    background-image: url("../images/sem2.png");
    background-repeat: no-repeat;
    background-position: right 0 bottom 10%;
    background-size: auto 100%; }
  .sq_desc {
    width: 40%;
    margin-top: 20px;
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 24px;
    color: #999;
    text-align: justify; }
    .sq_desc:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -10px;
      width: 20px;
      height: 3px;
      background-color: #999; }
  .sq_about {
    width: 40%;
    margin-top: 40px; }
    .sq_about li {
      padding-left: 20px;
      font-size: 14px;
      line-height: 40px;
      position: relative;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      color: #333;
      text-align: justify; }
      .sq_about li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 16px;
        width: 8px;
        height: 8px;
        border-radius: 50%;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        background-color: #999; }
      .sq_about li:hover {
        color: #0CB1C0; }
      .sq_about li p {
        font-size: 12px; }
  .sq_i2 {
    display: block;
    width: 90%;
    margin: 50px auto;
    height: auto; }
  .sq_list {
    margin-top: 60px;
    display: flex;
    justify-content: space-between; }
    .sq_list li {
      width: 19%;
      position: relative;
      box-sizing: border-box;
      padding-top: 60px;
      height: 350px;
      border: 1px solid #efefef;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      margin-right: 1.25%;
      display: flex;
      flex-direction: column;
      align-items: center; }
      .sq_list li:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        box-shadow: 0 0 20px 7px #efefef; }
    .sq_list img {
      display: block;
      width: 70px;
      height: auto; }
    .sq_list h3 {
      font-size: 16px;
      line-height: 30px;
      color: #000;
      text-align: center;
      box-sizing: border-box;
      height: 60px;
      padding: 0 20px; }
    .sq_list p {
      font-size: 12px;
      line-height: 20px;
      color: #999;
      text-align: justify;
      text-align-last: center;
      padding: 0 20px;
      box-sizing: border-box;
      margin-top: 20px; }
  .exam_group {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .exam_group li {
      width: calc(100% / 3);
      margin-bottom: 30px; }
    .exam_group img {
      display: block;
      width: 138px;
      height: 118px;
      margin: 0 auto; }
    .exam_group h3 {
      margin-top: 10px;
      font-size: 18px;
      line-height: 30px;
      text-align: center;
      color: #000; }
    .exam_group p {
      margin-top: 10px;
      font-size: 14px;
      line-height: 28px;
      text-align: center;
      color: #999; }
  .exam2_group {
    margin-top: 60px;
    display: flex;
    justify-content: space-between; }
    .exam2_group li {
      width: calc(100% / 3); }
    .exam2_group img {
      display: block;
      width: 110px;
      height: 110px;
      margin: 0 auto; }
    .exam2_group h3 {
      font-size: 18px;
      margin-top: 20px;
      text-align: center;
      line-height: 30px;
      font-weight: bold;
      color: #000; }
    .exam2_group b {
      display: block;
      font-size: 14px;
      margin-top: 10px;
      line-height: 30px;
      text-align: center;
      color: #333; }
    .exam2_group p {
      box-sizing: border-box;
      padding: 0 40px;
      margin-top: 10px;
      font-size: 12px;
      line-height: 20px;
      text-align: justify;
      text-align-last: center;
      color: #999; }
  .exam3_group {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .exam3_group li {
      width: calc(50% - 20px);
      height: 70px;
      box-sizing: border-box;
      position: relative;
      padding: 10px 20px 10px 80px;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      margin-right: 20px;
      margin-bottom: 20px; }
      .exam3_group li:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        box-shadow: 0 0 20px 7px #efefef; }
        .exam3_group li:hover img {
          -webkit-transition: all 0.3s;
          -moz-transition: all 0.3s;
          -ms-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s;
          filter: grayscale(0%); }
    .exam3_group img {
      filter: grayscale(100%);
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      display: block;
      position: absolute;
      width: 50px;
      height: 50px;
      left: 20px;
      top: 10px; }
    .exam3_group h3 {
      font-size: 16px;
      line-height: 30px;
      color: #000;
      text-align: left; }
    .exam3_group p {
      font-size: 12px;
      line-height: 20px;
      color: #999;
      text-align: left; }
  .app_flow {
    margin-top: 60px;
    display: flex;
    justify-content: space-between; }
    .app_flow .flow_title {
      width: 60px;
      color: #fff;
      box-sizing: border-box;
      font-size: 20px;
      height: 370px;
      border-radius: 5px;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      .app_flow .flow_title:hover {
        background-color: var(--hover) !important; }
      .app_flow .flow_title span {
        display: block;
        text-align: center; }
    .app_flow .t1 {
      width: 200px; }
    .app_flow .t2 {
      width: 162px; }
    .app_flow .item {
      width: 100%;
      height: 180px;
      margin-bottom: 10px;
      border-radius: 5px;
      color: #fff;
      -webkit-transition: all .25s ease-in-out;
      -moz-transition: all .25s ease-in-out;
      -ms-transition: all .25s ease-in-out;
      -o-transition: all .25s ease-in-out;
      transition: all .25s ease-in-out;
      overflow: hidden; }
      .app_flow .item:hover {
        background-color: var(--hover) !important; }
    .app_flow .n {
      font-size: 16px;
      line-height: 28px;
      width: 28px;
      height: 28px;
      border-radius: 50%;
      background-color: #fff;
      text-align: center;
      margin: 20px auto 0;
      color: var(--hover); }
    .app_flow h3 {
      font-size: 16px;
      line-height: 25px;
      height: 25px;
      margin-top: 12px;
      text-align: center;
      color: #fff; }
    .app_flow p {
      padding: 10px 8px 0;
      text-align: justify;
      text-align-last: center; }
  .ar_group {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .ar_group li {
      width: 30%;
      display: flex;
      justify-content: flex-start;
      margin-bottom: 20px; }
      .ar_group li:hover h3:after {
        width: 50px; }
    .ar_group img {
      display: block;
      width: 36px;
      height: 36px;
      margin-left: 22px; }
    .ar_group .ar_main {
      margin-left: 27px; }
    .ar_group h3 {
      font-size: 18px;
      line-height: 22px;
      padding-bottom: 13px;
      position: relative;
      color: #fff; }
      .ar_group h3:after {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        content: '';
        position: absolute;
        width: 30px;
        height: 2px;
        background-color: #fff;
        bottom: 5px;
        left: 0; }
    .ar_group p {
      font-size: 13px;
      line-height: 22px;
      color: #f4f4f4;
      padding-bottom: 20px; }
  .tencent_group2 {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .tencent_group2 li {
      width: calc(100% / 3);
      padding-top: 30px;
      padding-bottom: 30px; }
      .tencent_group2 li:nth-child(1) .img_wrap {
        background-position: 0 -80px; }
      .tencent_group2 li:nth-child(2) .img_wrap {
        background-position: 0 -240px; }
      .tencent_group2 li:nth-child(3) .img_wrap {
        background-position: 0 -160px; }
      .tencent_group2 li:nth-child(4) .img_wrap {
        background-position: 0 -320px; }
      .tencent_group2 li:nth-child(5) .img_wrap {
        background-position: 0 -480px; }
      .tencent_group2 li:nth-child(6) .img_wrap {
        background-position: 0 -400px; }
      .tencent_group2 li:hover {
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        box-shadow: 0 0 20px 7px #efefef; }
    .tencent_group2 .img_wrap {
      width: 80px;
      height: 80px;
      background-image: url(../images/tencent_sprite.png);
      background-size: 80px auto;
      margin: 0 auto 30px; }
    .tencent_group2 h3 {
      font-size: 18px;
      line-height: 30px;
      color: #000;
      text-align: center; }
    .tencent_group2 p {
      font-size: 12px;
      line-height: 30px;
      text-align: justify;
      text-align-last: center;
      color: #999;
      padding: 0 20px;
      height: 90px;
      margin-top: 10px; }
  .tencent_gruop3 {
    margin-top: 50px;
    display: flex;
    justify-content: center; }
    .tencent_gruop3 li {
      width: 50%;
      position: relative; }
      .tencent_gruop3 li:hover h3 {
        color: #0CB1C0; }
      .tencent_gruop3 li:after {
        content: '';
        width: 1px;
        height: 200px;
        position: absolute;
        right: -0.5px;
        top: 0;
        background-color: #efefef; }
      .tencent_gruop3 li:nth-child(2):after {
        display: none; }
    .tencent_gruop3 img {
      width: 80px;
      height: 80px;
      display: block;
      margin: 0 auto; }
    .tencent_gruop3 h3 {
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      font-size: 18px;
      line-height: 30px;
      margin-top: 10px;
      color: #000;
      text-align: center; }
    .tencent_gruop3 p {
      font-size: 14px;
      line-height: 30px;
      margin-top: 20px;
      color: #999;
      text-align: center; }
  .sem_group {
    margin-top: 70px;
    background-repeat: no-repeat;
    background-size: 253px 410px;
    background-position: center center;
    width: 100%;
    background-image: url("../images/sem_center.png");
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
    .sem_group li {
      box-sizing: border-box;
      width: 50%;
      margin-bottom: 50px; }
      .sem_group li:nth-child(2n-1) {
        padding-right: 190px; }
        .sem_group li:nth-child(2n-1) h3 {
          text-align: right; }
          .sem_group li:nth-child(2n-1) h3:after {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            content: '';
            position: absolute;
            top: 12px;
            right: -15px;
            width: 8px;
            height: 8px;
            background-color: #000;
            border-radius: 50%; }
        .sem_group li:nth-child(2n-1) p {
          padding-left: 40px;
          text-align-last: right; }
      .sem_group li:nth-child(2n) {
        padding-left: 190px; }
        .sem_group li:nth-child(2n) h3 {
          text-align: left; }
          .sem_group li:nth-child(2n) h3:after {
            -webkit-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            content: '';
            position: absolute;
            top: 12px;
            left: -15px;
            width: 8px;
            height: 8px;
            background-color: #000;
            border-radius: 50%; }
        .sem_group li:nth-child(2n) p {
          padding-right: 40px;
          text-align-last: left; }
    .sem_group h3 {
      font-size: 16px;
      line-height: 30px;
      position: relative;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s;
      color: #000; }
    .sem_group p {
      margin-top: 20px;
      font-size: 12px;
      line-height: 26px;
      text-align: justify;
      height: 78px;
      overflow: hidden; }
  .z_message_pop {
    width: 535px;
    position: fixed;
    z-index: 12;
    background: #fff;
    left: 50%;
    top: 50%;
    margin-left: -267px;
    margin-top: -160px;
    visibility: hidden;
    transform: translateY(-1000%);
    visibility: hidden;
    transition: cubic-bezier(0.215, 0.61, 0.355, 1) 0.45s;
    animation-name: asd;
    animation-duration: 1.2s;
    animation-timing-function: cubic-bezier(0.8, -0.5, 0.2, 1.4);
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards; }
  .z_message_tit {
    border: 4px solid #11BCDC;
    box-sizing: border-box;
    border-bottom: none;
    padding: 65px;
    box-sizing: border-box; }
  .z_message_tit h3 {
    font-size: 30px;
    font-weight: bold;
    margin: 10px 0; }
  .z_message_tit .desc {
    line-height: 28px; }
  .z_message_tit .desc span {
    text-decoration: underline;
    font-size: 18px; }
  .z_message_tit .sline {
    display: block;
    width: 174px;
    height: 11px;
    margin: 25px 0;
    background-image: url("../images/z_line.png");
    background-repeat: repeat-x;
    background-position: center center;
    -webkit-animation: scrollBad 5s linear infinite;
    -moz-animation: scrollBad 5s linear infinite;
    animation: scrollBad 5s linear infinite; }
  @keyframes scrollBad {
    0% {
      background-position: 0 0; }
    100% {
      background-position: -174px 0; } }
  .z_message_tit .line img {
    display: block; }
  .z_message_btn .btn {
    display: block;
    width: 50%;
    text-align: center;
    float: left;
    height: 42px;
    line-height: 42px;
    background: #313131;
    color: #fff;
    font-size: 16px;
    font-weight: bold; }
  .z_message_btn .btn2 {
    background: #5ab5ab; }
  @keyframes asd {
    0% {
      transform: translateY(-1000%);
      visibility: hidden; }
    100% {
      transform: translateY(0);
      visibility: visible; } }
  .ccontact .z_message_pop {
    animation-name: asd1;
    visibility: visible;
    transform: translate(0, 0);
    animation-delay: 0s; }
  @keyframes asd1 {
    0% {
      transform: translate(0, 0);
      visibility: visible; }
    100% {
      transform: translate(350%, 0);
      visibility: hidden; } }
  .z_message_close {
    width: 40px;
    height: 40px;
    background: red;
    position: absolute;
    right: -50px;
    top: -50px;
    cursor: pointer;
    background: url("../images/z_closes.png") no-repeat center;
    background-size: 100% 100%; }
  .new-float {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 99;
    width: 77px;
    height: 374px;
    margin-top: -100px; }
  .new-float li {
    position: relative;
    width: 77px;
    height: 57px;
    margin-bottom: 1px;
    line-height: 27px;
    color: #fff;
    text-align: center; }
  .floatqr {
    position: absolute;
    width: 120px;
    height: 120px;
    top: -63px;
    left: -130px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s; }
  .new-float li.hover {
    overflow: hidden; }
  .new-float li a.tit {
    width: 77px;
    height: 27px;
    padding: 30px 10px 0 0;
    color: #fff; }
  .new-float li p {
    position: relative;
    z-index: 2;
    height: 27px;
    padding-top: 30px;
    cursor: pointer; }
  .new-float li .tel {
    position: absolute;
    left: 77px;
    top: 0;
    z-index: 1;
    width: 184px;
    height: 57px;
    font: 24px/57px Arial;
    color: #fff;
    background: url("../images/bg_float06.png") no-repeat;
    cursor: pointer; }
  .new-float li a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
    -webkit-transition: color 0.3s ease 0s;
    -moz-transition: color 0.3s ease 0s;
    -ms-transition: color 0.3s ease 0s;
    -o-transition: color 0.3s ease 0s;
    transition: color 0.3s ease 0s; }
  .new-float li.six a {
    background: url("../images/xxf_bg_float01.png") no-repeat;
    cursor: pointer; }
  #force_style p, #force_style span {
    font-size: 16px !important;
    line-height: 1.5 !important;
    color: #666666 !important;
    margin: 16px 0 !important; }
  #force_style img {
    max-width: 600px !important;
    height: auto !important;
    margin: 0 auto !important; } }

.blank1 {
  width: 100%;
  height: 1px; }

.blank2 {
  width: 100%;
  height: 2px; }

.blank3 {
  width: 100%;
  height: 3px; }

.blank4 {
  width: 100%;
  height: 4px; }

.blank5 {
  width: 100%;
  height: 5px; }

.blank6 {
  width: 100%;
  height: 6px; }

.blank7 {
  width: 100%;
  height: 7px; }

.blank8 {
  width: 100%;
  height: 8px; }

.blank9 {
  width: 100%;
  height: 9px; }

.blank10 {
  width: 100%;
  height: 10px; }

.blank11 {
  width: 100%;
  height: 11px; }

.blank12 {
  width: 100%;
  height: 12px; }

.blank13 {
  width: 100%;
  height: 13px; }

.blank14 {
  width: 100%;
  height: 14px; }

.blank15 {
  width: 100%;
  height: 15px; }

.blank16 {
  width: 100%;
  height: 16px; }

.blank17 {
  width: 100%;
  height: 17px; }

.blank18 {
  width: 100%;
  height: 18px; }

.blank19 {
  width: 100%;
  height: 19px; }

.blank20 {
  width: 100%;
  height: 20px; }

.blank21 {
  width: 100%;
  height: 21px; }

.blank22 {
  width: 100%;
  height: 22px; }

.blank23 {
  width: 100%;
  height: 23px; }

.blank24 {
  width: 100%;
  height: 24px; }

.blank25 {
  width: 100%;
  height: 25px; }

.blank26 {
  width: 100%;
  height: 26px; }

.blank27 {
  width: 100%;
  height: 27px; }

.blank28 {
  width: 100%;
  height: 28px; }

.blank29 {
  width: 100%;
  height: 29px; }

.blank30 {
  width: 100%;
  height: 30px; }

.blank31 {
  width: 100%;
  height: 31px; }

.blank32 {
  width: 100%;
  height: 32px; }

.blank33 {
  width: 100%;
  height: 33px; }

.blank34 {
  width: 100%;
  height: 34px; }

.blank35 {
  width: 100%;
  height: 35px; }

.blank36 {
  width: 100%;
  height: 36px; }

.blank37 {
  width: 100%;
  height: 37px; }

.blank38 {
  width: 100%;
  height: 38px; }

.blank39 {
  width: 100%;
  height: 39px; }

.blank40 {
  width: 100%;
  height: 40px; }

.blank41 {
  width: 100%;
  height: 41px; }

.blank42 {
  width: 100%;
  height: 42px; }

.blank43 {
  width: 100%;
  height: 43px; }

.blank44 {
  width: 100%;
  height: 44px; }

.blank45 {
  width: 100%;
  height: 45px; }

.blank46 {
  width: 100%;
  height: 46px; }

.blank47 {
  width: 100%;
  height: 47px; }

.blank48 {
  width: 100%;
  height: 48px; }

.blank49 {
  width: 100%;
  height: 49px; }

.blank50 {
  width: 100%;
  height: 50px; }

.percent1 {
  width: 1%; }

.percent2 {
  width: 2%; }

.percent3 {
  width: 3%; }

.percent4 {
  width: 4%; }

.percent5 {
  width: 5%; }

.percent6 {
  width: 6%; }

.percent7 {
  width: 7%; }

.percent8 {
  width: 8%; }

.percent9 {
  width: 9%; }

.percent10 {
  width: 10%; }

.percent11 {
  width: 11%; }

.percent12 {
  width: 12%; }

.percent13 {
  width: 13%; }

.percent14 {
  width: 14%; }

.percent15 {
  width: 15%; }

.percent16 {
  width: 16%; }

.percent17 {
  width: 17%; }

.percent18 {
  width: 18%; }

.percent19 {
  width: 19%; }

.percent20 {
  width: 20%; }

.percent21 {
  width: 21%; }

.percent22 {
  width: 22%; }

.percent23 {
  width: 23%; }

.percent24 {
  width: 24%; }

.percent25 {
  width: 25%; }

.percent26 {
  width: 26%; }

.percent27 {
  width: 27%; }

.percent28 {
  width: 28%; }

.percent29 {
  width: 29%; }

.percent30 {
  width: 30%; }

.percent31 {
  width: 31%; }

.percent32 {
  width: 32%; }

.percent33 {
  width: 33%; }

.percent34 {
  width: 34%; }

.percent35 {
  width: 35%; }

.percent36 {
  width: 36%; }

.percent37 {
  width: 37%; }

.percent38 {
  width: 38%; }

.percent39 {
  width: 39%; }

.percent40 {
  width: 40%; }

.percent41 {
  width: 41%; }

.percent42 {
  width: 42%; }

.percent43 {
  width: 43%; }

.percent44 {
  width: 44%; }

.percent45 {
  width: 45%; }

.percent46 {
  width: 46%; }

.percent47 {
  width: 47%; }

.percent48 {
  width: 48%; }

.percent49 {
  width: 49%; }

.percent50 {
  width: 50%; }

.percent51 {
  width: 51%; }

.percent52 {
  width: 52%; }

.percent53 {
  width: 53%; }

.percent54 {
  width: 54%; }

.percent55 {
  width: 55%; }

.percent56 {
  width: 56%; }

.percent57 {
  width: 57%; }

.percent58 {
  width: 58%; }

.percent59 {
  width: 59%; }

.percent60 {
  width: 60%; }

.percent61 {
  width: 61%; }

.percent62 {
  width: 62%; }

.percent63 {
  width: 63%; }

.percent64 {
  width: 64%; }

.percent65 {
  width: 65%; }

.percent66 {
  width: 66%; }

.percent67 {
  width: 67%; }

.percent68 {
  width: 68%; }

.percent69 {
  width: 69%; }

.percent70 {
  width: 70%; }

.percent71 {
  width: 71%; }

.percent72 {
  width: 72%; }

.percent73 {
  width: 73%; }

.percent74 {
  width: 74%; }

.percent75 {
  width: 75%; }

.percent76 {
  width: 76%; }

.percent77 {
  width: 77%; }

.percent78 {
  width: 78%; }

.percent79 {
  width: 79%; }

.percent80 {
  width: 80%; }

.percent81 {
  width: 81%; }

.percent82 {
  width: 82%; }

.percent83 {
  width: 83%; }

.percent84 {
  width: 84%; }

.percent85 {
  width: 85%; }

.percent86 {
  width: 86%; }

.percent87 {
  width: 87%; }

.percent88 {
  width: 88%; }

.percent89 {
  width: 89%; }

.percent90 {
  width: 90%; }

.percent91 {
  width: 91%; }

.percent92 {
  width: 92%; }

.percent93 {
  width: 93%; }

.percent94 {
  width: 94%; }

.percent95 {
  width: 95%; }

.percent96 {
  width: 96%; }

.percent97 {
  width: 97%; }

.percent98 {
  width: 98%; }

.percent99 {
  width: 99%; }

.percent100 {
  width: 100%; }

body, textarea, input, select {
  font-weight: normal;
  font-family: 'Lato', 'Helvetica Neue', Arial, 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none; }
  
/* PC端 - GEO页面专属雪碧图样式 */
@media screen and (min-width: 768px) {
  .tencent_group2 {
    width: 100%;
    overflow: hidden;
    margin-top: 40px;
  }
  .tencent_group2 li {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    padding: 0 20px;
    text-align: center;
    margin-bottom: 30px;
  }
  .tencent_group2 .img_wrap {
    width: 80px;
    height: 80px;
    background-image: url(../images/tencent_sprite.png);
    background-size: 80px auto;
    margin: 0 auto 30px;
    background-repeat: no-repeat;
    background-position: center;
  }
  .tencent_group2 .geo_img_wrap {
    background-image: url(../images/geo_sprite.png) !important;
  }
}

/* 移动端 - GEO页面专属雪碧图样式 */
@media screen and (max-width: 768px) {
  .tencent_group2 {
    width: 100%;
    overflow: hidden;
    margin-top: 0.4rem;
  }
  .tencent_group2 li {
    float: left;
    width: 33.33%;
    box-sizing: border-box;
    padding: 0 0.2rem;
    text-align: center;
    margin-bottom: 0.3rem;
  }
  .tencent_group2 .img_wrap {
    width: 0.8rem;
    height: 0.8rem;
    background-image: url(../images/tencent_sprite.png);
    background-size: 0.8rem auto;
    margin: 0 auto 0.3rem;
    background-repeat: no-repeat;
    background-position: center;
  }
  .tencent_group2 .geo_img_wrap {
    background-image: url(../images/geo_sprite.png) !important;
  }
}
/*# sourceMappingURL=maps/main.css.map */