section {
  font-family: PingFangSC-Medium, PingFang SC; }

.mt24 {
  margin-top: 24px; }

.mt96 {
  margin-top: 96px; }

.pt36 {
  padding-top: 36px; }

.pt96 {
  padding-top: 96px; }

.common_text {
  color: #3D485D;
  font-size: 14px; }

.tac {
  text-align: center; }

.fz18 {
  font-size: 18px; }

.fz14 {
  font-size: 14px; }

.ml20 {
  margin-left: 20px; }

.blue_text {
  color: #145FDB; }

.mt24.blue_btn {
  margin-top: 24px; }

.article span {
  font-size: 16px; }

.article a {
  background: none;
  line-height: 48px;
  position: relative; }

.article span {
  color: #145FDB; }

.blue_text::after {
  content: '';
  width: auto;
  height: 2px;
  background: #145FDB;
  display: block;
  position: relative;
  top: 18px; }

.tab_title {
  font-size: 42px;
  color: #000;
  font-weight: 500; }

.btn_shadow_5px:hover {
  transform: translate(0, -5px);
  box-shadow: 5px 5px 5px #ccc; }

a.blue_btn {
  width: 148px;
  height: 48px;
  background: #145FDB;
  border-radius: 5px;
  line-height: 48px;
  padding: 0;
  font-size: 16px;
  text-align: center; }

a.white_btn {
  width: 148px;
  height: 48px;
  background: #fff;
  border-radius: 5px;
  line-height: 48px;
  padding: 0;
  font-size: 16px;
  text-align: center;
  border: 1px solid #145FDB; }
  a.white_btn span {
    color: #145FDB; }

.banner_title {
  font-size: 32px;
  color: #000;
  margin: 0 auto; }

.smart_banner {
  background: url("/templates/website/res/2020/img/solution_smart/banner1_bg.png") no-repeat center center;
  background-size: cover; }
  .smart_banner a {
    margin-top: 54px; }
  .smart_banner .banner1_title {
    color: #000;
    font-size: 42px; }
  .smart_banner .link {
    width: 480px;
    display: flex;
    justify-content: space-between; }
  .smart_banner .banner1_text {
    font-size: 16px;
    font-weight: 400;
    color: #3D485D;
    padding-bottom: 0;
    line-height: 22px; }
  .smart_banner .text_item {
    margin-top: 24px; }
  .smart_banner .banner1_bg {
    width: 566px;
    height: 491px;
    display: inline-block;
    background: url("/templates/website/res/2020/img/solution_smart/banner1.png") no-repeat center center;
    background-size: cover; }

.bgf7 {
  height: 640px; }
  .bgf7 .banner2_title {
    text-align: center;
    padding-top: 96px; }
  .bgf7 .banner2_card.mobile {
    display: none; }
  .bgf7 .banner2_card.pc {
    display: flex; }
  .bgf7 .banner2_card {
    width: 100%;
    margin-top: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 364px; }
    .bgf7 .banner2_card .card_item {
      padding: 0 36px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      border-radius: 8px;
      width: 386px;
      height: 312px;
      border: 1px solid #E5EAEB; }
      .bgf7 .banner2_card .card_item .card_text {
        display: flex;
        flex-direction: column;
        line-height: 2;
        width: 324px; }
      .bgf7 .banner2_card .card_item .card_title {
        font-size: 20px;
        color: #3D485D;
        font-weight: 700; }
      .bgf7 .banner2_card .card_item .card_img {
        width: 108px;
        height: 96px; }
        .bgf7 .banner2_card .card_item .card_img img {
          width: 100%; }

.bgf8 .wxzb_banner {
  height: 900px; }
  .bgf8 .wxzb_banner h2 {
    padding-bottom: 14px; }
  .bgf8 .wxzb_banner .wrapper {
    background: url("/templates/website/res/2020/img/solution_smart/banner3_bg.png") no-repeat center center;
    background-size: cover;
    height: 502px;
    margin-top: 92px;
    padding: 0 10px; }
  .bgf8 .wxzb_banner img {
    margin: 0 4px 4px 0; }
  .bgf8 .wxzb_banner .link {
    margin-top: 38px;
    display: flex;
    justify-content: center;
    margin: 0 auto; }

.bgf9 {
  background: url("/templates/website/res/2020/img/solution_smart/banner4_bg.png") no-repeat center center;
  background-size: cover; }
  .bgf9 .banner4 {
    height: 800px; }
    .bgf9 .banner4 h2 {
      color: #3D485D; }
    .bgf9 .banner4 p:nth-of-type(1) {
      color: #3D485D;
      width: 571px;
      margin: 0 auto;
      margin-top: 14px; }
    .bgf9 .banner4 .banner4_tabs .tab_bar {
      width: 400px;
      margin: 0 auto;
      margin-top: 40px;
      display: flex;
      justify-content: space-between; }
      .bgf9 .banner4 .banner4_tabs .tab_bar span {
        font-size: 16px; }
    .bgf9 .banner4 .banner4_tabs .line {
      height: 1px;
      background: #E5EAEB;
      margin-top: 17px; }
    .bgf9 .banner4 .banner4_tabs .container .tab1,
    .bgf9 .banner4 .banner4_tabs .container .tab2,
    .bgf9 .banner4 .banner4_tabs .container .tab3 {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .bgf9 .banner4 .banner4_tabs .container .text_item {
      width: 360px;
      height: 140px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
    .bgf9 .banner4 .banner4_tabs .container .tab1 .bg {
      background: url("/templates/website/res/2020/img/solution_smart/banner4_tab1.png") no-repeat center center;
      background-size: 100% 100%;
      width: 750px;
      height: 454px; }
    .bgf9 .banner4 .banner4_tabs .container .tab2 .bg {
      background: url("/templates/website/res/2020/img/solution_smart/banner4_tab2.png") no-repeat center center;
      background-size: 100% 100%;
      width: 750px;
      height: 500px; }
    .bgf9 .banner4 .banner4_tabs .container .tab3 .bg {
      background: url("/templates/website/res/2020/img/solution_smart/banner4_tab3.png") no-repeat center center;
      background-size: 100% 100%;
      width: 750px;
      height: 478px; }

.bgf9_second .banner4 {
  height: 800px; }
  .bgf9_second .banner4 h2 {
    color: #3D485D; }
  .bgf9_second .banner4 p:nth-of-type(1) {
    color: #3D485D;
    width: 580px;
    margin: 0 auto;
    margin-top: 14px; }
  .bgf9_second .banner4 .banner4_tabs .tab_bar {
    width: 400px;
    margin: 0 auto;
    margin-top: 40px;
    display: flex;
    justify-content: space-between; }
    .bgf9_second .banner4 .banner4_tabs .tab_bar span {
      font-size: 16px; }
  .bgf9_second .banner4 .banner4_tabs .line {
    height: 1px;
    background: #E5EAEB;
    margin-top: 17px; }
  .bgf9_second .banner4 .banner4_tabs .container .text_item.mobile {
    display: none; }
  .bgf9_second .banner4 .banner4_tabs .container .tab1,
  .bgf9_second .banner4 .banner4_tabs .container .tab2,
  .bgf9_second .banner4 .banner4_tabs .container .tab3,
  .bgf9_second .banner4 .banner4_tabs .container .tab4 {
    display: flex;
    justify-content: space-between;
    align-items: center; }
  .bgf9_second .banner4 .banner4_tabs .container .text_item {
    width: 360px;
    height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
  .bgf9_second .banner4 .banner4_tabs .container .tab1 .bg {
    background: url("/templates/website/res/2020/img/solution_smart/banner5_tab1.png") no-repeat center center;
    background-size: 100% 100%;
    width: 750px;
    height: 443px; }
  .bgf9_second .banner4 .banner4_tabs .container .tab2 .bg {
    background: url("/templates/website/res/2020/img/solution_smart/banner5_tab2.png") no-repeat center center;
    background-size: 100% 100%;
    width: 50%;
    height: 510px; }
  .bgf9_second .banner4 .banner4_tabs .container .tab3 .bg {
    background: url("/templates/website/res/2020/img/solution_smart/banner5_tab3.png") no-repeat center center;
    background-size: 100% 100%;
    width: 750px;
    height: 468px; }
  .bgf9_second .banner4 .banner4_tabs .container .tab4 .bg {
    background: url("/templates/website/res/2020/img/solution_smart/banner5_tab4.png") no-repeat center center;
    background-size: 100% 100%;
    width: 750px;
    height: 510px; }

.bgf9_data {
  background: url("/templates/website/res/2020/img/solution_smart/banner7_bg.png") no-repeat center center;
  background-size: cover; }
  .bgf9_data .banner4 {
    height: 800px; }
    .bgf9_data .banner4 p:nth-of-type(1) {
      color: #3D485D;
      width: 571px;
      margin: 0 auto;
      margin-top: 14px; }
    .bgf9_data .banner4 h2 {
      color: #3D485D; }
    .bgf9_data .banner4 .container {
      padding-top: 60px;
      display: flex;
      justify-content: space-between; }
      .bgf9_data .banner4 .container .card_tabs {
        width: 352px;
        height: 392px;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        .bgf9_data .banner4 .container .card_tabs .text_desc {
          padding-top: 10px;
          width: 236px;
          margin-left: 34px;
          font-size: 14px;
          color: #3D485D; }
        .bgf9_data .banner4 .container .card_tabs .card_title {
          font-size: 20px;
          color: #3D485D;
          font-weight: 700; }
        .bgf9_data .banner4 .container .card_tabs .card_title img {
          margin-bottom: 5px; }
        .bgf9_data .banner4 .container .card_tabs .card1_tab {
          padding: 20px;
          border-radius: 10px;
          height: 138px;
          background: url("/templates/website/res/2020/img/solution_smart/card_tab_bg.png") no-repeat center center;
          background-size: cover; }
        .bgf9_data .banner4 .container .card_tabs .card2_tab {
          padding: 20px;
          border-radius: 10px;
          height: 138px;
          background: url("/templates/website/res/2020/img/solution_smart/card_tab_bg2.png") no-repeat center center;
          background-size: cover; }
      .bgf9_data .banner4 .container .bg1,
      .bgf9_data .banner4 .container .bg2 {
        width: 731px;
        height: 422px; }
      .bgf9_data .banner4 .container .bg1 {
        background: url("/templates/website/res/2020/img/solution_smart/tab_bg1.png") no-repeat center center;
        background-size: cover; }
      .bgf9_data .banner4 .container .bg2 {
        background: url("/templates/website/res/2020/img/solution_smart/tab_bg2.png") no-repeat center center;
        background-size: cover; }

.bgf9 {
  background: url("/templates/website/res/2020/img/solution_smart/banner4_bg.png") no-repeat center center;
  background-size: cover; }
  .bgf9 .banner4 {
    height: 800px; }
    .bgf9 .banner4 h2 {
      color: #3D485D; }
    .bgf9 .banner4 p:nth-of-type(1) {
      color: #3D485D;
      width: 571px;
      margin: 0 auto;
      margin-top: 14px; }

.bgf7_second {
  height: 640px; }
  .bgf7_second .banner2_title {
    text-align: center;
    padding-top: 96px; }
  .bgf7_second .banner2_card {
    display: flex;
    width: 100%;
    margin-top: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    height: 364px; }
    .bgf7_second .banner2_card .card_item {
      padding: 0 36px;
      box-sizing: border-box;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      border-radius: 8px;
      width: 386px;
      height: 264px;
      border: 1px solid #E5EAEB; }
      .bgf7_second .banner2_card .card_item .card_text {
        display: flex;
        flex-direction: column;
        line-height: 2;
        width: 324px; }
      .bgf7_second .banner2_card .card_item .card_title {
        font-size: 20px;
        color: #3D485D;
        font-weight: 700; }
      .bgf7_second .banner2_card .card_item .card_img {
        width: 72px;
        height: 72px; }
        .bgf7_second .banner2_card .card_item .card_img img {
          width: 100%; }

.bgf9_client {
  background: url("/templates/website/res/2020/img/solution_smart/banner9_bg.png") no-repeat center center;
  background-size: cover; }
  .bgf9_client .banner4 {
    height: 930px; }
    .bgf9_client .banner4 h2 {
      color: #fff; }
    .bgf9_client .banner4 .container {
      padding-top: 60px;
      display: flex;
      justify-content: space-between; }
      .bgf9_client .banner4 .container a:hover {
        transform: translate(0, -5px);
        box-shadow: 5px 5px 5px #000;
        transition: all .3s ease .3s; }
      .bgf9_client .banner4 .container .bg {
        width: 580px;
        height: 600px;
        background: url("/templates/website/res/2020/img/solution_smart/banner9_small_bg.png") no-repeat center center;
        background-size: cover; }
      .bgf9_client .banner4 .container .text_area {
        display: flex;
        flex-direction: column;
        width: 550px; }
        .bgf9_client .banner4 .container .text_area > div {
          margin-bottom: 42px; }
        .bgf9_client .banner4 .container .text_area p, .bgf9_client .banner4 .container .text_area span {
          color: #fff;
          font-size: 14px; }
        .bgf9_client .banner4 .container .text_area .title {
          font-size: 20px;
          font-weight: 500;
          margin-bottom: 24px; }
        .bgf9_client .banner4 .container .text_area .pain .wrapper {
          display: flex; }
        .bgf9_client .banner4 .container .text_area .pain .dot_text {
          display: flex;
          margin-right: 12px;
          justify-content: space-between;
          flex-direction: column; }
          .bgf9_client .banner4 .container .text_area .pain .dot_text span {
            margin-bottom: 12px; }
          .bgf9_client .banner4 .container .text_area .pain .dot_text .dot {
            display: inline-block;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #D8E3FF;
            margin-right: 5px;
            margin-bottom: 3px; }
        .bgf9_client .banner4 .container .text_area .solution .wrapper {
          display: flex;
          width: 110%; }
          .bgf9_client .banner4 .container .text_area .solution .wrapper .icon_text {
            margin-right: 42px;
            display: flex;
            flex-direction: column; }
            .bgf9_client .banner4 .container .text_area .solution .wrapper .icon_text .icon_bg {
              display: inline-block;
              width: 18px;
              height: 18px;
              margin-right: 9px; }
            .bgf9_client .banner4 .container .text_area .solution .wrapper .icon_text span {
              margin-bottom: 12px; }

.bgf10 {
  background: url("/templates/website/res/2020/img/solution_smart/footer_banner_bg.png") no-repeat center center;
  background-size: cover; }
  .bgf10 .footer_banner {
    justify-content: flex-start;
    height: 300px; }
    .bgf10 .footer_banner h2 {
      color: #fff;
      font-weight: 500;
      font-size: 42px;
      padding-top: 56px; }
    .bgf10 .footer_banner p {
      color: #fff;
      font-size: 16px;
      margin-top: 12px; }
    .bgf10 .footer_banner span {
      color: #145FDB; }
    .bgf10 .footer_banner a {
      margin: 0 auto; }
      .bgf10 .footer_banner a:hover {
        transform: translate(0, -5px);
        box-shadow: 5px 5px 5px #333; }

@media (max-width: 768px) {
  .link {
    width: 100%;
    display: flex;
    justify-content: space-between;
    max-width: 320px;
    margin-bottom: 20px; }
  div.dn {
    display: none; }
  div.db {
    display: block; }
  .banner4_cards.dn {
    display: none !important; }
  .banner4_cards.db {
    display: flex !important; }
  .banner_text a {
    color: #fff; }
  .smart_banner_mobile {
    height: 100%;
    background: url("/templates/website/res/2020/img/solution_smart/mobile/banner1.png") no-repeat center center;
    background-size: cover;
    padding-bottom: 20px; }
    .smart_banner_mobile .container {
      display: flex;
      flex-direction: inherit;
      justify-content: space-evenly;
      align-items: center; }
    .smart_banner_mobile .img {
      width: 90%;
      margin: 30px auto; }
      .smart_banner_mobile .img img {
        width: 100%; }
    .smart_banner_mobile .banner1_title {
      color: #000;
      font-size: 32px;
      padding-top: 60px; }
    .smart_banner_mobile .text_item {
      margin-top: 20px;
      text-align: left;
      width: 90%;
      display: flex; }
      .smart_banner_mobile .text_item img {
        width: 32px;
        height: 32px; }
    .smart_banner_mobile .banner1_text {
      font-size: 14px;
      font-weight: 400;
      color: #3D485D;
      padding-bottom: 0;
      line-height: 22px; }
  .bgf7 {
    height: 100%;
    padding-bottom: 76px; }
    .bgf7 .banner2_title {
      font-size: 24px; }
    .bgf7 .banner2_card.mobile {
      display: flex; }
    .bgf7 .banner2_card.pc {
      display: none; }
    .bgf7 .banner2_card {
      margin-top: 20px;
      height: 100%; }
      .bgf7 .banner2_card .card_item {
        width: 95%;
        margin: 0 auto;
        height: 300px;
        background: linear-gradient(180deg, #F4F5F9 0%, #FFFFFF 98%);
        box-shadow: 0px 12px 40px -8px rgba(75, 94, 136, 0.2);
        border-radius: 14px; }
        .bgf7 .banner2_card .card_item .common_text {
          text-align: center; }
  .bgf8 {
    height: 100%;
    padding-bottom: 100px; }
  .banner3_mobile .link {
    margin: 0 auto;
    justify-content: center;
    margin-top: 64px; }
  .banner3_mobile .bg1 {
    width: 90%;
    height: 80vw;
    margin: 0 auto;
    background: url("/templates/website/res/2020/img/solution_smart/mobile/sq1.png") no-repeat center center;
    background-size: 100% 100%; }
  .banner3_mobile .bg2 {
    width: 98%;
    height: 75vw;
    margin: 0 auto;
    background: url("/templates/website/res/2020/img/solution_smart/mobile/sq2.png") no-repeat center center;
    background-size: 100% 100%; }
  .banner3_mobile span {
    text-align: center;
    font-size: 16px;
    color: #fff;
    display: block; }
  .banner3_mobile .arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 20vw;
    margin: 0 auto;
    background: url("/templates/website/res/2020/img/solution_smart/mobile/arrow.png") no-repeat center center;
    background-size: 100% 100%; }
    .banner3_mobile .arrow span {
      text-align: center;
      color: #145FDB;
      font-size: 18px; }
  .banner3_mobile .btn1 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    min-width: 80px;
    height: 30px;
    background: linear-gradient(180deg, #8795ac 0%, #b3c5e4 100%);
    border-radius: 27px;
    box-shadow: 0px 20px 30px -12px rgba(38, 95, 209, 0.4);
    margin: 5px auto; }
  .banner3_mobile .btn2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20%;
    min-width: 80px;
    height: 30px;
    background: linear-gradient(180deg, #145fdb 0%, #0eafdb 100%);
    border-radius: 27px;
    box-shadow: 0px 20px 30px -12px rgba(38, 95, 209, 0.4);
    margin: 5px auto; }
  .bgf9 .banner4 {
    background: url("/templates/website/res/2020/img/solution_smart/mobile/bg_rpa.png") no-repeat center center;
    background-size: 100% 100%;
    height: 100%; }
    .bgf9 .banner4 p:nth-of-type(1) {
      width: 346px; }
    .bgf9 .banner4 h2 {
      padding-top: 60px; }
    .bgf9 .banner4 .tab_title {
      display: none !important; }
    .bgf9 .banner4 .banner4_tabs .tab_bar {
      width: 95%; }
    .bgf9 .banner4 .banner4_tabs .container .tab1,
    .bgf9 .banner4 .banner4_tabs .container .tab2,
    .bgf9 .banner4 .banner4_tabs .container .tab3 {
      flex-direction: column-reverse;
      padding-top: 40px; }
    .bgf9 .banner4 .banner4_tabs .container .bg {
      width: 100% !important;
      height: 0 !important;
      background-size: 100% !important;
      padding-bottom: 70%; }
    .bgf9 .banner4 .banner4_tabs .container .text_item {
      justify-content: center;
      width: 96%; }
  .bgf9_second .banner4 {
    height: 100%;
    padding-bottom: 50px; }
    .bgf9_second .banner4 p:nth-of-type(1) {
      width: 346px; }
    .bgf9_second .banner4 h2 {
      padding-top: 60px; }
    .bgf9_second .banner4 .banner4_tabs .tab_bar {
      width: 90%; }
    .bgf9_second .banner4 .banner4_tabs .container .tab1,
    .bgf9_second .banner4 .banner4_tabs .container .tab2,
    .bgf9_second .banner4 .banner4_tabs .container .tab3,
    .bgf9_second .banner4 .banner4_tabs .container .tab4 {
      flex-direction: column-reverse;
      padding-top: 40px; }
    .bgf9_second .banner4 .banner4_tabs .container .bg {
      width: 100% !important;
      height: 0 !important;
      overflow: hidden;
      padding-bottom: 80%;
      background-size: 100% !important; }
    .bgf9_second .banner4 .banner4_tabs .container .tab_title {
      font-size: 18px; }
    .bgf9_second .banner4 .banner4_tabs .container .text_item.pc {
      display: none; }
    .bgf9_second .banner4 .banner4_tabs .container .text_item.mobile {
      padding-top: 24px;
      padding-bottom: 24px;
      display: flex;
      margin: 0 auto;
      flex-direction: column;
      justify-content: space-around;
      width: 100%;
      height: 28vw;
      box-shadow: 0 5px 10px #ccc;
      border-radius: 10px;
      background: url("/templates/website/res/2020/img/solution_smart/mobile/card1.png") no-repeat center center;
      background-size: cover; }
      .bgf9_second .banner4 .banner4_tabs .container .text_item.mobile p {
        width: 85%;
        margin: 0 auto; }
    .bgf9_second .banner4 .banner4_tabs .container .tab1 .text_item.mobile {
      background: url("/templates/website/res/2020/img/solution_smart/mobile/card_text1.png") no-repeat center center;
      background-size: cover; }
    .bgf9_second .banner4 .banner4_tabs .container .tab2 .text_item.mobile {
      background: url("/templates/website/res/2020/img/solution_smart/mobile/card_text2.png") no-repeat center center;
      background-size: cover; }
    .bgf9_second .banner4 .banner4_tabs .container .tab3 .text_item.mobile {
      background: url("/templates/website/res/2020/img/solution_smart/mobile/card_text3.png") no-repeat center center;
      background-size: cover; }
    .bgf9_second .banner4 .banner4_tabs .container .tab4 .text_item.mobile {
      background: url("/templates/website/res/2020/img/solution_smart/mobile/card_text4.png") no-repeat center center;
      background-size: cover; }
  .bgf9_data .banner4 {
    background: url("/templates/website/res/2020/img/solution_smart/mobile/bg_data.png") no-repeat center center;
    background-size: cover;
    height: 100%;
    padding-bottom: 50px; }
    .bgf9_data .banner4 .container {
      display: none; }
    .bgf9_data .banner4 p:nth-of-type(1) {
      width: 90%; }
    .bgf9_data .banner4 h2 {
      padding-top: 60px; }
    .bgf9_data .banner4 .tab_title {
      display: none !important; }
    .bgf9_data .banner4 .container_mobile .card_item {
      padding-top: 36px;
      display: flex;
      flex-direction: column; }
      .bgf9_data .banner4 .container_mobile .card_item .title {
        font-size: 18px;
        font-weight: bold; }
      .bgf9_data .banner4 .container_mobile .card_item .bg1 {
        width: 100%;
        height: 0;
        background: url("/templates/website/res/2020/img/solution_smart/mobile/data1.png") no-repeat center center;
        background-size: 100%;
        padding-bottom: 80%;
        overflow: hidden; }
      .bgf9_data .banner4 .container_mobile .card_item .bg2 {
        width: 100%;
        height: 0;
        background: url("/templates/website/res/2020/img/solution_smart/mobile/data2.png") no-repeat center center;
        background-size: 100%;
        padding-bottom: 80%; }
      .bgf9_data .banner4 .container_mobile .card_item .text_card1 {
        padding-top: 24px;
        padding-bottom: 24px;
        display: flex;
        margin: 0 auto;
        box-shadow: 0 5px 5px 3px #ddd;
        border-radius: 10px;
        flex-direction: column;
        justify-content: space-around;
        width: 95%;
        height: 28vw;
        background: url("/templates/website/res/2020/img/solution_smart/mobile/card1.png") no-repeat center center;
        background-size: 100% 100%; }
        .bgf9_data .banner4 .container_mobile .card_item .text_card1 p {
          width: 85%;
          margin: 0 auto; }
      .bgf9_data .banner4 .container_mobile .card_item .text_card2 {
        margin: 0 auto;
        padding-top: 24px;
        padding-bottom: 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        box-shadow: 0 5px 5px 3px #ddd;
        border-radius: 10px;
        width: 95%;
        height: 28vw;
        background: url("/templates/website/res/2020/img/solution_smart/mobile/card2.png") no-repeat center center;
        background-size: 100% 100%; }
        .bgf9_data .banner4 .container_mobile .card_item .text_card2 p {
          width: 85%;
          margin: 0 auto; }
  .bgf7_second {
    height: 100%; }
    .bgf7_second .banner2_card {
      height: 100%;
      flex-direction: column; }
      .bgf7_second .banner2_card .card_item {
        background: linear-gradient(180deg, #F4F5F9 0%, #FFFFFF 98%);
        box-shadow: 0px 12px 30px -12px rgba(49, 80, 152, 0.2);
        border-radius: 14px;
        margin-bottom: 20px;
        width: 100%;
        align-items: center; }
        .bgf7_second .banner2_card .card_item .common_text {
          text-align: center; }
        .bgf7_second .banner2_card .card_item .card_text {
          width: 100%; }
  .bgf9_client {
    background: url("/templates/website/res/2020/img/solution_smart/mobile/client_bg.png") no-repeat center center;
    background-size: 100% 100%; }
    .bgf9_client .banner4 {
      height: 100%;
      padding-bottom: 100px; }
      .bgf9_client .banner4 .container {
        flex-direction: column;
        align-items: center; }
        .bgf9_client .banner4 .container .bg {
          width: 98%;
          height: 50vw;
          background: url("/templates/website/res/2020/img/solution_smart/mobile/client.png") no-repeat center center;
          background-size: 100% 100%; }
        .bgf9_client .banner4 .container .text_area {
          width: 100%;
          margin-top: 32px; }
          .bgf9_client .banner4 .container .text_area a {
            margin: 0 auto; }
          .bgf9_client .banner4 .container .text_area .solution .wrapper {
            width: 100%;
            flex-direction: column; }
          .bgf9_client .banner4 .container .text_area .pain .wrapper {
            justify-content: space-between; }
  .bgf10 .footer_banner {
    height: 100%;
    padding-bottom: 42px;
    background: url("/templates/website/res/2020/img/solution_smart/mobile/footer_bg.png") no-repeat center center;
    background-size: 100% 100%; }
    .bgf10 .footer_banner h2 {
      font-size: 32px; } }

@media (min-width: 769px) and (max-width: 1199px) {
  .container_mobile {
    display: none !important; }
  .db {
    display: none; }
  .dn {
    display: block; }
  .bgf7 {
    width: 100%; }
    .bgf7 .banner2_card {
      flex-wrap: nowrap; }
      .bgf7 .banner2_card .card_item .card_text {
        width: 80%; }
    .bgf7 .banner2_card.mobile {
      display: none; }
  .bgf7_second .banner2_card {
    flex-wrap: nowrap; }
    .bgf7_second .banner2_card .card_item {
      width: 100%; }
      .bgf7_second .banner2_card .card_item .card_text {
        width: 100%; }
  .bgf8 .wxzb_banner .wrapper {
    background-size: 100% 80%; }
  .bgf9 .banner4 h2 {
    padding-top: 60px; }
  .bgf9 .banner4 p:nth-of-type(1) {
    width: 80%; }
  .bgf9 .banner4 .banner4_tabs .container {
    padding-top: 8vw; }
    .bgf9 .banner4 .banner4_tabs .container .text_item {
      width: 50%; }
    .bgf9 .banner4 .banner4_tabs .container .bg {
      width: 80% !important;
      height: 40vw !important; }
  .bgf9_data .banner4 .container {
    align-items: center; }
  .bgf9_data .banner4 .container .bg1 {
    width: 50vw;
    height: 30vw;
    background-size: 100% 100%; }
  .bgf9_data .banner4 .container .bg2 {
    width: 50vw;
    height: 30vw;
    background-size: 100% 100%; }
  .bgf9_second .banner4 .banner4_tabs .container .tab1 .bg {
    width: 100%;
    height: 40vw; }
  .bgf9_second .banner4 .banner4_tabs .container .tab2 .bg {
    width: 100%;
    height: 40vw; }
  .bgf9_second .banner4 .banner4_tabs .container .tab3 .bg {
    width: 100%;
    height: 40vw; }
  .bgf9_second .banner4 .banner4_tabs .container .tab4 .bg {
    width: 100%;
    height: 40vw; }
  .bgf9_client .banner4 .container .bg {
    width: 30vw;
    height: 50vw;
    margin-right: 20px; } }

@media (min-width: 1200px) {
  .db {
    display: none; }
  .dn {
    display: block; }
  .container_mobile {
    display: none !important; } }