:root {
    --ss-width: 100vw;
    --ss-width-full: 100%;
    --ss-base-width: 1440px;
    --ss-size-base-plus: 12px;
    --ss-base-bg:#3E83BE;
    --ss-base-bule:#4D92CE;
    --ss-base-bule-1:#3E83BE;
    --ss-base-bule-2:#6D7278;
    --ss-base-gray-1:#717070;
    --ss-base-white:#FFFFFF;
    --ss--color-white:#FFFFFF;
    --ss-size-half: 3px;
    --ss-size-base: 6px;
    --ss-size-9x: 54px;
    --ss-size-8x: 48px;
    --ss-size-7x: 42px;
    --ss-size-6x: 36px;
    --ss-size-5x: 30px;
    --ss-size-4x: 24px;
    --ss-size-3x: 18px;
    --ss-size-2x: 12px;
    --ss-size-13x: 78px;
    --ss-size-12x: 72px;
    --ss-size-11x: 66px;
    --ss-size-10x: 60px;
    --ss-number-base-plus: 12;
    --ss-number-half: 3;
    --ss-number-base: 6;
    --ss-number-9x: 54;
    --ss-number-8x: 48;
    --ss-number-7x: 42;
    --ss-number-6x: 36;
    --ss-number-5x: 30;
    --ss-number-4x: 24;
    --ss-number-3x: 18;
    --ss-number-2x: 12;
    --ss-number-13x: 78;
    --ss-number-12x: 72;
    --ss-number-11x: 66;
    --ss-number-10x: 60;
    --ss-opacity-1: 0.1;
    --ss-opacity-2: 0.2;
    --ss-opacity-3: 0.3;
    --ss-opacity-4: 0.4;
    --ss-opacity-5: 0.5;
    --ss-opacity-6: 0.6;
    --ss-opacity-7: 0.7;
    --ss-opacity-8: 0.8;
    --ss-opacity-9: 0.9;
    --ss-opacity-10: 1;
    --ss-color-light-gray: #F4F4F4;
  }
  .ss-page-btn{
    width: 10rem;
    height: 3rem;
    font-size: 1.125rem;
    line-height: 1.5rem;
    background: #3E83BE;
    border-radius: 0px 0px 0px 0px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .8s;
    cursor: pointer;
  }
  video::-webkit-media-controls-play-button {
      display: none !important;
      -webkit-appearance: none;
  }
  .ss-hide{
    display: none !important;
  }
  .ss-show{
    display: block !important;
  }
  /* PC 端移动端显示隐藏 */
  .mobile-only {
    display: none !important;
  }
  .desktop-only {
    display: block;
  }
  
  .ss-page-btn:hover{
    color: #fff;
    background: #266DAA;
  }
  
  .ss-text-center{
    text-align: center;
  }
  
  .ss-bg-light-gray{
    background: var(--ss-color-light-gray);
  }
  
  .ss--color-white{
    color: var(--ss-base-white);
  }
  
  .ss--color-bule{
    color: var(--ss-base-bule);
  }
  .ss--color-bule-1{
    color: var(--ss-base-bule-1);
  }
  .ss--color-bule-2{
    color: var(--ss-base-bule-2);
  }
  .ss--color-gray-1{
    color: var(--ss-base-gray-1);
  }
  .ss-opacity-7{
    opacity: var(--ss-opacity-7);
  }
  .ss-fs-18{
    font-size: 1.125rem !important;
  }
  .ss-normal-title{
    font-weight: 900;
    font-size: 3.75rem;
    color: #2C2D2D;
    line-height: 2.375rem;
    font-style: normal;
    text-transform: none;
  }
  .ss-normal-desc{
    font-weight: 400;
    font-size: 1.375rem;
    color: #6D7278;
    line-height: 1.875rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }
  .ss-padding-base-4x{
    padding-top:4rem !important;
    padding-bottom:4rem !important;
  }
  .ss-padding-top-4x{
    padding-top:4rem !important;
  }
  .ss-padding-bottom-4x{
    padding-bottom:4rem !important;
  }
  .ss-padding-bottom-6x{
    padding-bottom:6rem !important;
  }

  .ss-padding-top-0x{
    padding-top:0rem !important;
  }
  .ss-padding-bottom-0x{
    padding-bottom:0rem !important;
  }
  .ss-margin-top-0x{
    margin-top:0rem !important;
  }
  .ss-margin-top-1x{
    margin-top:1rem !important;
  }
  .ss-margin-top-2x{
    margin-top:2rem !important;
  }
  .ss-margin-top-3x{
    margin-top:3rem !important;
  }
  .ss-margin-top-4x{
    margin-top:4rem !important;
  }
  .ss-margin-left-0x{
    margin-left:0rem !important;
  }
  .ss-margin-left-1x-half{
    margin-left:0.5rem !important;
  }
  .ss-margin-left-1x{
    margin-left:1rem !important;
  }
  .ss-margin-left-2x{
    margin-left:2rem !important;
  }
  .ss-margin-left-3x{
    margin-left:3rem !important;
  }
  .ss-margin-left-4x{
    margin-left:4rem !important;
  }
  .ss-margin-bottom-0x{
    margin-bottom:0rem !important;
  }
  .ss-margin-bottom-1x{
    margin-bottom:1rem !important;
  }
  .ss-margin-bottom-2x{
    margin-bottom:2rem !important;
  }
  
  /*header*/
  .header{
    position: sticky;
    top: 0;
    background: #ffffff;
    z-index: 20000;
  }
  .header .nav_container .nav_box li a.nav_item_select.active, .header .nav_container .nav_box li:hover a.nav_item_select, .mobile_header .nav_box_show .nav_box_link li.active a{
    color:var(--ss-base-bule-1)
  }
  .header .nav_container .nav_box li a.nav_item_select::after{
    background-color: var(--ss-base-bule-1);
  }
  .header .bnts_box .show_shop{
    border-radius:0;
    padding: 5px 15px;
    background-color: var(--ss-base-bule-1);
  }
  /*header*/
  .layout-content .swiper_box{
    height:calc(100vh - 96px);
    background: black;
  }
  .layout-content  .swiper_img_contain{
    width: 100%;
    object-fit: contain;
    height: 100%;
  }
  /*home*/
  .layout-content .section-smart-box {
    width: var(--ss-width);
    height: 49vw;
    display: flex;
    align-items: center;
    color: #fff;
    margin-bottom:0
  }
  .layout-content .section-smart-box.lazyloaded{
    background: linear-gradient( 86deg, #121212 0%, rgba(120,120,120,0) 100%),url(/wp-content/uploads/2025/03/home-1.webp);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .layout-content .section-box .row{
    margin-right: 0;
    margin-left: 0;
  }
  .layout-content .section-box .order-1{
    order:1
  }
  .layout-content .section-box .order-2{
    order:2
  }
  .layout-content .section-box-relative{
    position: relative;
  }
  .layout-content  .section-box .img-fluid{
    width: 100%;
    height: 100%;
  }
  
  .layout-content .section-box{
    padding:0 12.25rem
  }
  .layout-content .section-box-full{
    padding:0
  }
  .layout-content .section-box .col-md-6 , .layout-content .section-box .col-md-12 , .layout-content .section-box .col-sm-12{
    padding-right: 0;
    padding-left: 0;
  }
  .layout-content .col-md-padding-both-init{
    padding-right: 0;
    padding-left: 0;
  }
  
  .layout-content .section-box .detail_info {
    max-width: 31rem;
  }
  .layout-content .section-box .detail_info_full {
    max-width: 100%;
  }
  
  .layout-content .section-box .ss-width-full {
    max-width: 100%;
  }
  
  .layout-content .section-box .detail_info  .title{
    font-size: 2.5rem;
    /* color: #FFFFFF; */
    line-height: 3.125rem;
    margin-bottom: 2rem;
  }
  .layout-content .section-box .detail_info .title  .sub-title{
    font-weight: 400;
    font-size: 1.5rem;
    /* color: #4D92CE; */
    line-height: 2rem;
    margin-top:0.625rem
  }
  .layout-content .section-box .detail_info .sub-title{
    font-weight: 400;
    font-size: 1.5rem;
    /* color: #4D92CE; */
    line-height: 2rem;
    margin-top:0.625rem
  }
  .layout-content .section-box .detail_info .desc{
    font-weight: 400;
    font-size: 1.375rem;
    margin-bottom: 3.5rem;
    /* color: #FFFFFF; */
    line-height: 1.875rem;
    font-style: normal;
  }
  .layout-content .section-box .detail_info .desc_ul li{
    line-height: 2rem;
    list-style: inside;
  }
  /*header*/
  .header .nav_container .nav_box li{
    cursor: pointer;
    padding-right: 1.875em;
    padding-left: 1.875em;
    border-right: 1px solid #B4B4B4;
    margin-right:0;
  }
  .header .nav_container .nav_box li:last-child{
    border-right: none;
  }
  /*header*/
  /*video*/
  .ss-video-controls{
    position: absolute;
    display: flex;
    justify-content: center;
    width:100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    color: var(--ss--color-white);
  }
  .ss-video-controls .ss-video-controls-mask{
    width:100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    display: none;
  }
  .ss-video-controls .ss-video-controls-wrap{
    width:100%;
    height: 100%;
    padding: 0 20%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(23, 23, 23, 0.79);
  }
  .ss-video-controls .ss-video-controls-wrap .video-controls-btn{
    width: 14rem;
    height: 14rem;
    cursor: pointer;
    background: url(../images/play.png) no-repeat center center;
    background-size: 100% 100%;
  }
  .ss-video-controls .ss-video-controls-wrap .video-controls-text{
    font-size: 2.8125rem;
    line-height: 4rem;
    margin-top: 3.25rem;
    color: rgba(255, 255, 255, 0.79);
    text-align: center;
  }
  /*video*/
  .layout-content .section-future-box {
    width: var(--ss-width);
    height: 33.5rem;
    display: flex;
    align-items: center;
    color: #fff;
    margin-bottom: 13rem;
  }
  .layout-content .section-future-box.lazyloaded {
		background: linear-gradient( 280deg, #121212 0%, rgba(120,120,120,0) 100%),url(/wp-content/uploads/2025/03/home-2.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
	}
  .layout-content .section-future-box .row{
    width: var(--ss-width-full);
    justify-content: flex-end;
  }
  
  .layout-content .section-future-box .detail_info{
    max-width: 27.875rem;
    margin-right: 0;
    margin-left: 0;
  }
  
  .layout-content .section-future-box .detail_info .desc{
    font-size: 1.25rem;
  }
  
  .layout-content .section-future-box .detail_info .title{
    font-weight: 900;
    font-size: 2.1875rem;
    color: #4D92CE;
    line-height: 2.375rem;
  }
  
  .layout-content .section-Aanalytics-box{
    height: 35.9375rem;
    display: flex;
    align-items: center;
    background: #F4F4F4;
  }
  .layout-content .section-Aanalytics-box .detail_info{
    max-width: 40rem;
  }
  .layout-content .section-Aanalytics-box .detail_info .title{
    font-weight: 400;
    font-size: 2.5rem;
    color: #2C2D2D;
    line-height: 3.125rem;
  }
  .layout-content .section-Aanalytics-box .detail_info .sub-title{
    font-weight: 400;
    font-size: 1.5rem;
    color: #3E83BE;
    line-height: 3.125rem;
  }
  .layout-content .section-Aanalytics-box .detail_info .desc{
    font-weight: 400;
    font-size: 1.375rem;
    color: #6D7278;
    line-height: 1.875rem;
  }
  
  .layout-content .section-Aanalytics-box .img_box_absolute{
    width: 29.6875rem;
    height: 37.3125rem;
    position: absolute;
    right: 0;
    bottom: 4.75rem;
    width:auto
  }
  .layout-content .section-rack-box{
    padding-left: 7.125rem;
    margin-top: 7.125rem;
    margin-bottom: 7.9375rem;
  }
  .layout-content .section-rack-box .section-rack-box-img{
    width:30.0625rem;
    height: 38.9375rem;
    max-width:30.0625rem;
    max-height: 38.9375rem;
  }
  .layout-content .section-rack-box .detail_info{
    max-width: 34.875rem;
    margin-left: 5.6875rem;
  }
  .layout-content .section-rack-box .detail_info .title{
    font-weight: 400;
    font-size: 2.5rem;
    color: #2C2D2D;
    line-height: 3.125rem;
  }
  .layout-content .section-rack-box .detail_info .sub-title{
    font-weight: 400;
    font-size: 1.5rem;
    color: #3E83BE;
    line-height: 3.125rem;
  }
  .layout-content .section-rack-box .detail_info .desc{
    font-weight: 400;
    font-size: 1.25rem;
    color: #6D7278;
    line-height: 1.875rem;
  }
  .layout-content .section-grid-box {
    height: 22.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .layout-content .section-grid-box .title{
    font-weight: 400;
    font-size: 2.5rem;
    color: #2C2D2D;
    line-height: 3.125rem;
    text-align: center;
  }
  .layout-content .section-grid-box .col-md-4{
    padding-left: 20px;
    padding-right: 20px;
  }
  .layout-content .section-grid-box  .rule_info .rule_item {
    padding: 0 20px!important;
  }
  .layout-content .section-grid-box .rule_info .rule_item:nth-child(2)::before{
    content: '';
    position: absolute;
    width: 1px;
    height: 90px;
    background-color: #000000;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .layout-content .section-grid-box .rule_info .rule_item:nth-child(2)::after{
    content: '';
    position: absolute;
    width: 1px;
    height: 90px;
    background-color: #000000;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
  }
  .layout-content .section-grid-box  .rule_info .rule_item .rule_info_title{
    font-size: 24px;
    font-weight: 500;
    color: #022850;
    line-height: 1;
    margin-bottom: 30px;
  }

  .layout-content .section-grid-box .rule_info .rule_item .rule_info_desc {
    font-size: 16px;
    font-weight: 300;
    color: #022850;
    opacity: 1;
  }
  .layout-content  .section-box .section-box-row{
    margin-top: 3.3125rem;
  }
  .layout-content  .section-box .section-box-row .box-row-title{
    font-weight: 400;
    font-size: 1.5rem;
    color: #3E83BE;
    line-height: 3.125rem;
  }
  
  .layout-content  .section-box .section-box-row .box-row-desc{
    margin-top: 2rem;
    font-weight: 400;
    font-size: 1.375rem;
    color: #6D7278;
    line-height: 1.875rem;
  }
  
  
  .cooperation_content .cooperation_content_box{
    padding: 0 8rem;
    flex-wrap: wrap;
    box-sizing: border-box;
    justify-content: space-around;
    margin: 0 auto !important;
  }
  .cooperation_box .title{
    font-weight: 400;
    font-size: 2.5rem;
    color: #2C2D2D;
    line-height: 3.125rem;
  }
  .contact-box{
    background: #D6E1F2;
  }
  /* cooperation - loop  */
    .cooperation_loop .cooperation_loop_box{
      flex-wrap: wrap;
      box-sizing: border-box;
      justify-content: space-around;
      margin: 0 auto !important;
    }
    .cooperation_loop .cooperation_loop_box .item_img{
      width: 7.5rem;
      height: 3.75rem;
      margin-right: 1.5rem;
      flex-shrink: 0;
    }
    .cooperation_loop .cooperation_loop_box .item_img img{
      width: 100%;
      height: 100%;
    }
    .cooperation_loop {
      padding: 0 8rem;
    }
    .cooperation_loop .title_wrap{
      font-weight: 400;
      font-size: 1rem;
      color: #2C2D2D;
      line-height: 3rem;
      margin-bottom:50px;
      position: relative;
      text-align: center;
    }
    .cooperation_loop .title_wrap .cooperation_box_title{
      position: relative;
      z-index: 10;
      background: #fff;
      display: inline-block;
      padding: 0 2rem;
    }
    .cooperation_loop .title_wrap .line{
      position: absolute;
      width: 100%;
      height: 2px;
      background: #BEBEBE;;
      top: 50%;
      left: 0;
    }
    .cooperation_loop_box_wrap {
      overflow: hidden;
      display: flex;
      flex-direction: column;
      margin: auto;
      margin-bottom: 1.2rem;
  }
  /* cooperation - loop  */
  .contact-box .contact_us .contact_us_title{
    font-size: 38px;
    color: #2C2D2D;
    line-height: 48px;
    margin-bottom: 48px;
  }
  .contact-box .contact_us .form_box .form_input_box .input_box .input_item input{
    color: #6D7278;
  }
  .contact-box .contact_us .form_box .textarea_box textarea{
    color: #6D7278;
  }
  
  .contact-box  .contact_us .form_box .rule_box .link{
    color: #3E83BE;
  }
  .contact-box .contact_us .form_box .submit_btn{
    border-radius: 0;
  }
  .contact-box  .contact_us .form_box .form_input_box .input_box .input_item .up_arr{
    background: url(../images/connect_dow_1.png) no-repeat center center;
    background-size: 100% 100%;
  }
  .contact-box .contact_us .form_box .form_input_box .input_box .options_list{
    border-radius: 0;
  }
  .contact-box .contact_us .form_box .form_input_box .input_box .options_list .opt_item:hover{
    color: #3E83BE;
  }
  .contact-box .contact_us .form_box .form_input_box .input_box .options_list .opt_item{
    border-radius: 0;
  }
  .contact-box .contact_us .form_box .submit_btn{
    background-color: #3E83BE;
  }
  .contact-box .contact_us .form_box .submit_btn{
    background-color: #3E83BE;
  }
  .contact-box  .contact_us .form_box .submit_btn.disabled{
    background-color: #ddd;
  }
  .contact-box  .contact_us .crm-item{
    display: none;
  }
  .contact-box  .show_mobile_br{
    display: none;
  }
  .cooperation_content .cooperation_content_box .item_img img{
    width: 100%;
    height: 100%;
  }
  .contact_wrap{
    width: 1160px;
    margin: 0 auto;
  }
  .sales_box{
    margin-bottom: 130px !important;
    margin-top: 188px !important;
  }
  .contact_item{
    width: 480px;
    margin-top: 88px;
  }
  .contact_item .contact_item_title{
    font-weight: 700;
    font-size: 28px;
    color: #3E83BE;
    line-height: 48px;
    text-align: left;
  }
  .contact_item .contact_item_sub_title{
    font-size: 18px;
    font-weight: 900;
    color: #3E83BE;
    line-height: 26px;
    text-align: left;
  }
  .contact_item .contact_item_text{
    font-weight: 400;
    font-size: 20px;
    color: #6D7278;
    line-height: 26px;
    text-align: left;
    display: flex;
    align-items: center;
  }
  /*store*/
  .layout-content .section-box .section-box-smarter{
    max-width: calc(100% - 42.0625rem);
  }
  .section-box-smarter .section-box-smarter-wrap{
    padding-left: 12.5rem;
    padding-right: 5rem;
    background: var(--ss-color-light-gray);
    display: flex;
    align-items: center;
  }
  .layout-content .section-box .section-box-smarter .section-box-smarter-wrap .desc{
    margin-bottom: 0;
  }
  .layout-content .section-box .section-box-smarter-img{
    flex: 1;
  }
  .ss-swiper {
    width: 100%;
    overflow: hidden;
    height: auto;
  }
  .ss-swiper img{
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .section-box .ss-swiper_1{
    width: 100%;
    height: 33.9375rem;
  }
  .section-box .ss-swiper_1 img{
    width: 100%;
    height: 33.9375rem;
  }
  .section-box .ss-swiper_2{
    width: 32rem;
    margin: 0 auto;
    height: auto;
  }
  .section-box .ss-swiper_2 img{
    width: 100%;
    height: auto;
  }
  .section-box .ss-swiper_3{
    width: 32rem;
    margin: 0 auto;
    height: auto;
  }
  .section-box .ss-swiper_3 img{
    width: 100%;
    height: auto;
  }
  /*Future Shopping*/
  .section-box .future-shopping-img{
    display: flex;
    justify-content: center; /* 水平居中对齐 */
  }
  .section-box .future-shopping-img img{
    max-width: 100%; /* 图片不会超过其原始尺寸 */
    height: auto;    /* 保持纵横比 */
    margin: auto;    /* 居中图片 */
  }
  .layout-content .section-box-unattended{
    background: linear-gradient(to bottom, #ffffff 18%, #f4f4f4 18%);
  }
  .layout-content .section-box-unattended img{
    z-index: 10;
    max-width: 898px; /* 图片不会超过其原始尺寸 */
    height: 34rem;    /* 保持纵横比 */
    margin: auto;    /* 居中图片 */
    margin-left: 4rem;
  }
  .layout-content .section-box-unattended .detail_info{
    padding-right:2rem
  }
  .layout-content .section-box-unattended .detail_info .title{
    margin-top:5rem
  }
  /*Smart Rack*/
  .section-box-rack .relative img{
    z-index: 10;
    max-width: 100%; /* 图片不会超过其原始尺寸 */
    height: auto;    /* 保持纵横比 */
    margin: auto;    /* 居中图片 */
  }
  .section-box-rack .img_box_item_absolute_1{
    width: 100%;
    height: 78%;
    background: #F4F4F4;
    z-index: -1;
    top: 34%;
  }
  
  .layout-content .section-box .section-box-flow-qr{
    max-width: 11.5rem;
  }
  .layout-content .section-box .section-box-flow-qr .section-box-flow-img-1{
    width: 100%;
    max-width: 216px;
  }
  .layout-content .section-box .section-box-flow-qr .section-box-flow-img-content{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .layout-content .section-box .section-box-flow-qr .section-box-flow-img-2{
    width: 6rem;
    max-width: 96px;
    height: auto;
  }
  .layout-content .section-box .section-box-flow-qr .section-box-flow-img-text{
    font-size: 1rem;
    line-height: 1.375rem;
  }
  .layout-content .section-box .section-box-flow-content{
    flex: 1;
  }
  /*about*/
  .layout-content .section-box-about.lazyloaded {
    background: url(/wp-content/themes/zhuti1/images/about-us/bg_about.png) no-repeat center center;
    background-size:100% auto;
  }
  .layout-content .section-box-about .detail_info .desc{
    font-size: 1.25rem;
  }
  .layout-content .section-box-about .gif_img {
    width: 10rem;
    height: 12.6875rem;
    /* background: url(/wp-content/themes/zhuti1/images/about-us/logo_about.gif) no-repeat center center;
    background-size: 100%; */
  }
  .layout-content .section-box-about .gif_img.lazyloaded {
    background: url(/wp-content/themes/zhuti1/images/about-us/logo_about.gif) no-repeat center center;
    background-size: 100%;
	}
  .section-box-our .our_box_item_content{
    margin-left:1.8rem;
  }
  .section-box-our .our_box_item_icon img{
    width: 3.5rem;
    height: 3.5rem;
    margin-top: 0.2rem;
  }
  .section-box-our .our_box_item_content .our_box_item_title{
    font-size: 1.5rem;
    color: #2C2D2D;
  }
  .section-box-our .our_box_item_content .our_box_item_desc{
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .section-box-map{
    background: linear-gradient(to bottom, #f4f4f4 74%, #ffffff 26%);
  }
  .section-box-map .map-img{
    width: 100%;
    max-width: 1140px;
    height: auto;
    margin: auto;
  }
  .section-box-map .map-img img{
    width: 100%;
    height: auto;
  }
  .section-box-voyager .section-box-voyager-content{
    margin-left: 6rem;
  }
  .section-box-voyager .section-box-voyager-item{
    font-size: 1.25rem;
    line-height: 2.5rem;
  }
  .layout-content .section-box-voyager .detail_info{
    padding-right: 7.5rem;
  }
  .layout-content .section-box-voyager .detail_info .desc{
    margin-bottom: 1rem;
  }
  .layout-content .section-box-voyager .section-box-voyager-item img{
    width:calc(100% + 12.25rem)
  }
  .layout-content .section-box-work{
    background: linear-gradient(to bottom, #ffffff 60%, #f4f4f4 40%);
  }
  /*smart*/
  .layout-content .section-box-meet{
    width: 100vw;
    height: 48vw;
    display: flex;
    align-items: center;
    margin-bottom:0;
  }
  .layout-content .section-box-meet .ss-page-btn{
    width: 13rem;
  }
  .layout-content .section-box-meet .img_icon{
    width: 2.1875rem;
    height: 1.6875rem;
    margin-top: 0.625rem;
    margin-right: 1rem;
  }
  .layout-content .section-box-meet.lazyloaded {
		background: url(/wp-content/uploads/2025/05/smart-05-16-3.webp);
    background-size: 100% 100%;
    background-repeat: no-repeat;
	}
  .layout-content .section-box-meet .detail_info{
    max-width: 50rem;
  }
  .layout-content .section-box-meet .detail_info .title{
    font-size: 3.75rem;
    line-height: 5.125rem;
  }
  .layout-content .section-box-customer{
    /* background: linear-gradient(to bottom, #FFFFFF 50%, #F4F4F4 50%); */
  }
  .layout-content .section-box-customer  .customer-box .customer-item .customer-item-img{
    width:11.75rem;
    height:8.0625rem
  }
  .layout-content .section-box-customer  .customer-box .customer-item .customer-item-text{
    top: 8.0625rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: max-content;
  }
  .layout-content .section-box-customer  .customer-box .customer-item-arrow{
    height: 7.89rem;
  }

  .layout-content .section-box-benefits .benefits-img{
    width: 100%;
    max-width: 1075px;
    height: auto;
    margin: auto;
  }
  .layout-content .section-box-benefits .benefits-img img{
    width: 100%;
    height: auto;
  }

  .layout-content .section-box-Algorithm{
    background: linear-gradient(to bottom, #FFFFFF 18%, #F4F4F4 18%);
    padding-right:12.375rem;
  }
  .layout-content .section-box-Algorithm img{
    height: 24rem;
  }
  .layout-content .section-box-Algorithm .detail_info{
    margin-left: 5rem;
    margin-top: 0rem;
    display: flex;
    align-items: flex-end;
    flex: 1;
    max-width: 100%;
  }
  .layout-content .section-box-Algorithm .detail_info .title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0rem;
  }
  .layout-content .section-box-Algorithm .detail_info .desc{
    margin-bottom: 0rem;
  }
  .layout-content  .section-box-system{
    padding-left:12.375rem;
    padding-right:5rem;
    margin-top: 8rem;
  }
  .layout-content  .section-box-system .section-box-system-img{
    width:30rem
  }
  .layout-content  .section-box-support{
    background: linear-gradient(to bottom, #FFFFFF 22%, #F4F4F4 22%);
    padding-left:12.375rem;
    padding-right:5rem;
    margin-top: 4rem;
  }
  .layout-content  .section-box-support .title{
    margin-top: 7rem;
  }
  .layout-content .section-box-support img{
    height: 24rem;
  }

  .layout-content  .section-box-kit{
    padding-right:12.375rem;
    padding-left:5rem;
    margin-top: 8rem;
  }
  .layout-content  .section-box-kit .section-box-kit-img{
    width:30rem
  }
  .layout-content  .section-box-beverage{
    margin-top:8rem !important;
    margin-bottom:4rem !important;
    height: 30rem;
    display: flex;
    align-items: center;
    background: #F4F4F4;
  }
  .layout-content  .section-box-beverage .detail_info_full{
    max-width: 29rem;
  }
  .layout-content .section-box-beverage .img_box_absolute {
    height: 31rem;
    position: absolute;
    right: 0;
    bottom: 4.5rem;
    width: auto;
  }
  .layout-content .section-box-any .desc_item{
    padding-right: 0;
    padding-left: 0;
    max-width: 20.4375rem;
  }
  .layout-content .section-box-any .desc_item_content{
    border: 1px solid rgba(112, 112, 112, 0.31);
    border-top: 0;
    height: 15rem;
    padding: 0 1rem;
    padding-top: 0.625rem;
  }
  .layout-content .section-box-any .desc_item_content .sub-title{
    font-size: 1.38rem;
    line-height: 2.5rem;
    margin-top: 0;
  }
  .layout-content .section-box-shop{
    background: linear-gradient(to bottom, #FFFFFF 60%, #F4F4F4 40%);
  }
  .layout-content .section-box-shop .desc{
    padding:0 8rem
  }
  
  .layout-content .section-box-shop .shop_box_desc_item{
    padding-right: 0;
    padding-left: 0;
    max-width: 520px;
  }
  .layout-content .section-box-shop .shop_box_desc_item_image{
    width: 100%;
    height: 100%;
  }
  .layout-content .section-box-shop .shop_box_desc_item_image img{
    width: 100%;
    height: 100%;
  }
  .layout-content .section-box-shop .section-box-any-icon{
    width: 2.5rem;
    height: 2.5rem;
    object-fit: contain;
  }
  .layout-content .section-box-shop .desc_item_left_line{
    position: absolute;
    width: calc(50% - 2.5rem);
    border-top: 1px dashed #CECECE;;
    left: 0;
    top: 1.75rem;
  }
  .layout-content .section-box-shop .desc_item_left_line_m{
    position: absolute;
    width: calc(50% + 1.5rem);
    border-top: 1px dashed #CECECE;;
    left: -3.5rem;
    top: 1.75rem;
  }
  .layout-content .section-box-shop .desc_item_right_line{
    position: absolute;
    width: calc(50% - 2.5rem);
    border-top: 1px dashed #CECECE;;
    left: calc(50% + 2.5rem);
    top: 1.75rem;
  }
  .layout-content .section-box-shop .section-box-any-text{
     font-size: 1.1rem;
  }

  .layout-content .section-box .section-box-affordable-content{
    max-width: calc(100% - 53.5rem);
    display: flex;
    align-items: center;
  }
  .layout-content .section-box .section-box-affordable-content .section-box-affordable-wrap{
    position: relative;
    padding-left: 2rem;
    padding-right: 10rem;
    background: var(--ss-color-light-gray);
  }
  .layout-content .section-box .section-box-affordable-content .section-box-affordable-wrap .section-box-affordable-mask{
    width:6.75rem;
    height: 100%;
    top: 0;
    left: -6.75rem;
    position: absolute;
    background: rgba(244, 244, 244, 0.85)
  }
  .layout-content .section-box .section-box-affordable-img{
    flex: 1;
  }
    /*case*/
    .layout-content .section-box-studies{
    width: var(--ss-width);
    height: 24vw;
    display: flex;
    align-items: center;
    color: #fff;
    background: linear-gradient( 86deg, #121212 0%, rgba(31,31,31,0.87) 6%, rgba(34,34,34,0.85) 12%, rgba(36,36,36,0.83) 17%, rgba(120,120,120,0) 100%),url(/wp-content/uploads/2025/03/case-1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 0;
    }
    .knowledge-page .knowledge_list .tab_search .tabs .tab, .knowledge-page .news_list .tab_search .tabs .tab{
        margin-right: 100px;
    }
    .knowledge-page .knowledge_list .tab_search .search_box input{
        font-size: 16px;
    }
    .knowledge-page .knowledge_list .knowledge_list_box .knowledge_item .knowledge_item_info .play_btn{
        border-radius: 0px;
    }
    /* pagination not loading more */
    .knowledge-page-case ._load_more_{
      display: none !important;
    }
  .layout-content .section-box-case .case-item{
    box-shadow: 0 20px 30px rgb(226 232 248 / 70%);
    border-radius: 16px;
    overflow: hidden;
    max-width: 30%;
  }
  .layout-content .section-box-case .case-img{
    height: 14rem;
    margin-bottom: 2.5rem;
  }
  .layout-content .section-box-case .case-img img{
    height: 100%;
    object-fit: cover;
  }
  .layout-content .section-box-case .case-title{
    margin-bottom: 1rem;
    box-sizing: border-box;
    padding: 0 1rem;
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #022850;
  }
  .layout-content .section-box-case .case-desc{
    font-size: 1rem;
    width: 100%;
    padding: 0 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 2rem;
  }
  /*case*/
  
  .set_box{
    justify-content: space-evenly;
  }
  .set_box .set_box_item{
    width:8.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .set_box .set_box_item .set_box_item_icon{
    width: 6.875rem;
    height: 6.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .set_box .set_box_item_icon_arrow{
    width: 2rem;
  }
  .set_box .set_box_item .set_box_item_title{
    margin-top: 0.5rem;
    font-size: 1rem;
    color:#005EBB;
    text-align: center;
  }
  .set_box .set_box_item .set_box_item_desc{
    margin-top: 1.25rem;
    font-size: 0.75rem;
    color: #717070;
    text-align: center;
  }

  .section-box .section-box-rack-video{
    width: 100%;
    height: 41.625rem;
  }
  .layout-content .section-box-advantages .detail_info .detail_info_content_text{
    margin-top: 3rem;
  }
  .layout-content .section-box-advantages .detail_info .sub-title {
    font-size: 1.5rem;
  }
  .layout-content .section-box-advantages .detail_info .desc {
    margin-top: 1rem;
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
  
  .indicator_box{
    width:100%;
    margin-top:40px;
    display: flex;
  }
  
  .indicator_box .indicator_box_item{
    cursor: pointer;
    border-top:0.1875rem solid #ACACAC;
    font-weight: bold;
    font-size: 1rem;
    color: #ACACAC;
    line-height: 1rem;
  }
  
  .indicator_box .indicator_box_item + .indicator_box_item{
    margin-left:3rem;
  }
  .indicator_box .indicator_box_item .indicator_box_item_text{
    margin-top:1rem;
    color: #ACACAC;
  }
  .indicator_box .indicator_box_item .indicator_box_item_text .indicator_box_item_text_title{
    font-size: 3.125rem;
    color: #3F8BCB;
    line-height: 3.125rem;
  }
  .indicator_box .indicator_box_item .indicator_box_item_text .indicator_box_item_text_desc{
    font-weight: 400;
    font-size: 1rem;
    color: #457EAC;
    line-height: 2rem;
  }
  .indicator_box .indicator_box_item_active{
    border-top:0.1875rem solid #535353;;
    color: #535353;;
  }
  .indicator_box .indicator_box_item_active .indicator_box_item_text{
    color: #535353;;
  }
  .indicator_box_1 {
    justify-content: center;
  }
  .indicator_box_1 .indicator_box_item{
    width: 15rem;
  }
  .indicator_box_2 {
    justify-content: space-between;
  }
  .indicator_box_2 .indicator_box_item{
    width: 14.5rem;
  }
  .indicator_box_2 .indicator_box_item + .indicator_box_item{
    margin-left:0;
  }
  
  .section-customer-box .row .both-box-item:first-child{
    padding-right:1.5rem;
  } 
  .section-customer-box .row .both-box-item:nth-child(2){
    padding-left:1.5rem;
  }
  
  .both-box-item .both-box-item-content .both-box-item-content-tip .both-box-dot-text{
    font-size: 1.25rem;
    line-height: 1.375rem;
    flex: 1;
    color: #457EAC;
  }
  .both-box-item .both-box-item-content .both-box-item-content-tip .both-box-dot{
    margin-top: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 50%;
    width: 0.5rem;
    height: 0.5rem;
    background: #457EAC;
  }
  
  .section-customer-box .both-box-item-wrap{
    height: 100%;
    display: flex;
    align-items: center;
  }
  .section-box-audit .row{
    gap: 1rem;
  }
  .section-box-audit .row .box-audit-item{
    max-width: calc(50% - 0.5rem)
  }
  .section-box-audit .row .box-audit-item img{
    width: 100%;
    height: 30rem;
  }
  /*submit form*/
  ._comfirm_box_ ._comfirm_box_tip ._comfirm_btn ._comfirm_sure_{
    background-color: var(--ss-base-bule-1);
  }
  ._comfirm_box_ ._comfirm_box_tip ._comfirm_tip_content{
    text-align: center;
  }
  ._comfirm_box_form_ ._comfirm_box_tip .contact_us .form_box .rule_box .radio_box_1{
    cursor: pointer;
    width: 14px;
    height: 14px;
    background: url(../images/no_select_radio.png) center center/100% 100% no-repeat;
    margin-right: 10px;
    transition: .3s linear;
  }
  ._comfirm_box_form_ ._comfirm_box_tip .contact_us .form_box .rule_box .radio_box_1.selected{
    background: url(../images/has_select_radio.png) center center/100% 100% no-repeat;
 }

 /*privacy_policy*/
  .show_mode_page{
    width: auto;
    height: auto; 
    position: static;
    background: #fff;
    box-shadow: 0 30px 60px 1pxrgba(226,232,248,.9);
    border-radius: 16px;
    opacity: 1;
    left: 0;
    top: 0;
    transform: translateX(0%) translateY(0%);
    z-index: 99999;
    box-sizing: border-box;
    padding: 30px 50px;
  }
  .show_mode_page .rule_content{
    max-height: none;
    overflow-y: initial;
  }
  /*privacy_policy*/
  /*submit form*/
  /*modal form*/
    ._comfirm_box_form_ {
        position: fixed;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 999;
        background-color: rgba(0,0,0,.4);
    }
  ._comfirm_box_form_ ._comfirm_box_tip{
    width: 27.875em;
    height: 17.5em;
    background-color: #fff;
    border-radius: 0.625em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    box-sizing: border-box;
    padding: 1.25em;
    position: relative;
  }
  ._comfirm_box_form_ ._comfirm_box_tip ._comfirm_tip_text {
    font-size: 1.125em;
    color: #333;
    line-height: 3.125em;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1.25em;
}
  ._comfirm_box_form_ ._comfirm_box_tip ._comfirm_tip_title {
    flex:1
  }
  ._comfirm_box_form_ .contact_wrap{
    width: auto;
  }
  ._comfirm_box_form_ ._comfirm_box_tip ._comfirm_tip_content{
    height: auto;
    font-size: 1em;
    width: 100%;
    overflow: hidden;
    padding-top: 1.875em;
    box-sizing: border-box;
    padding-bottom: 1.875em;
  }
  ._comfirm_box_form_  .contact-box{
    background: #fff;
  }
  ._comfirm_box_form_  .contact_us{
    margin-bottom: 0px; 
    margin-top: 1rem;
  }
  /*modal form*/
  .bread-crumbs {
    border-bottom: 1px solid rgba(150, 150, 169, 0.2);
    margin-bottom: 40px;
    margin-right: 11%;
    margin-left: 11%;
    color: #677E96;
    font-size: 1rem;
  }
  .bread-crumbs .text {
    color: #677E96;
    font-size: 1rem;
    line-height: 50px;
  }
  
  .bread-crumbs .text_t {
    width: 53%;
    color: #04294F;
    font-size: 1rem;
    line-height: 50px;
  }

  .page_box {
    display: flex !important;
    margin-top: 40px;
  }
  
  @media screen and (max-width: 1200px) {
    .page_box {
      transform: scale(1);
    }
  }
  
  .page_box ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    overflow-x: scroll;
  }
  
  .page_box ul li a {
    padding: 3px 11px;
    margin: 0 5px 0 0;
    box-shadow: none;
    border: 1px solid #E8E8E8;
    opacity: 1;
    border-radius: 6px;
    background: white;
    word-break: keep-all;
  }
  
  .page_box ul li.active span {
    color: #ffffff !important;
    background-color: var(--ss-base-bule-1);
    padding: 3px 11px;
    margin: 0 5px 0 0;
    box-shadow: none;
    border-color: transparent;
  }
  /*footer*/
  .footer .footer_title_box{
    min-width: 300px;
  }
  /*footer*/
  /* 文章 */
  .rich_content .wp-block-file [id^="wp-block-file--media"] {
    display: none !important;
  }
  .rich_content .wp-block-file .wp-block-file__button {
    display: none !important;
  }

  /* thank */
  .ss-thans-content{
    width: 100%;
    min-height: 44rem;
    background: #F5F6FE;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
  }
  .ss-thans-content::before{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    border-right: 24.4375rem solid transparent;
    border-top: 34.875rem solid #D6E1F2;;
  }
  .ss-thans-content::after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-left: 19.75rem solid transparent;
    border-bottom: 33.8125rem solid #3E83BE;;
  }
  .ss-thans-content .ss-thans-content-wrap{
    max-width: 1100px;
    z-index: 10;
  }
  .ss-thans-content .ss-social{
    z-index: 10;
  }
  .ss-thans-content .ss-social-media {
    background: #FFFFFF;
    box-shadow: 0px 3px 6px 1px rgba(62,131,190,0.13);
    border-radius: 0px 0px 0px 0px;
    padding:2.5rem 3.5rem
  }
  .ss-thans-content .ss-social-media .ss-social-media_title{
    font-weight: 900;
    font-size: 1.5rem;
    color: #2C2D2D;
    line-height: 2.375rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
  }
  .ss-thans-content .ss-social-media .ss-social-media_wrap{
    height: 3rem;
    margin-top: 2.6875rem;
    display: flex;
  }
  .ss-thans-content .ss-social-media + .ss-social-media{
    margin-left: 2.6875rem;
  }
  .ss-thans-content .ss-social-media_btn{
    width: 10rem;
    height: 3rem;
    background: #3E83BE;
    border-radius: 0px 0px 0px 0px;
    font-weight: 400;
    font-size: 1.125rem;
    color: #FFFFFF;
    line-height: 3rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
  }
  /* thank */
  /* 文章 */
  @media screen and (max-width: 1200px) {
    /*分页*/
    .page_box ul li a {
      padding: 3px 6px;
      font-size: 12px;
    }
    .page_box ul li.active span {
      padding: 3px 6px;
      font-size: 12px;
    }
    .layout-content .section-box .mini-order-1{
      order:1
    }
    .layout-content .section-box .mini-order-2{
      order:2
    }
    /*分页*/
    .page_index .mobie_swiper{
      height: auto;
      margin-bottom: 0px;
    }
    .layout-content .swiper_box{
      display: block !important;
      height: auto;
      min-height: 210px;
      margin-bottom: 0px;
    }
    .ss-video-controls .ss-video-controls-wrap{
        width: 100%;
        padding: 0 24px;
    }
    .ss-video-controls .ss-video-controls-wrap .video-controls-btn{
        width: 3.5rem;
        height: 3.5rem;
        cursor: pointer;
        background: url(../images/play.png) no-repeat center center;
        background-size: 100% 100%;
    }
    .ss-video-controls .ss-video-controls-wrap .video-controls-text{
        font-size: 1.625rem;
        line-height: 1.75rem;
        margin-top: 1rem;
        color: rgba(255, 255, 255, 0.79);
    }
    .ss-hide-mini{
      display: none !important;
    }
    .ss-show-mini{
      display: block !important;
    }

    /* 在移动端显示 mobile-only 元素，隐藏 desktop-only 元素 */
    .mobile-only {
      display: block !important;
    }
    .desktop-only {
      display: none !important;
    }

    .ss-text-center-mini{
      text-align: center !important;
    }
    .ss-text-left-mini{
      text-align: left !important;
    }
    .ss-text-right-mini{
      text-align: right !important;
    }
    .ss-padding-mini-1x{
      padding-top:1rem !important;
      padding-bottom:1rem !important;
    }
    .ss-padding-mini-2x{
      padding-top:2rem !important;
      padding-bottom:2rem !important;
    }
    .ss-padding-mini-top-0x{
      padding-top:0rem !important;
    }
    .ss-padding-mini-top-1x{
      padding-top:1rem !important;
    }
    .ss-padding-mini-top-2x{
      padding-top:2rem !important;
    }
    .ss-padding-mini-bottom-0x{
      padding-bottom:0rem !important;
    }
    .ss-padding-mini-bottom-1x{
      padding-bottom:1rem !important;
    }
    .ss-padding-mini-bottom-2x{
      padding-bottom:2rem !important;
    }
    .ss-margin-mini-top-0x{
      margin-top:0rem !important;
    }
    .ss-margin-mini-bottom-0x{
      margin-bottom:0rem !important;
    }
    .ss-margin-mini-left-0x{
        margin-left:0rem !important;
    }
    .ss-margin-mini-right-0x{
      margin-right:0rem !important;
  }
    .ss-margin-mini-left-1x{
      margin-left:1rem !important;
  }
    .ss-margin-top-mini-1x{
      margin-top:1rem !important;
    }
    .ss-margin-top-mini-2x{
      margin-top:2rem !important;
    }
    .ss-margin-boom-mini-1x{
      margin-bottom:1rem !important;
    }
    .ss-margin-boom-mini-2x{
      margin-bottom:2rem !important;
    }
    .layout-content .section-box{
      padding:0 24px
    }
    .layout-content .section-box-mini-full{
      padding:0
    }
    .layout-content .section-box .detail_info  .title{
        font-size: 1.875rem;
        line-height: 2.5rem;
        margin-bottom: 1rem;
    }
    .layout-content .section-box .detail_info .title  .sub-title{
        font-size: 1.375rem;
        line-height: 1.75rem;
        margin-top:0.625rem
    }
    .layout-content .section-box .detail_info .sub-title{
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 2rem;
        margin-top:0.625rem
    }
    .layout-content .section-box .detail_info .desc{
        font-weight: 400;
        font-size: 1rem;
        margin-bottom: 1.25rem;
        line-height: 1.375rem;
        font-style: normal;
    }
    /*index*/
    .layout-content .section-smart-box {
      width: var(--ss-width);
      height: 35rem;
    }
    .layout-content .section-smart-box.lazyloaded{
      background: linear-gradient( 86deg, #121212 0%, rgba(120,120,120,0) 100%),url(/wp-content/uploads/2025/03/home-mobile-1.webp);
      background-size: cover;
      background-repeat: no-repeat;
    }
    .layout-content .section-future-box{
        height: 27rem;
    }
    .layout-content .section-box .detail_info {
      max-width: 100%;
    }
    .layout-content .section-future-box{
      margin-bottom: 0rem;
    }
    .layout-content .section-future-box.lazyloaded {
      background: linear-gradient( 280deg, #121212 0%, rgba(120,120,120,0) 100%),url(/wp-content/uploads/2025/03/home-mobile-2.webp);
      background-size: 100% 100%;
      background-repeat: no-repeat;
    }
    .layout-content  .section-Aanalytics-box{
      height: auto;
    }
    .layout-content  .section-Aanalytics-box .detail_info{
        order: 1;
    }
    .layout-content .section-Aanalytics-box .img_box_absolute{
      position: static;
      height: auto;
      width: 100%;
    }
    .layout-content .section-rack-box{
      margin-top: 0rem;
      margin-bottom: 0rem;
    }
    .layout-content .section-rack-box .detail_info{
      margin-left: 0;
    }
    .layout-content .section-rack-box .section-rack-box-img{
      width: 100%;
      height: auto;
    }
    .layout-content .section-grid-box{
      height: auto;
    }
    .layout-content .section-grid-box .rule_info .rule_item:nth-child(2)::after,.layout-content .section-grid-box .rule_info .rule_item:nth-child(2)::before {
        opacity: 0
    }
    .layout-content .section-grid-box .rule_info .rule_item {
        margin-bottom: 30px!important
    }
    /*index*/
    /*smart*/
    .layout-content .section-box-customer{
      background: none;
    }
    .layout-content .section-box-customer .video-container{
      height: 11.5rem;
    }
    .layout-content .section-box-customer .swiper_img_contain{
      object-fit: cover;
    }
    .layout-content .section-box-customer .img_box{
      height: 100%;
    }
    .layout-content .section-box-customer .detail_info_wrap{
      padding:1.5rem 0;
      position: relative;
    }
    .layout-content .section-box-customer .detail_info_customer .desc{
      font-size: 0.875rem;
      line-height:1.25rem;
    }
    .layout-content .section-box-customer  .customer-box .customer-item .customer-item-img{
      width:9rem;
      height:6rem
    }
    .layout-content .section-box-customer  .customer-box .customer-item .customer-item-text-mini{
      font-size: 0.75rem;
    }
    .layout-content .section-box-customer  .customer-box .customer-item-arrow{
      transform: rotate(90deg);
      width: 2rem;
      height:auto;
      margin: 2rem;
    }
    .layout-content .section-box-Algorithm{
      background: var(--ss-base-white);
    }
    .layout-content .section-box-Algorithm img{
      width:100%;
      height: auto;
    }
    .layout-content .section-box-Algorithm .detail_info{
      margin-left: 0rem;
      margin-top: 2rem;
    }
    .layout-content  .section-box-support{
      background: var(--ss-base-white);
    }

    .layout-content  .section-box-support .title{
      margin-top:0rem
    }
    .layout-content .section-box-support img{
      width:100%;
      height: auto;
    }
    .layout-content .section-box-system{
      background: var(--ss-base-white);
      margin-top: 0rem;
    }
    .layout-content .section-box-system .section-box-system-img{
      width: 100%;
      margin-top: 2rem;
    }
    .layout-content .section-box-kit{
      background: var(--ss-base-white);
      margin-top: 0rem;
    }
    .layout-content .section-box-kit .section-box-kit-img{
      width: 100%;
      margin-top: 2rem;
    }
    .layout-content .section-box-benefits .benefits-mini-img{
      width:8.375rem;
    }
    .layout-content .section-box-benefits .benefits-content{
      flex: 1;
    }
    .layout-content .section-box-benefits .benefits-content .benefits-content-item{
      margin-top: 1rem;
    }
    .layout-content .section-box-benefits .benefits-content .benefits-content-item .benefits-content-item_icon{
      display: flex;
      width: 1.5rem;
      height: 1.5rem;
    }
    .layout-content .section-box-benefits .benefits-content .benefits-content-item .benefits-content-item_icon img{
      width: 100%;
      height: 100%;
      object-fit: contain;
    }
    .layout-content .section-box-benefits .benefits-content .benefits-content-item .benefits-content-item_text{
      margin-left: 1rem;
      font-size: 0.875rem;
      line-height: 1.125rem;
      flex: 1;
    }
    .layout-content .section-box-beverage {
      margin-top: 0rem !important; 
      margin-bottom: 0rem !important;
      height: auto;
    }
    .layout-content .section-box-beverage .img_box_absolute{
      position: static;
      height: auto;
      width: 100%;
    }
    .layout-content .section-box .section-box-affordable-content{
      max-width: initial;
    }
    .layout-content .section-box-affordable .affordable_box_item::after {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 18%;
      background-color: rgba(244, 244, 244,0.85); /* 蒙层颜色和透明度 */
    }
    .layout-content .section-box .section-box-affordable-content .section-box-affordable-wrap{
      background: var(--ss-base-white);
      padding-left: 0rem;
      padding-right: 0rem;
    }
    .layout-content .section-box .section-box-affordable-content .section-box-affordable-wrap .section-box-affordable-mask{
      display: none;
    }
    .layout-content .section-box-shop .desc{
      padding:0
    }
    .layout-content .section-box-shop .section-box-any-icon{
      width: 1.375rem;
      height: 1.375rem;
    }
    .layout-content .section-box-shop .section-box-any-text{
      font-size: 0.75rem;
    }
    .layout-content .section-box-shop .desc_item_left_line{
      position: absolute;
      width: calc(50% - 1.25rem);
      border-top: 1px dashed #CECECE;
      left: 0;
      top: 1.75rem;
    }
    .layout-content .section-box-shop .desc_item_right_line{
      position: absolute;
      width: calc(50% - 1.25rem);
      border-top: 1px dashed #CECECE;
      left: calc(50% + 1.25rem);
      top: 1.75rem;
    }
    .layout-content .section-box-case .case-item{
        max-width:100% 
    }
    /*smart*/
    /*store*/
    .section-box-smarter .section-box-smarter-wrap{
      padding-left: 0;
      padding-right: 0;
      background: var(--ss--color-white);
    }
    .layout-content .section-box .section-box-smarter{
      flex: 0 0 100%;
      max-width: 100%;
    }
    .layout-content .section-box .section-box-smarter{
      order: 1;
    }
    .layout-content .section-box .section-box-smarter-img{
      flex: 0 0 100%;
      max-width: 100%;
    }
    .section-box .ss-swiper_1{
      height: auto
    }
    .section-box .ss-swiper_1 img{
      height: auto
    }
    .section-box .ss-swiper_2{
      width: 100%;
      height: auto
    }
    .section-box .ss-swiper_2 img{
      height: auto
    }
    .section-box .ss-swiper_3{
      width: 100%;
      height: auto
    }
    .section-box .ss-swiper_3 img{
      height: auto
    }
    .indicator_box_2 .indicator_box_item{
      width: 10.5rem;
    }
    .section-box-audit .row .box-audit-item{
      max-width: 100%;
    }
    .section-box-audit .row .box-audit-item img{
      height: auto;
    }
    /*store*/
    /*rack*/
    .section-box-rack .img_box_item_absolute_1{
      left: -24px;
      width: 100vw;
    }
    .layout-content .section-box .section-box-flow-qr{
      max-width: 100%;
      flex-direction: initial !important;
    }
    .layout-content .section-box .section-box-flow-qr .section-box-flow-img-1{
      max-width: 149px;
    }
    .layout-content .section-box .section-box-flow-qr .section-box-flow-img-content{
      display: flex;
      flex-direction: column;
      align-items: center;
    }
    .section-box .section-box-rack-video{
      height: auto;
    }
    .layout-content .section-box-unattended {
        background: #f4f4f4;
    }
    .layout-content .section-box-unattended .row{
        flex-wrap: wrap !important;
    }
    .layout-content .section-box-unattended .detail_info .title{
        margin-top: 0rem;
    }
    .layout-content .section-box-unattended img{
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-left: 0rem;
    }
    .set_box{
      justify-content: initial;
    }
    .set_box .set_box_item{
      width:100%;
      display: flex;
      flex-direction: initial;
      align-items: center;
    }
    .set_box .set_box_item .set_box_item_icon{
      width: 6.875rem;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .set_box .set_box_item_icon_arrow .set_box_item_icon{
      height: 5.875rem;
    }
    .set_box .set_box_item_icon_arrow .set_box_item_icon img{
      transform: rotate(90deg);
    }
    .set_box .set_box_item_content{
      flex: 1;
    }
    .set_box .set_box_item .set_box_item_title{
      margin-top: 0rem;
      font-size: 1rem;
      color:#005EBB;
      text-align: left;
      margin-left: 1rem;
    }
    .set_box .set_box_item .set_box_item_desc{
      margin-top: 1.25rem;
      font-size: 0.875rem;
      color: #717070;
      text-align: left;
      margin-left: 1rem;
    }
    /*rack*/
    /*case*/
    .layout-content .section-box-studies{
      height: 48vw;
    }
    .knowledge-page .knowledge_list .tab_search .tabs .tab{
        margin-right: 50px;
    }
    /*case*/
    /*about*/
    .section-box-our .our_box_item{
      flex-direction: column;
      justify-content: center;
      align-items: center; 
    } 
    .section-box-our .our_box_item_content{
      margin-left:0rem;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin-top: 1rem;
    }
    .section-box-our .our_box_item_icon img{
      width: 3.5rem;
      height: 3.5rem;
      margin-top: 0.2rem;
    }
    .section-box-our .our_box_item_content .our_box_item_title{
      font-size: 1.875rem;
    }
    .section-box-our .our_box_item_content .our_box_item_desc{
      text-align: center;
      font-size: 1.125rem;
      line-height: 1.5rem;
      margin-top: 0.5rem;
    }
    .layout-content .section-box-rack-work .detail_info .title{
      width: 80%;
      margin:0 auto;
      margin-bottom: 1rem;
      text-align: center;
    }
    .layout-content .section-box-voyager .section-box-voyager-wrap{
      flex-wrap: wrap !important;
    }
    .layout-content .section-box-voyager .section-box-voyager-content{
      margin-left: 0;
    }
    .layout-content .section-box-voyager .detail_info{
        padding-right:0
    }
    .layout-content .section-box-voyager .section-box-voyager-item img{
        width: 100%;
    }
    /*about*/
    /*cooperative partner*/
    .cooperation_box {
      margin-top: 0rem;
      min-height: 1120px;
    }
    .contact_wrap{
      width: 100%;
      padding:0 24px
    }
    .cooperation_loop{
      width: 100%;
      padding:0 24px
    }
    .cooperation_loop .title_wrap .line{
      display: none;
    }
    /*contact us*/
    .contact-box .contact_wrap{
      background: rgba(0, 0, 0, 0.5);
      padding:0;
      color: #ffffff;
    }
    .contact-box .contact_wrap .contact_us_title{
      color: #ffffff;
      margin-bottom: 15px;
    }
    .contact-box .contact_wrap .contact_us_desc{
      font-size: 20px;
      margin-bottom: 24px;
    }
    .contact-box .contact_wrap .form_input_box{
      margin-bottom: 0px !important;
    }
    .contact-box .contact_wrap .form_input_box .input_box {
      margin-bottom: 0px !important;
    }
    .contact-box .contact_wrap .rule_box{
      width: 90%;
    }
    .contact-box .contact_wrap .rule_box .link{
      margin-left: 10px;
    }
    .contact-box .contact_us .form_box .textarea_box{
      background: #000;
    }
    .contact-box .contact_us .form_box .textarea_box textarea{
      background: #000;
      font-size: 16px;
      color: #ffffff;
    }
    .contact-box .contact_us .form_box .form_input_box .input_box .input_item input{
      color: #fff;
      background: #000;
      font-size: 16px;
    }
    .contact_us .form_box .form_input_box .input_box .input_item{
      background: #000;
      border-bottom: 1px solid #ccc;
    }
    .contact_wrap .sales_box{
      margin-bottom: 0px !important;
      margin-top: 0px !important;
    }
    .contact_wrap .contact_item {
        width: 100%;
        margin-top: 0px;
    }
    .contact_wrap .contact_us{
      margin-top: 2rem;
      margin-bottom: 2rem;
    }
    .contact-box .contact_us .form_box .rule_box {
      color: #ffffff;
    }
    .contact-box .contact_us .form_box .rule_box .link{
      color: #888cff
    }
    /* .contact_wrap .contact_us .form_box .form_input_box .input_box .input_item{
      width: 100%;
    }
    .contact_wrap .contact_us .form_box .form_input_box .input_box .user_name_box{
        width: 50% !important;
    }
    .contact_wrap  .contact_us .form_box .textarea_box{
      width: 100%;
    }
    .contact_wrap .contact_us .form_box .submit_btn{
      width: 100%;
    }*/
    .contact_item .contact_item_text{
        font-size: 16px;
    }
    /*contact us*/
    /*footer*/
    .footer .footer_title_box{
      min-width: 240px;
    }
    /*footer*/
    /*modal form*/
      ._comfirm_box_form_ {
        position: fixed;
        display: flex;
        justify-content: center;
        align-items: center;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        z-index: 999;
        background-color: rgba(0,0,0,.4);
    }
    ._comfirm_box_form_ ._comfirm_box_tip{
        width: 100%;
        height: auto;
        border-radius: 0.625em;
        padding: 0;
    }
    ._comfirm_box_form_ ._comfirm_box_tip ._comfirm_tip_text {
        font-size: 1em;
    }
    ._comfirm_box_form_ .contact_wrap{
        width: auto;
    }
    ._comfirm_box_form_ ._comfirm_box_tip ._comfirm_tip_content{
        padding-bottom: 0em;
    }
    ._comfirm_box_form_  .contact-box{
        background: #fff;
    }
    ._comfirm_box_form_  .contact_us{
        margin-bottom: 0px; 
        margin-top: 1rem;
    }
    ._comfirm_box_form_  .contact_us .form_box .form_input_box .input_box{
        margin-bottom: 0 !important;
    }
    ._comfirm_box_form_ .contact_us .form_box .submit_btn{
        width: 100% !important;
    }
    /*modal form*/
    .cooperation_content .cooperation_content_box{
      padding:0
    } 

    /* thank */
    .ss-thans-content{
      width: 100%;
      min-height: 50.75rem;
      background: #F5F6FE;
      position: relative;
    }
    .ss-thans-content::before{
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      left: 0;
      top: 0;
      border-right: 7.5625rem solid transparent;
      border-top: 11.3125rem solid #D6E1F2;
      z-index: 0;
    }
    .ss-thans-content::after{
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      right: 0;
      bottom: 0;
      border-left: 7.4375rem solid transparent;
      border-bottom: 10.5625rem solid #3E83BE;
      z-index:0
    }
    .ss-thans-content .ss-normal-title{
      font-size: 2.5rem;
    }
    .ss-thans-content .ss-normal-desc{
      font-size: 1.25rem;
    }
    .ss-thans-content .ss-social-media {
      background: #FFFFFF;
      box-shadow: 0px 3px 6px 1px rgba(62,131,190,0.13);
      border-radius: 0px 0px 0px 0px;
      padding:2.5rem 3.5rem
    }
    .ss-thans-content .ss-social{
      flex-direction: column;
    }
    .ss-thans-content .ss-social-media .ss-social-media_title{
      font-weight: 900;
      font-size: 1.5rem;
      color: #2C2D2D;
      line-height: 2.375rem;
      text-align: left;
      font-style: normal;
      text-transform: none;
    }
    .ss-thans-content .ss-social-media .ss-social-media_wrap{
      height: 3rem;
      margin-top: 2.6875rem;
      display: flex;
    }
    .ss-thans-content .ss-social-media + .ss-social-media{
      margin-left: 0rem;
      margin-top: 2rem;
    }
    .ss-thans-content .ss-social-media_btn{
      width: 10rem;
      height: 3rem;
      background: #3E83BE;
      border-radius: 0px 0px 0px 0px;
      font-weight: 400;
      font-size: 1.125rem;
      color: #FFFFFF;
      line-height: 3rem;
      text-align: center;
      font-style: normal;
      text-transform: none;
    }
    .ss-thans-content .ss-thans-content-wrap{
      width: 100%;
      padding: 1rem;
    }
    /* thank */

    /*request demo*/
    .request-demo-box{
      width: 100%;
      height: 88px;
      position: fixed;
      bottom: 0;
      z-index: 100;
      background: rgba(0, 0, 0, 0.6);
    }
    .request-demo-box .request-demo-wrap{
      padding:0 2rem;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
     
    }
    .request-demo-box .request-demo-wrap .request-demo-content{
      width: 100%;
      height: 56px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 5px;
      background: #3F83BF;
      font-size: 24px;
      font-weight: bold;
    }
    .request-demo-box .request-demo-wrap .request-demo-content .request-demo-content_text{
      color: #ffffff;
    }
    /*request demo*/
    /*footer*/
    .footer{
      padding-bottom: 0px;
    }
    .footer .col_3 .connect_info .col_3_item {
      align-items: center;
      justify-content: center;
      background: #EEEEEE;
      font-size: 16px;
      height: 32px;
      border-radius: 52px;
    }
    .footer .col_3 .connect_info .col_3_item .col_3_item_label{
      margin-right: 10px;
    }
    .footer-accordion{
      margin-top: 10px;
      border-top: 1px solid #D8D8D8;;
    }
    .footer-accordion-container {
        overflow: hidden;
    } 
    .footer-accordion-header {
        cursor: pointer;
        font-size: 18px;
        height: 46px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-weight: normal;
        line-height: 22px;
        border-bottom: 1px solid #D8D8D8;;
    }
    
    .footer-accordion-header h4 {
        margin: 0;
        font-size: 16px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer-accordion-container .footer-accordion-header a{
      color: #3D3D3D;
    }
    .footer-accordion-container .footer-accordion-content .footer-accordion-item{
      font-size: 18px;
      line-height: 40px;
      color: #3D3D3D;
    }
    .footer-accordion-container .footer-accordion-content .footer-accordion-item a{
      color: #3D3D3D;
    }
    .toggle-icon {
        font-size: 18px;
        transition: transform 0.3s;
    }
    .footer-accordion-content {
        padding: 0 15px;
        border-top: 1px solid #e0e0e0;
    }
    .footer-accordion-header.active .toggle-icon {
        transform: rotate(90deg);
    }
    .footer .icon_list{
      width: auto;
      margin: 10px 0;
    }
    .footer .icon_list .icon>img{
      width: 32px;
      height: 32px;
    }
    .footer .icon_list .icon:not(:last-child){
      margin-right:30px
    }
    .footer_bottom {
      font-size: 16px;
      height: 62px;
      background: #3F83BF;
      color: #fff;
    }
    .footer_bottom .footer_bottom_item{
      margin-left:10px
    }
    .footer_bottom .footer_bottom_item a{
      color:#fff
    }
    /*footer*/
  }