/* 响应式 */
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
  }

  .section-othercase .container {
    max-width: 1170px;
  }
}

@media (max-width: 1200px) {
  .home-section {
    padding-bottom: 40px;
    padding-top: 40px;
  }

  .home-section.section-reason {
    padding-bottom: 0;
    padding-top: 0;
  }

  .section-try {
    padding-bottom: 50px;
    padding-top: 50px;
  }

  .home-section.section-try h1 {
    margin-bottom: 0;
    white-space: nowrap;
  }

  .section-try ul {
    flex-direction: column;
    padding: 0;
    gap: 10px;
    margin-bottom: 36px;
  }

  .section-try ul li {
    font-size: 14px;
    white-space: nowrap;
  }

  .section-try p {
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
    margin-bottom: 16px;
  }

  .section-try .try-btns {
    gap: 12px;
  }

  .section-try .btn-lg {
    height: 36px;
    font-size: 14px;
    width: 110px;
    padding: 0;
  }

  .section-feature .nav .nav-link {
    padding: 4px 20px;
    border-radius: 8px;
    margin: 0;
  }

  .section-feature .pic-wrap {
    width: 100%;
  }

  .section-feature-content p {
    width: 100%;
    font-size: 14px;
  }

  .section-feature .nav .nav-link .nav-title {
    font-size: 18px;
    line-height: 2;
  }

  .section-scene .tab-content {
    margin: 40px 0 0 0;
  }

  .section-scene .nav .nav-link .icon-w,
  .section-scene .nav .nav-link.active .icon-w,
  .section-scene .nav .nav-link .icon-blue,
  .section-scene .nav .nav-link.active .icon-blue {
    display: none;
  }

  .solution-item {
    margin-right: 16px;
    border-radius: 12px;
  }

  .solution-des {
    border-radius: 0 0 12px 12px;
    padding: 12px 10px 16px 10px;
  }

  .solution-item .solution-title {
    font-size: 21px;
  }

  .solution-des-content {
    font-size: 15px;
  }

  .case-slide .carousel-inner .carousel-caption {
    transform: translateY(40%);
  }
}

@media (max-width: 992px) {

  body {
    overflow-x: hidden;
  }

  .mobile {
    display: flex !important;
  }

  .container {
    padding-left: 16px;
    padding-right: 16px;
  }

  .navbar-nav .product-head-item {
    padding: 0;
    margin-bottom: 6px;
  }

  .navbar-nav .product-head-item img {
    width: 32px;
    height: 32px;
    margin-right: 12px;
  }

  .navbar-brand .pc-logo {
    display: none;
  }

  .navbar-brand .mb-logo {
    display: block;
  }

  /* 移动端头部 登录 注册按钮 */
  .sign-btns {
    display: block;
    flex: 1;
    text-align: right;
  }

  .sign-btns .btn {
    color: #121212;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    border: solid 1px #121212;
    margin-left: 4px;
    padding: 3px 6px;
    min-width: 66px;
  }

  .sign-btns .btn:focus,
  .sign-btns .btn:hover {
    color: #121212 !important;
    border: solid 1px #121212 !important;
    background-color: rgba(18, 18, 18, 0.02) !important;
  }

  .sign-btns .btn.btn-nav-blue {
    color: #fff;
    background-color: #121212;
    box-shadow: none;
  }

  .sign-btns .btn.btn-nav-blue:focus,
  .sign-btns .btn.btn-nav-blue:hover {
    color: #fff !important;
    background-color: #333 !important;
  }

  .nav-pro-menu-list .dropdown-item .nav-icon {
    display: none;
  }

  .nav-sub-menu .nav-sub-menu-list .dropdown-item .nav-icon {
    display: none;
  }

  .navbar-nav .product-head-item .product-head-title {
    font-size: 16px;
    font-weight: 600;
    color: #222;
  }

  .navbar-nav .product-tab-head {
    display: none;
  }

  .navbar-nav .product-tab-content {
    padding: 0;
  }

  .navbar-nav .product-tab-content section {
    display: block;
  }

  .navbar-nav .product-tab-content .nav-pro-list {
    display: block;
  }

  .navbar-nav .product-tab-content .nav-other-app .nav-pro-link-left span {
    font-size: 16px;
    color: #222;
  }

  .navbar-nav .product-tab-content .nav-other-app {
    padding: 10px 0;
    display: flex;
    width: 100% !important;
  }

  .home-section-logos {
    /* display: none; */
  }

  .banner-home {
    padding-bottom: 80px;
    padding-top: 60px;
    height: auto;
    background: transparent;
    height: calc(100vh - 90px);
  }

  .banner-home .container {
    padding-top: 80px;
  }

  .banner-bg {
    /* background: url('../images/home/home-top-banner-bg.png');
    background-size: cover; */
    /* background: linear-gradient(91deg, #edefff 0, #f9f2ff 100%), linear-gradient(246deg, #fff8ff 0, #f8f9ff 100%) */
  }

  .banner .caption-title {
    font-size: 30px !important;
    line-height: 1.5;
  }

  .banner-home .caption-title {
    font-size: 38px !important;
    line-height: 1.5;
    font-weight: bold;
  }

  .banner-partner .caption .caption-title {
    font-size: 32px;
  }

  .banner-home .caption-title .row-1 {
    font-size: 24px;
  }

  .banner .des-txt {
    font-size: 14px;
    line-height: 24px;
  }

  .banner .container .caption {
    width: 100%;
    padding-right: 0;
    margin: 0 0 0 0;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
  }

  .banner-partner .caption {
    height: 300px;
    padding-top: 60px;
  }

  .banner-btns .btn-primary {
    margin-right: 10px;
  }

  .banner .btn-lg {
    height: 36px;
    font-size: 14px;
    min-width: auto;
    white-space: nowrap;
    padding: 0 20px;
  }

  .banner .caption-pic {
    display: none;
  }

  .banner .banner-des {
    justify-content: center;
  }

  .home-section .section-sub-title {
    font-size: 14px;
    line-height: 24px;

    margin-bottom: 20px;
  }

  .home-section h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 24px;
    text-align: center;
  }

  .model-title {
    margin-bottom: 20px;
  }

  .model-title .title {
    font-size: 24px;
  }

  .model-title .title-desc {
    font-size: 14px;
  }

  .home-section-solution {
    display: none;
  }

  .section-intro {
    padding: 40px 0;
  }

  .section-intro .model-title .title {
    margin-bottom: 30px;
    display: block;
  }

  .section-intro .model-title .title .title-left {
    font-size: 24px;
    /* padding-right: 12px; */
    padding: 0px;
    display: block;
    margin-bottom: 15px;
  }

  .section-intro .model-title .title .title-left::before {
    height: 18px;
    content: none;
  }

  .section-intro .model-title .title .title-left img {
    width: 30px;
    height: 30px;
    vertical-align: middle;
  }

  .section-intro .model-title .title .title-left .text {
    line-height: 32px;
    vertical-align: middle;
    display: inline-block;
    height: 30px;
  }

  .section-intro .model-title .title .title-right {
    padding-left: 12px;
    white-space: nowrap;
    font-size: 24px;
    padding: 0;
  }

  .section-intro .btn-link-more {
    font-size: 12px;
    margin: 12px 0;
  }

  .section-intro#HomeThree .model-title .title .title-right {
    /* letter-spacing: -0.12em; */
  }

  .home-section-scene {}

  .home-section-scene .section-scene-cotent {
    display: block;
  }

  .home-section-scene .section-scene-cotent .scene-item {
    width: 100%;
    margin-bottom: 20px;
  }

  .home-section-scene .section-scene-cotent .scene-item .scene-title {
    font-size: 18px;
  }

  .intro-tabs .tab-content {
    display: none;
  }

  .intro-tab-title {
    width: 100%;
    margin-right: 0;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 14px 28px rgba(116, 148, 252, 0.2);
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .intro-tab-title a {
    padding: 0 16px 16px 16px;
  }

  .intro-tab-title .nav-link {
    padding: 16px 16px 0 16px;
  }

  .intro-tab-title .nav-link:first-child {
    padding-top: 24px;
  }

  .intro-tab-title .nav-link:last-child {
    padding-bottom: 24px;
  }

  .intro-tab-title .nav-link img {
    width: 20px;
    height: 20px;
    margin-right: 12px;
  }

  .intro-tab-title .nav-link.active {
    background: none;
    border-radius: 0;
    box-shadow: none;
  }

  .intro-tab-title .intro-des {
    display: block;
  }

  img.intro-img-normal {
    display: none;
  }

  img.intro-img-active {
    display: block;
  }

  .intro-title .glyphicon-menu-right {
    display: flex;
    font-size: 12px;
    top: 0;
    margin-left: 2px;
    color: #666;
  }

  .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  .intro-title .glyphicon-menu-right:before {
    content: "\e258";
  }

  .intro-des {
    font-size: 14px;
    line-height: 24px;
    margin-top: 6px;
    margin-left: 36px;
  }

  .intro-tab-title a img {
    margin-right: 12px;
    width: 24px;
    height: 24px;
    margin-top: 6px;
  }

  .intro-tab-title .intro-des p {
    display: none;
  }

  .section-feature {
    background: #f8f8f8;
  }

  .section-feature-content {
    flex-direction: column;
  }

  .section-feature-content .nav {
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    margin-bottom: 20px;
  }

  .feature-tab-content {
    padding: 0;
    height: initial;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }

  .feature-tab-content .tab-pane.fade {
    display: block;
    opacity: 1;
    margin-bottom: 12px;
    padding: 20px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 5px 20px -5px rgba(0, 0, 0, 0.06);
    /* border: 1px solid #eee; */
  }

  .feature-tab-content .tab-pane-title {
    display: block;
    color: #222;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
    padding-left: 4px;
  }

  .section-feature .nav .nav-link .nav-title .iconfont {
    display: none;
  }

  /* 更好 */
  .section-bester-content {
    flex-direction: column;
  }

  .section-bester-item {
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 10px;
  }

  .section-bester-pic {
    margin-bottom: 20px;
    height: 100px;
  }

  .section-bester-pic img {
    width: 35%;
  }

  .section-bester-content .section-bester-item:last-of-type {
    margin-bottom: 0px;
  }

  .section-bester-des {
    font-size: 14px;
    line-height: 30px;
    padding-left: 40px;
    margin-bottom: 10px;
  }

  .section-bester-title {
    font-size: 20px;
    line-height: 100px;
  }

  /* 案例 */
  .othercase-item {
    flex-direction: column;
  }

  .othercase-item .container {
    padding: 0;
  }

  .othercase-item-title {
    font-size: 16px;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .othercase-item-title.title-long {
    margin-left: 0;
  }

  .othercase-logos {
    justify-content: center;
    padding: 0 16px;
  }

  .cg-logo-item {
    width: 33.33%;
    margin-bottom: 0;
    padding: 10px 0px;
  }

  .cg-logo-item img {
    /* height: 40px; */
  }

  /* 介绍 */
  .section-intro {
    background-size: 100%;
    min-height: auto;
  }

  .section-intro .intro-block {
    margin: 0;
    padding: 0;
  }

  .section-intro .intro-title {
    text-align: center;
    font-size: 16px;
  }

  .section-intro .intro-list {
    margin: 0 -6px;
  }

  .section-intro .intro-item {
    padding: 10px;
    margin: 6px 10px;
  }

  .section-intro .intro-item-title {
    font-size: 15px;
  }

  .section-intro .intro-item-des {
    font-size: 13px;
  }

  .section-intro .intro-item img {
    width: 36px;
  }

  .section-intro .section-intro-top .intro-item {
    width: calc(50% - 12px);
    margin: 6px;
    /* width: 50%;
    margin: 0;
    border-radius: 0;
    margin-top: -1px;
    margin-left: -1px; */
  }

  .section-intro .section-intro-top .intro-item:first-child {
    border-radius: 6px 0 0 0;
  }

  .section-intro .section-intro-top .intro-item:nth-child(2) {
    border-radius: 0 6px 0 0;
  }

  /* .section-intro .section-intro-top .intro-item:nth-child(9),
  .section-intro .section-intro-top .intro-item:nth-child(10) {
    width: 100%;
  } */
  .section-intro .section-intro-top .intro-item:last-child {
    border-radius: 0 0 6px 6px;
  }

  .section-intro .section-intro-bottom .intro-item {
    width: 100%;
    padding: 20px;
  }

  .section-intro-bottom {
    margin-top: 40px;
  }

  .section-intro-bottom,
  .section-intro-top {
    background: none;
    border: none;
    backdrop-filter: none;
    border-radius: 0;
  }

  .section-case .container {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .logo-item {
    border-radius: 4px;
    margin: 6px;
  }

  .logo-item img {
    height: 36px;
  }

  .section-cert .col-sm-12 {
    margin-bottom: 12px;
  }

  .section-cert .container {
    flex-direction: column;
  }

  .section-cert .cert-box {
    width: 100%;
    margin: 6px 0;
    border-radius: 8px;
  }

  .section-case .swiper-slide {
    width: 100%;
  }

  .foot-nav {
    flex-direction: column;
    display: none;
  }

  .footer-contact {
    font-size: 12px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 24px;

  }

  .footer-contact-right {
    display: flex;
    flex-direction: column;
  }

  .footer-qrcode {
    width: 66px;

    /* margin-right: 12px; */
  }

  .footer-logo {
    height: 20px;
    width: 88px;
    margin-bottom: 10px;
  }

  .foot-link {
    margin-top: 10px;
    flex-direction: column;
  }

  .foot-link ul {
    margin: 0;
    text-align: center;
  }

  .foot-link ul li {
    padding: 0 6px;
  }

  .foot-copyright {
    text-align: center;
    flex-direction: column;
  }

  .foot-wrap {
    padding-top: 0px;
    margin-bottom: 48px;
  }

  .foot-wrap .collapse:not(.show) {
    display: none;
  }

  .foot-wrap .collapsing {
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
  }

  /* .foot-nav-item {
    margin-bottom: 20px;
  } */
  .foot-nav-item-title {
    font-size: 15px;
  }

  .foot-nav-item-content .qrcode {
    display: flex;
  }

  .foot-nav-item:last-child {
    display: none;
  }

  .foot-nav-item-content {
    padding-left: 20px;
  }

  .foot-nav-item:nth-child(5) .foot-nav-item-content:last-child {
    padding-left: 0;
  }

  .foot-nav-item-content:last-child {
    flex-direction: row;
    align-items: center;
  }

  .foot-nav-item-content .qrcode {
    margin-top: 0;
  }

  .foot-nav-item-content .qrcode .qrcode-item-thumb {
    margin-bottom: 0;
  }

  .foot-nav-item-content {
    margin-top: -10px;
    margin-bottom: 20px;
  }

  .foot-nav-item-title.collapsed .icon-arrow,
  .foot-nav-item .collapsed.icon-arrow {
    display: flex;
    transform: rotate(90deg);
    transition: all linear 0.2s;
  }

  .foot-nav-item-title .icon-arrow,
  .foot-nav-item .icon-arrow {
    display: flex;
    transform: rotate(-90deg);
    transition: all linear 0.2s;
  }

  .navbar-collapse {
    background: #fff;
    position: fixed;
    top: 60px;
    left: 0;
    bottom: 0;
    right: 0;
    height: calc(100vh - 60px);
    padding: 0px;
    overflow-y: auto;
    overflow-x: hidden;
  }

  .nav-pro-menu {
    width: 100%;
    padding: 0;
    /* flex-direction: column; */
    flex-wrap: wrap;
  }

  .nav-pro-menu .nav-pro-menu-list .dropdown-item {
    width: 50%;
    padding: 0;
    min-width: initial;
  }

  .nav-pro-menu .nav-pro-menu-list .dropdown-item:hover {
    box-shadow: none;
  }

  .nav-pro-menu .nav-pro-menu-list .dropdown-item .nav-pro-title {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 400;
    height: 44px;
    line-height: 44px;
    color: #333;
  }

  .nav-pro-menu-list {
    padding-left: 48px;
    /* margin-right: 5px;
    margin-left: 5px; */
  }

  .nav-pro-menu-list:last-child {
    margin-right: 0;
    margin-bottom: 12px;
  }

  .nav-pro-menu-list .dropdown-item .nav-pro-des,
  .nav-pro-menu .nav-pro-menu-list .dropdown-item .nav-pro-link {
    display: none;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu.nav-dropdown-menu.nav-pro-menu,
  .navbar-expand-lg .navbar-nav .dropdown-menu.nav-dropdown-menu.nav-scheme-menu {
    border: none;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu.nav-dropdown-menu,
  .navbar-expand-lg .navbar-nav .dropdown-menu.nav-dropdown-menu.nav-dropdown-menu-s {
    position: relative;
    width: 100%;
    top: 0;
    box-shadow: none;
    padding: 0;
    margin-top: 0;
  }

  .nav-sub-menu {
    width: 100%;
    margin: 0;
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu.nav-dropdown-menu.nav-dropdown-menu-s {
    position: relative;
  }

  .navbar-toggler {
    border: none;
    padding: 2px 8px;
    margin-right: -6px;
    width: 46px;
  }

  .navbar-toggler:focus {
    box-shadow: none;
  }

  .navbar .dropdown.open .dropdown-menu {
    display: none;
  }

  .navbar .btn-primary,
  .navbar .btn-link {
    height: 38px;
    line-height: 38px;
    padding: 0;
    display: none;
  }

  .navbar .btn-link {
    display: none;
  }

  .navbar .dropdown.open .dropdown-menu.show {
    display: block;
    transition: all linear 0.2s;
  }

  .nav-case-dropdown-menu.nav-dropdown-menu .container {
    flex-wrap: wrap;
  }

  .nav-case-dropdown-menu .nav-sub-menu {
    width: 33.33%;
  }

  .navbar-collapse {
    transition: all linear 0.1s;
  }

  .navbar-collapse .d-flex {
    border-top: 1px solid #eee;
    padding: 12px 0;
    width: 100%;
    align-items: center;
    padding: 12px;
  }

  .navbar-nav {
    height: auto;
  }

  .navbar-nav-scroll {
    /* height: initial; */
    /* max-height: calc(100vh - 60px - 60px - 24px); */
  }

  .navbar-toggler .icon-close {
    font-size: 24px;
    color: #56585b;
  }

  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    display: none;
  }

  .navbar-toggler[aria-expanded="false"] .icon-close {
    display: none;
  }

  .navbar-toggler.collapsed[aria-expanded="false"] .icon-close {
    display: none;
  }

  .nav-item .nav-link {
    padding: 0 0;
    width: 100%;
    justify-content: space-between;
    height: 48px;
  }

  .nav-item .nav-link.show {
    /* background: #f5f5f5;
    border-radius: 8px; */
  }

  .nav-sub-menu .nav-sub-menu-list .dropdown-item {
    font-size: 14px;
    font-weight: 400;
    height: 44px;
  }

  .nav-scheme-menu.nav-dropdown-menu .container {
    flex-wrap: wrap;
  }

  .nav-scheme-menu.nav-dropdown-menu .container .nav-scheme-menu-left {
    display: none;
  }

  .nav-scheme-menu.nav-dropdown-menu .container .nav-scheme-menu-right {
    padding: 0;
  }

  .nav-scheme-menu .nav-sub-menu .nav-sub-menu-list .dropdown-item {
    width: 50%;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    margin-bottom: 0;
  }

  .dropdown-menu.nav-dropdown-menu.nav-dropdown-menu-s .nav-sub-menu .nav-sub-menu-list .dropdown-item {
    width: 100%;
  }

  .nav-scheme-menu .nav-sub-menu {
    width: 100%;
    margin: 0;
  }

  .nav-item .nav-link span::before {
    display: none;
  }

  /* mobile方案页 */
  .banner-project {
    padding-bottom: 0;
    margin-bottom: 0;
  }

  .banner-project .container .caption {
    /* padding-top: 0; */
    padding-bottom: 0;
    margin: 0;
  }

  .banner-project .des-txt {
    width: 100%;
  }

  .banner-project .pro-banner-pic {
    width: 100%;
    height: auto;
  }

  .banner-project .btn-md {
    font-size: 21px;
    font-size: 18px;
    height: 52px;
    width: 160px;
  }

  .section-point-list {
    padding: 0;
  }

  .section-point-list-item {
    padding: 12px;
    border-radius: 8px;
  }

  .section-point-list-item .icon img {
    height: 100px;
  }

  .section-product-solution .pro-item {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section-product-solution .pro-item-intro-title {
    font-size: 24px;
  }

  .section-point-list-item .text .name {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .pro-item-intro-sub-title {
    font-size: 18px;
  }

  .section-point-list-item .icon {
    height: initial;
  }

  .section-point-list-item .text {
    padding: 6px;
  }

  .section-point-list-item .text .description,
  .section-product-solution .pro-item li {
    font-size: 14px;
    line-height: 24px;
  }

  .section-pro-solutio .main-img {
    margin-bottom: 40px;
  }

  .pro-item .container {
    flex-direction: column;
  }

  .pro-item:nth-child(even) .container {
    flex-direction: column !important;
  }

  .section-product-solution .pro-item-intro .btn-lg {
    margin-bottom: 30px;
    display: none;
  }

  .pro-item:nth-child(odd) .pro-item-pic {
    padding: 0;
    margin: 0;
  }

  .pro-item:nth-child(even) .pro-item-pic {
    padding: 0;
    margin: 0;
  }

  .pro-item-intro {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }

  .pro-item li {
    text-align: left;
  }

  .pro-item-pic img {
    width: 100%;
  }

  .app-install {
    padding: 10px 10px 30px 10px;
    border-radius: 20px 20px 0 0;
  }

  /* 1 */
  .f-form-box-1 {
    right: -1%;
  }

  .f-form-box-2 {
    right: -2.5%;
  }

  .f-form-box-3 {
    left: -2.5%;
  }

  /* 2 */
  .f-flow-box-1 {
    right: -3%;
  }

  .f-flow-box-2 {
    display: none;
  }

  .f-flow-box-3 {
    top: 39%;
    left: -3%;
  }

  /* 3 */
  .f-robot-box-1 {
    right: -3.5%;
  }

  .f-robot-box-2 {
    right: -3%;
  }

  /* 4 */
  .f-dashboard-box-1 {
    left: auto;
    right: -2.5%;
    top: 28%;
  }

  .f-dashboard-box-2 {
    display: none;
  }

  /* 5 */
  .f-print-box-1 {
    left: auto;
    right: -2.5%;
  }

  .f-print-box-2 {
    left: auto;
    right: -2.5%;
  }

  /* 6 */
  .f-tip-box-1 {
    width: 30%;
    left: 72.92%;
    top: 28.2%;
  }

  .f-tip-box-2 {
    width: 30%;
    left: 72.92%;
    top: 49.1%;
  }

  /* 7 */
  .pic-platform-content {
    width: 60.56%;
    position: absolute;
    bottom: -11%;
    right: -29.46%;
  }

  /* 定价mobile */
  .banner-mark {
    display: none;
  }

  .banner-price {
    padding-bottom: 0;
  }

  .banner-price br {
    display: block;
  }

  .banner-price .container .caption {
    margin-bottom: 35px;
    padding-top: 100px;
  }

  .func-group {
    display: none;
  }

  .section-price .container {
    padding: 0;
  }

  .purchasing .swiper-wrapper {
    padding-bottom: 50px;
  }

  .purchasing .choice {
    width: 240px;
    margin: 0;
    padding: 24px 12px 0 12px;
  }

  /* .purchasing .choice .recommend {
    left: 82px;
    top: 26px;
  } */
  .purchasing .choice .item-sub-detail {
    font-size: 14px;
  }

  .purchasing .item-info {
    margin-bottom: 20px;
  }

  .purchasing .choice .btn-lg {
    margin-bottom: 28px;
  }

  .purchasing-note {
    font-size: 14px;
    padding: 0 12px;
    text-align: center;
  }

  .price-detail-all {
    margin: 0 -12px;
  }

  .section-pric-detail {
    margin-bottom: 24px;
    padding-top: 40px;
  }

  .section-pric-detail .price-detail-sub .price-pc {
    display: none;
  }

  .section-pric-detail .price-detail-sub {
    justify-content: center;
    border-bottom: none;
    margin-top: 0;
  }

  .item-icon-wrapper .item-icon {
    margin-right: 8px;
    margin-left: 0;
  }

  .item-icon-wrapper .item-icon:last-child {
    margin-right: 0;
  }

  .section-pric-detail .price-detail-sub .item-icon-wrapper .item-icon span {
    font-size: 12px;
  }

  .fixed-content {
    height: 40px;
    margin: 0;
  }

  .section-pric-detail .price-body {
    margin: 0;
  }

  .main-header,
  .main-header-fixed {
    border-spacing: 0;
    height: 40px;
  }

  .main-body {
    border-spacing: 0;
  }

  .fixed-content .header-item .recommend .intro {
    display: none;
  }

  .main-header .header-item .item-sub-title-first,
  .main-header-fixed .header-item .item-sub-title-first {
    font-size: 14px;
  }

  .main-body .first-order {
    height: 50px;
  }

  .main-body .first-order td {
    font-size: 14px;
    line-height: 50px;
  }

  .main-header .header-item .item-sub-title,
  .main-header .header-item .item-sub-title-first,
  .main-header-fixed .header-item .item-sub-title,
  .main-header-fixed .header-item .item-sub-title-first {
    font-size: 14px;
    white-space: nowrap;
  }

  .main-body .first-order td:first-child i,
  .main-body .first-order-detail .second-order .second-padding i {
    font-size: 16px;
    margin-left: 4px;
  }

  .main-header .item-button,
  .main-header-fixed .item-button {
    display: none;
  }

  .main-header .header-item:first-child,
  .main-header-fixed .header-item:first-child {
    padding-left: 8px;
    width: 40%;
    line-height: 40px;
  }

  .section-pric-detail .price-detail-sub .pickup-all,
  .section-pric-detail .price-detail-sub .strech-all {
    padding-left: 8px;
  }

  .main-body .first-order td:first-child {
    padding-left: 8px;
    width: 50%;
  }

  .main-body tbody tr td:first-child,
  .main-body thead tr td:first-child {
    width: 50%;
  }

  .main-body .first-order-detail .second-order-detail {
    height: 40px;
  }

  .main-body .body-item:first-child {
    font-size: 12px;
    line-height: 40px;
    padding-left: 8px;
  }

  .main-body .body-item {
    font-size: 12px;
    line-height: 40px;
  }

  .main-body .body-item span {
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
  }

  .main-body .first-order-detail .second-order .second-padding {
    padding-left: 8px;
  }

  .main-body .first-order-detail .second-order-detail td:first-child {
    font-size: 12px;
    line-height: 40px;
    padding-left: 18px;
  }

  .main-body .first-order-detail .second-order-detail td {
    font-size: 12px;
    line-height: 40px;
  }

  .main-body .first-order-detail .second-order-detail td span {
    line-height: 16px;
    display: inline-block;
    vertical-align: middle;
  }

  .price-banner-wrapper {
    border-radius: 8px;
    font-size: 14px;
    padding: 28px 16px;
  }

  .price-banner-wrapper .extra {
    font-size: 16px;
  }

  .section-pric-detail .contact-wrapper {
    margin-bottom: 35px;
  }

  .use-list {
    flex-direction: column;
    align-items: center;
  }

  .use-list .use-item .use-item-up .up-left {
    font-size: 48px;
  }

  .use-list .use-item .use-item-up .up-left span {
    font-size: 16px;
  }

  .use-list .use-item .use-item-up .up-left span.icon1:before,
  .use-list .use-item .use-item-up .up-left span.icon2:before,
  .use-list .use-item .use-item-up .up-left span.icon3:before {
    top: 15px;
  }

  .use-list .use-item .use-item-down {
    font-size: 16px;
  }

  .fx-price .use-bg-wrapper {
    height: 198px;
  }

  /* 行业方案移动 */
  .banner-industry {
    padding-top: 120px;
    height: inherit;
    background-position: right center;
  }

  .banner-industry .caption-title {
    font-size: 32px;
    line-height: 48px;
    margin: 0;
  }

  .banner-industry .des-txt {
    font-size: 16px;
    line-height: 24px;
    margin: 12px 0 14px;
  }

  .template-swiper-title {
    height: 32px;
    width: 96%;
    margin-bottom: 24px;
  }

  .template-swiper-title .swiper-slide {
    font-size: 12px;
  }

  .template-swiper-content .swiper-wrapper .install-block {
    width: 240px;
  }

  .template-swiper-content .swiper-wrapper .install-block .title {
    font-size: 18px;
    line-height: 22px;
  }

  .banner-industry .btn-lg {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    margin-top: 8px;
  }

  .industry-manufacturing-page .section-hard {
    margin-top: 0;
  }

  .section-hard .container {
    flex-wrap: wrap;
  }

  .section-hard-box {
    width: 100%;
    padding: 30px;
    margin-bottom: 12px;
  }

  .section-hard-box .hard-box-content img {
    width: 48px;
    height: 48px;
  }

  .section-hard-box .content-title {
    font-size: 18px;
  }

  .section-hard-box .content-text {
    font-size: 14px;
  }

  /* 
  .section-hard-box .hard-box-content {
    opacity: 0;
  }
  .section-hard-box .hard-box-content-hover {
    opacity: 1;
    padding: 30px;
  }
  .section-hard-box .hard-box-content-hover .content-title {
    margin-top: 0;
    font-size: 16px;
  } */
  .section-scale-content .scale-item {
    width: 100%;

    padding: 20px 16px;
  }

  .section-scale-content .scale-item .scale-item-content .scale-item-content-container {
    padding: 10px 0;
  }

  .section-scale-content .scale-item .scale-item-title {
    font-size: 16px;
  }

  .section-scale-content .scale-item .scale-item-content .scale-item-content-container .scale-item-content-item {
    font-size: 14px;
  }

  .section-advantage-content {
    flex-direction: column;
  }

  .section-advantage-content .section-advantage-content-img-wrapper {
    margin: 0 auto;
    width: 77%;
  }

  .section-advantage-content .section-advantage-content-img-wrapper .block2-img1 {
    right: 16px;
  }

  .section-advantage-content .section-advantage-content-img-wrapper .block2-img2 {
    bottom: 41px;
  }

  .section-advantage-content .section-advantage-content-left,
  .section-advantage-content .section-advantage-content-right {
    display: none;
  }

  .section-advantage-content-mobile {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .section-advantage-content-mobile .block2-content-des {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 17px;
    width: 50%;
  }

  .section-advantage-content-mobile .block2-content-des .des-img-wrapper {
    height: 40px;
    margin-right: 8px;
    width: 40px;
  }

  .section-advantage-content-mobile .block2-content-des .des-img-wrapper>img {
    height: 40px;

    width: 40px;
  }

  .section-advantage-content-mobile .block2-content-des .block2-content-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
  }

  .section-advantage-content-mobile .block2-content-des .block2-content-text {
    font-size: 14px;
    color: #666;
  }

  .section-advantage-content-mobile .block2-content-des:nth-child(odd) {
    border-right: 1px solid #e7e7e7;
  }

  .section-advantage-content-mobile .block2-content-des:nth-child(-n + 2) {
    border-bottom: 1px solid #e7e7e7;
  }

  /* 亮点场景 */
  .section-point-scene .container {
    display: unset;
  }

  .industry-scene-swiper-title,
  .industry-scene-swiper-content {
    display: none;
  }

  .industry-scene-mobile {
    display: block;
  }

  .industry-scene-mobile .light-point-list {
    padding: 0;
  }

  .industry-scene-mobile .light-point-list .active .light-point-item-img-wrapper {
    display: block !important;
  }

  .industry-scene-mobile .light-point-list .light-point-item-img-wrapper img {
    max-width: 100%;
  }

  .industry-scene-mobile .light-point-list .light-point-item {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px #e8f3ff;
    padding: 20px 16px;
    margin: 16px;
  }

  .industry-scene-mobile .light-point-list .light-point-item .light-point-item-title {
    font-size: 16px;
    font-weight: 600;
  }

  .industry-scene-mobile .light-point-list .light-point-item .light-point-item-text {
    font-size: 14px;
    line-height: 24px;
    padding: 8px 0 12px;
  }

  /* .industry-scene-mobile .light-point-list .light-point-item .light-point-item-img-wrapper {
  display: none
} */

  .industry-scene-mobile .light-point-list .light-point-item .bricks-btn {
    background: #e6f9f5;
    border-radius: 2px;
    color: #00c29a;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px;
    height: 28px;
    line-height: 22px;
    width: 112px;
    display: none;
  }

  .industry-scene-mobile .light-point-list .light-point-item .bricks-btn:hover {
    background: #00c29a;
    color: #fff;
  }

  .industry-scene-mobile .light-point-list .light-point-item .bricks-btn:hover .iconfont {
    -webkit-transform: none;
    transform: none;
  }

  .section-reason-panes {
    flex-direction: column;
  }

  .pane {
    padding: 16px 16px 0 16px;
    width: 100%;
    /* border-bottom: 1px solid #eee; */
  }

  .pane .pane-content .content-left .left-des {
    font-size: 16px;
  }

  .pane:hover {
    background: none;
  }

  .pane img {
    width: 40px;
    height: 40px;
    margin-right: 20px;
  }

  .pane:last-child {
    margin-bottom: 16px;
  }

  .about-page .banner-about {
    height: 400px;
  }

  .about-page .banner-about .caption-title {
    font-size: 30px;
  }

  .about-page .banner-about .caption-title span {
    font-size: 40px;
  }

  .about-page .about-intro {
    padding: 20px 20px;
    font-size: 16px;

    margin-top: -120px;
  }

  .section-othercase {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
    background: url(/assets/images/home/othercase-bg.png) top;
  }

  /* news */
  .news .news-list {
    padding: 16px;
    border-radius: 8px;
    margin-top: -350px;
  }

  .news .media-row {
    flex-direction: column;
    padding: 0;
    margin-bottom: 24px;
    border-bottom: none;
  }

  .news .media-row .media-left {
    padding-right: 0;
    width: 100%;
    height: 200px;
    margin-bottom: 16px;
  }

  .news .media-row .media-object {
    width: 100%;
    margin-bottom: 12px;
  }

  .news-detail .news-top {
    padding-top: 100px;
    margin: 0 0 20px 0;
  }

  .news-detail .news-content {
    padding: 24px;
  }

  .news-detail img {
    max-width: 100%;
  }

  .section-benefit-list {
    /* display: block; */
    padding: 30px 0;
  }

  .section-benefit-item {
    padding: 0 10px;
  }

  .section-benefit-item img {
    width: 80%;
  }

  .section-benefit-item .title {
    font-size: 16px;
  }

  .section-benefit-item .des {
    font-size: 12px;
  }

  .section-join-item {
    height: auto;
    padding-left: 30px;
  }

  .section-join-item .title {
    font-size: 18px;
  }

  .section-join-item .des {
    font-size: 14px;
  }

  .section-contact-list {
    padding: 20px;
    display: block;
  }

  .section-contact-item img {
    margin-right: 20px;
    width: 50px;
  }

  .section-contact-item {
    width: 100%;
    align-items: flex-start;
  }

  .section-contact-item:first-child {
    margin-bottom: 20px;
  }

  .section-contact-item .title {
    font-size: 16px;
  }

  .section-contact-item .des {
    margin-bottom: 5px;
  }

  .product-scheme-pic {
    max-width: 100%;
  }

  .product-page .banner-product {
    padding-top: 100px;

    height: auto;
  }

  .product-page .banner-product .container {
    flex-direction: column;
  }

  .product-page .banner-product.banner .caption-pic {
    display: block;
    margin: 30px 0 40px 0;
    padding: 8px;
  }

  .product-page .banner-product .caption-pic img {
    width: 100%;
  }

  .product-page .banner-product.product-sales-banner .caption-pic img.mobile-img {
    width: 35%;
    right: -5%;
    bottom: -5%;
    padding: 8px;
  }

  .product-page .banner-product.banner .caption-pic {
    width: 86%;
  }

  .product-page .banner-product.product-pass .caption-pic .pass-side {
    width: 32%;
    left: -7%;
    top: 11%;
  }

  .product-page .banner-product.product-pass .caption-pic .pass-field {
    width: 38%;
    right: -9%;
    bottom: 2%;
  }

  .product-page .banner-product.banner-product-bi .caption-pic .bi-thumbnail {
    width: 112%;
    right: -3%;
    bottom: -14%;
  }

  .product-page .banner-product.banner-product-openapi .caption-pic .main-pic {
    max-width: none;
  }

  .product-page .banner-product.banner-product-openapi .caption-pic .openapi-thumbnail {
    width: 124%;
    right: -13%;
    bottom: -1%;
  }

  .product-page .banner.banner-product .btn-lg {
    display: none;
  }

  .problem-list .problem-item {
    width: 100%;
    flex: 0 0 100%;
    margin: 0;
    margin-bottom: 12px;
    height: auto;
  }

  .problem-list .problem-item .left-box img {
    width: 48px;
    height: 48px;
  }

  .problem-list .problem-item .left-box {
    padding: 20px;
  }

  .problem-list .problem-item .left-box .name {
    font-size: 18px;
  }

  .problem-list .problem-item .desc {
    font-size: 14px;
  }

  .section-solution h1 {
    position: relative;
    z-index: 2;
  }

  .banner-solution {
    height: 350px;
    padding-top: 60px;
    background-size: cover;
    background-position: 0 0;
  }

  .swiper-industry .swiper-wrapper {
    display: none;
  }

  .swiper-industry {
    margin-top: 0;
  }

  .swiper-industry-content {
    width: 100%;
    padding: 28px 16px;
  }

  .swiper-industry-img {
    display: none;
  }

  .m-swiper-industry-img {
    display: block;
    background: #fff;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    border-radius: 8px;
  }

  .swiper-industry2 .swiper-slide {
    height: 456px;
  }

  .swiper-industry-btn {
    height: 40px;
    width: 128px;
    font-size: 16px;
  }

  .swiper-button-next,
  .swiper-button-prev {
    width: 30px;
    height: 30px;
  }

  .swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 14px;
  }

  .news .media-row .media-heading {
    font-size: 16px;
  }

  .news .media-row .media-body p {
    font-size: 14px;
    margin-bottom: 10px;
  }

  .news .media-row .list-inline {
    margin-top: 0;
  }

  .home-section-logos {
    /* display: none; */

    width: calc(100% - 32px);
  }

  .scroll-logos {
    width: calc(134px*34);
    left: -10px;
    top: 22px;
  }

  .home-section-logos .logo-item {
    width: 134px;
  }

  .home-section-logos .logo-item img {
    height: 45px;
  }

  .pc-menu {
    display: none !important;
  }

  .mobile-menu.show {
    display: block !important;
  }

  /*  */
  a.product-head-item {
    position: relative;
    display: flex;
    padding: 10px 0;
    align-items: center;
    text-decoration: none;
    /* border-bottom: 1px solid #eee; */
  }

  .h2 a.product-head-item {
    /* border-bottom: 1px solid #fff; */
  }

  .h2 .product-head-item .nav-arrow-down {
    transform: rotate(180deg);
    transition: all linear 0.2s;
  }

  .product-head-item .nav-arrow-down {
    color: #999;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    transition: all linear 0.2s;
  }

  .product-head-item img {
    width: 36px;
    height: 36px;
    margin-right: 12px;
  }

  .product-head-item-content {
    display: flex;
    flex-direction: column;

  }

  .product-head-item .product-head-title {
    font-size: 16px;
    font-weight: 600;
    color: #222;
  }

  .product-head-item .product-head-des {
    font-size: 12px;
    color: #545454;

  }

  .mobile-menu .dropdown-m-title {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 12px;
    margin-top: 6px;
  }

  .mobile-menu .dropdown-m-title img {
    width: 24px;
    height: 24px;
    margin-right: 5px;
  }

  .mobile-menu .dropdown-m-list {
    display: flex;
    flex-wrap: wrap;
    padding: 6px 0 12px 48px;
    /* border-bottom: 1px solid #eee; */
  }

  .mobile-menu .dropdown-m-list-s {
    padding: 0 0 0 0;
    margin-bottom: 12px;
  }

  .mobile-menu .product-class-link {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #715EE8;
    line-height: 22px;
    cursor: pointer;
    text-decoration: none;
    width: 100%;
  }

  .mobile-menu .nav-pro-link {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-radius: 8px;
    width: 220px;
    text-decoration: none;
    background: none !important;
  }

  .mobile-menu .nav-pro-link:hover {
    background: rgba(0, 76, 249, 0.05);
    text-decoration: none;
  }

  .mobile-menu .nav-pro-link img {
    width: 30px;
    margin-right: 10px;
  }

  .mobile-menu .nav-pro-link-left {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    color: #777;
  }

  .mobile-menu .nav-pro-link-left div {
    color: #222;
    font-size: 16px;
  }

  .mobile-menu .nav-pro-link-left span {
    color: #222;
    font-size: 18px;
  }

  .mobile-menu .product-class-link .arrow-icon {
    height: 12px;
    width: 12px;
    margin-left: 4px;
  }

  .mobile-menu .dropdown-menu li a {
    padding: 0;
    margin: 0;
    font-size: 13px;
    color: #333;
  }

  .mobile-menu a.dropdown-m-item {
    flex: 0 0 50%;
    line-height: 36px;
    font-size: 14px;
    padding: 0;
    display: flex;
    align-items: center;
    color: #333;
    text-decoration: none;
  }

  .mobile-menu a.dropdown-m-item img {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    display: none;
  }

  #menu {
    font-size: 16px;
    padding: 0 24px;
    height: calc(100vh - 60px);
    overflow-x: hidden;
    overflow-y: auto;
  }

  #menu h1,
  #menu h2 {
    font-size: 16px;
    margin: 0;
    line-height: initial;
  }

  #menu h1 .iconfont,
  #menu h2 .iconfont {
    transform: rotate(0deg);
  }

  #menu h1.h1 .iconfont,
  #menu h2.h2 .iconfont {
    transform: rotate(180deg);
  }

  #menu h2 .iconfont {
    position: absolute;
    right: 0%;
    color: #999;
  }

  #menu ul {
    padding: 0;
    margin: 0;
  }

  #menu .no {
    display: none;
  }

  #menu label {
    display: block;
  }

  #menu .menu-item {
    height: 50px;
    align-items: center;
    display: flex;
    justify-content: space-between;
    color: #222;
    font-weight: 700;
    text-decoration: none;
    width: 100%;
    border-bottom: 1px solid #eee;
  }

  #menu .h1 .menu-item {
    border-bottom: none;
  }

  #menu span {
    border-bottom: 1px solid #eee;
    display: block;
    padding-bottom: 12px;
  }

  #menu span.no {
    border-bottom: none;
  }

  #menu .menu-item .nav-arrow-down {
    font-size: 14px;
    transform: rotate(0);
    transition: all linear 0.2s;
  }

  #menu .h1 .menu-item .nav-arrow-down {
    transform: rotate(180deg);
    transition: all linear 0.2s;
  }

  #menu .menu-list a {
    line-height: 36px;
    font-size: 14px;
    display: block;
    color: #222;
    text-decoration: none;
  }

  #menu .menu-btns {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
  }

  #menu .menu-btns .btn-link-txt {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #222;
    font-weight: 400;
    text-decoration: none;
    font-weight: 700;
    margin-right: 10px;
  }

  #menu .menu-btns .btn-link-txt .icon-phone {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    filter: brightness(10%);
  }



  #menu .menu-btns .btn-nav-blue {
    background: #004CF9;
    color: #fff !important;
    width: 106px;
  }
}