@charset "UTF-8";
@media (max-width: 639px) and (min-width: 481px) {
  html body .menu .mHeader_menuList .anli {
    line-height: 35px !important;
  }
  html body footer .footer-container .footer .main-container .container {
    grid-template-columns: 1fr !important;
  }
  html body footer .footer-container .footer {
    height: unset !important;
  }
  html body footer .footer-container {
    display: none !important;
  }
body .modal{
display: none !important;
 }

html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .img-cover {
    position: absolute;
    left: 5%  !important;
    top: 53% !important;
    width: 160px !important;
    height: 60px;
    cursor: pointer;
 }

html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .banner-video {
display: none !important;
  }


  html body .pro-plan .ul {
    margin: 0 auto;
    height: 60px !important;
    line-height: 60px !important;
    width: unset !important;
    /* display: flex !important;
    flex-flow: row nowrap !important;
    border-bottom: 0.05208vw solid #ced2d9;*/
    /* overflow-x: auto !important;  */
  }

  html body .pro-plan .ul .li {
    float: left;
    margin-right: 20px;
    width: 160px !important;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: unset !important;
    text-overflow: ellipsis;
    padding: 0 16px;
  }
  html body .pro-plan .ul .li span {
    font-weight: 600;
    font-size: 16px !important;
  }
  

  .footer {
    display: block !important;
  }
  .footer .margin {
    display: flex;
    justify-content: center;
  }
  .footer .margin .footer-about {
    display: flex;
    padding: 20px 10px;
  }
  .footer .margin .footer-about .footer-address {
    padding: 10px;
    border-right: 1px solid #999999;
    width: 150px;
  }
  .footer .margin .footer-about .footer-address .about-title {
    font-size: 18px;
    color: #202020;
    margin-bottom: 20px;
  }
  .footer .margin .footer-about .footer-address .footer-comname {
    font-size: 12.8px;
    color: #202020;
    padding-bottom: 20px;
  }
  .footer .margin .footer-about .footer-address .footer-comaddress {
    margin-bottom: 20px;
    line-height: 20px;
  }
  .footer .margin .footer-about .footer-contact {
    padding: 10px;
  }
  .footer .margin .footer-about .footer-contact .about-title {
    font-size: 18px;
    color: #202020;
    margin-bottom: 20px;
  }
  .footer .margin .footer-about .footer-contact .footer-email {
    font-size: 12.8px;
    color: #202020;
    margin-bottom: 10px;
  }
  .footer .margin .footer-about .footer-contact .contact-inform {
    font-size: 16px;
    color: #2272ff;
    margin-bottom: 20px;
    font-weight: 500;
  }
  .footer .copybootom .cpoyright {
    text-align: center;
    font-size: 12px;
    color: #999999;
    padding: 0 20px;
  }
  .footer .copybootom .cpoyright a {
    color: #999999 !important;
    font-size: 12px;
  }
  .footer-comaddress {
    font-size: 12px !important;
  }
  footer .footer-bottom-container {
    display: none !important;
  }
  html body .menu .menu-1 {
    top: 3px !important;
  }
  .index-box .nav-container {
    display: flex;
    justify-content: space-between !important;
    height: 40px !important;
  }
  .index-box .nav-container .header-right,
  .index-box .nav-container .login {
    display: none;
  }
  .index-box .nav-container .menu {
    display: block !important;
    padding-right: 20px;
  }
  html body .index-box .nav-container .header-right li {
    float: left;
    width: unset;
  }
  html body .digital-space {
    height: 40.29vw !important;
  }
  html body .work-space {
    height: unset !important;
  }
  html body .work-space .content-container {
    height: unset !important;
  }
  html body .work-space .content-container .left {
    width: 19.05208vw !important;
    height: unset !important;
  }
  html body .work-space .content-container .right {
    grid-template-columns: repeat(2, 1fr);
  }
  html body .open_environment {
    height: 60.875vw !important;
  }
  html body .six-center {
    height: unset !important;
  }
  html body .deploy-form {
    height: 80vw !important;
  }
  html body .deploy-form .container {
    grid-template-columns: unset !important;
  }
  html body .pro-plan .container .left .tags-container {
    display: none;
  }
  html body footer .footer-container .footer .main-container .container {
    grid-template-columns: 1fr 1fr !important;
  }
  html body footer .footer-container .footer {
    height: unset !important;
  }
  html body .pro-plan .container .left .tags-container {
    display: none !important;
  }
  footer .footer-bottom-container {
    display: none !important;
  }
  html body {
    font-size: 12px !important;
    font-family: 'PingFang SC';
    font-style: normal;
    min-width: 375px;
    color: #333840;
  }
  html body .index-box {
    position: relative;
  }
  html body .index-box #banner {
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide {
    height: 640px !important;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left {
    position: absolute;
    left: 15.5vw !important;
  
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .title {
    width: 585px;
    height: 60px;
    font-family: 'FZLanTingHeiS-H-GB';
    font-style: normal;
    font-weight: 400;
    font-size: 32px !important;
    line-height: 100%;
    margin-bottom: 12px;
    color: #267fff;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .desc {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 1rem !important;
    line-height: 34px;
    color: #267fff;
    margin-bottom: 36px;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .first-banner-img {
    margin-bottom: 1.875vw;
    width: 67% !important;
    height: unset !important;
    transform: unset !important;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .free-use-btn {
    width: 140px !important;
    height: 40px !important;
    background: #267fff;
    backdrop-filter: blur(16px);
    border-radius: 0.41667vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .free-use-btn:hover span {
    transform: translateX(-0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .free-use-btn:hover img {
    transform: translateX(0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .free-use-btn-deep {
    width: 140px !important;
    height: 40px !important;
    background: #267fff;
    backdrop-filter: blur(16px);
    border-radius: 0.41667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(122px, 138px);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .free-use-btn-deep:hover span {
    transform: translateX(-0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .free-use-btn-deep:hover img {
    transform: translateX(0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one {
    width: 62.5vw !important;
    margin: 0 auto;
    height: 26.875vw;
  }

html body .index-box #banner .swiper-wrapper .swiper-slide .container-one.label{
    display:none;
  }

  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left {
    margin-top: 15.625vw;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .title {
    width: 32.5vw;
    height: 4.01042vw;
    font-weight: 700;
    font-size: 3rem;
    color: #ffffff;
    margin-top: 7.29167vw;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .desc {
    height: 1.25vw;
    font-weight: 400;
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.8);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn {
    width: 140px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(0.83333vw);
    border-radius: 0.41667vw;
    margin-top: 2.08333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    color: #ffffff;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn .arrow-right {
    margin-left: 0.3125vw;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn:hover span {
    transform: translateX(-0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn:hover img {
    transform: translateX(0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn-deep {
    width: 140px !important;
    height: 40px !important;
    background: #267fff;
    backdrop-filter: blur(16px);
    border-radius: 0.41667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(122px, 138px) !important;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn-deep:hover span {
    transform: translateX(-0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn-deep:hover img {
    transform: translateX(0.26042vw);
  }
  html body .index-box #banner .swiper-pagination {
    bottom: 90px !important;
    left: -94px !important;
  }
  html body .index-box #banner .swiper-pagination .swiper-pagination-bullet {
    width: 40px !important;
    height: 5px !important;
  }

  html body .index-box #banner .swiper-wrapper .swiper-slide:nth-child(1) {
    background: url("../imgs/banner1-yd.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
    background-position: center center;
    background-blend-mode: normal;
  }




  html body .index-box #banner .swiper-wrapper .swiper-slide:nth-child(2) {
    background: url("../imgs/banner2-yd.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide:nth-child(4) {
    background: url("../imgs/banner3-yd.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-attachment: scroll !important;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .index-box #banner .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10.41667vw;
    left: -24.4791666667vw;
    width: 100%;
  }
  html body .index-box .nav-container {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    height: 3.125vw;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    z-index: 999;
  }
  html body .index-box .nav-container .logo,
  html body .index-box .nav-container .deep-logo {
    width: auto;
    padding-left: 2.08333vw;
  }
  html body .index-box .nav-container .logo img,
  html body .index-box .nav-container .deep-logo img {
    width: 10.41667vw;
    height: 2.08333vw;
    min-width: 90px;
    min-height: 18px;
  }
  html body .index-box .nav-container .logo .logo-text,
  html body .index-box .nav-container .deep-logo .logo-text {
    
    font-size: 10px;
    margin-top: -2px;
  }
  html body .index-box .nav-container .header-right li {
    float: left;
    margin-right: 2.08333vw;
    font-weight: 400;
    font-size: 1rem;
    color: #ffffff;
    cursor: pointer;
    position: relative;
  }
  html body .index-box .nav-container .header-right li a {
    color: #ffffff;
    font-weight: 400;
    font-size: 1rem;
  }
  html body .index-box .nav-container .header-right li:hover li a {
    color: #333840;
  }
  html body .index-box .nav-container .header-right li .menu-hd {
    transform: translateX(-34px);
    display: none;
    position: absolute;
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    top: 3.04167vw;
    z-index: 999;
  }
  html body .index-box .nav-container .header-right li .menu-hd div {
    height: 1.04167vw;
  }
  html body .index-box .nav-container .header-right li .menu-hd a {
    display: block;
    color: #333840;
    line-height: 3.125vw;
    width: 100%;
    padding: 0.52083vw 1.82292vw;
    white-space: nowrap;
  }
  html body .index-box .nav-container .header-right li .menu-hd a:hover {
    color: #2272ff;
    background-color: #e8f0ff;
  }
  html body .index-box .nav-container .header-right li .menu-hd:hover {
    display: block;
  }
  html body .index-box .nav-container .header-right li:hover .menu-hd {
    display: block;
  }
  html body .index-box .nav-container .header-right .product-component:hover .menu-hd {
    display: block;
  }
  html body .index-box .nav-container .login {
    width: 12.5vw;
    text-align: right;
    padding-right: 1.77083vw;
  }
  html body .index-box .nav-container .menu-box {
    transform: translateX(-vw(12));
    position: absolute;
    height: 24.58333vw;
    width: 100%;
    background: #ffffff;
    top: 3.125vw;
    left: 0;
  }
  html body .index-box .nav-container .menu-box .menu-container {
    box-sizing: border-box;
    display: grid;
    width: 62.5vw;
    height: 100%;
    margin: auto;
    grid-template-columns: repeat(4, 10vw);
    grid-template-rows: 5.41667vw repeat(7, 2.5vw);
    color: #333840;
    font-size: 0.875rem;
  }
  html body .index-box .nav-container .menu-box .menu-container div {
    width: 10vw;
    height: 2.5vw;
    line-height: 2.5vw;
    padding-left: 0.83333vw;
    border-radius: 0.20833vw;
    align-items: center;
  }
  html body .index-box .nav-container .menu-box .menu-container .hover-div {
    cursor: pointer;
  }
  html body .index-box .nav-container .menu-box .menu-container .hover-div:hover {
    background-color: #e9f2ff;
  }
  html body .index-box .nav-container .menu-box .menu-container .sub-header {
    display: flex;
    align-items: center;
    color: #333840;
    height: 3.75vw;
    font-weight: 500;
    border-bottom: solid 1px #e6e6e7;
    margin: 0.83333vw 0;
  }
  html body .index-box .nav-container .menu-box .menu-container .sub-header img {
    padding-right: 0.625vw;
  }
  html body .index-box .header-bottom-container {
    bottom: 0;
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 64px !important;
    left: 0;
    background: rgba(0, 67, 160, 0.2);
    backdrop-filter: blur(0.52083vw);
  }
  html body .index-box .header-bottom-container .bottom {
    width: unset !important;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-around !important;
    align-items: center;
  }
  html body .index-box .header-bottom-container .bottom .left {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 0.875rem;
    color: #ffffff;
  }
  html body .index-box .header-bottom-container .bottom .left .zy-dynamic {
    font-weight: 400;
    font-size: 1rem;
    margin-right: 1.66667vw;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px 8px;
    gap: 10px px;
    width: 80px;
    height: 32px;
    background: #ffffff;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 24px;
    color: #267fff;
  }
  html body .index-box .header-bottom-container .bottom .left .zy-content {
    width: 200px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px !important;
    text-overflow: ellipsis;
  }
  html body .index-box .header-bottom-container .bottom .left .zy-content a {
    font-size: 14px !important;
  }
  html body .index-box .header-bottom-container .bottom .right:hover {
    transform: translateX(0.52083vw);
  }
  html body .menu {
    display: none;
    z-index: 999;
  }
  html body .menu .menu-1 {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 20px;
    min-height: 20px;
    position: absolute;
    right: 1rem;
    top: 0.8rem;
    background: url(../imgs/liebiao.png) no-repeat;
    background-size: 100% 100%;
  }
  html body .menu .quxiao {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 20px;
    min-height: 20px;
    position: absolute;
    right: 1rem;
    top: 3px !important;
    background: url(../imgs/quxiao.png) no-repeat;
    background-size: 100% 100%;
  }
  html body .menu .mHeader_menuList {
    display: none;
    line-height: 35px !important;
    text-shadow: none;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    position: absolute;
    width: 100%;
    padding: 0 10px;
    top: 40px !important;
    left: 0;
    z-index: 9999;
    background: linear-gradient(45deg, #00e9d2 0%, #005eff 100%);
    height: 100vh;
  }
  html body .menu .mHeader_menuList .anli {
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    text-shadow: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 1rem 0;
    color: #fff;
    font-size: 12px;
  }
  html body .menu .mHeader_menuList .anli a {
    display: block;
    color: #fff;
    border-bottom: 1px solid #eceef1;
    font-size: 12px;
  }
  html body .menu .mHeader_menuList .anli .anli_n {
    line-height: 20px;
    box-sizing: border-box;
    padding-left: 2rem;
    overflow: hidden;
  }
  html body .menu .mHeader_menuList .anlimany {
    background: url(../imgs/jiantou.png) no-repeat right 1.1rem top 0.6rem;
  }
  html body .digital-space {
    height: 1260px !important;
    box-sizing: border-box;
    background-color: #f6faff;
  }
  html body .digital-space .title {
    display: none !important;
  }
  html body .digital-space .mobile-title {
    display: block !important;
    text-align: center;
    font-weight: 600;
    font-size: 24px !important;
    color: #333840;
    padding: 5.20833vw 0 0.52083vw;
    line-height: 2.5rem !important;
  }
  html body .digital-space .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #333840;
    margin: 0 auto 1.75rem !important;
    width: 90vw !important;
    line-height: 1.875rem !important;
  }
  html body .digital-space .icon-containers {
    width: 87.8125vw !important;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(6, 154px) !important;
    grid-gap: 16px !important;
    border-radius: 0.20833vw;
    align-items: center;
    justify-items: center;
    /* justify-content属性是整个内容区域在容器里面的水平位置（左中右），align-content属性是整个内容区域的垂直位置（上中下）。 */
    justify-content: center;
    align-content: center;
  }
  html body .digital-space .icon-containers .sub-box {
    position: relative;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: #333840;
    background: linear-gradient(315deg, rgba(89, 158, 255, 0.04) 0%, rgba(38, 127, 255, 0.1) 100%);
    border-radius: 0.41667vw;
    padding: 3.64583vw 2.91667vw 0;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 1.5rem !important;
    text-align: justify;
    color: #858d97;
    transition: all 1s;
  }
  html body .digital-space .icon-containers .sub-box .sub-title {
    font-weight: 500;
    font-size: 18px !important;
    line-height: 1.875rem !important;
    color: #333840;
    margin-bottom: 0.75rem !important;
    display: none !important;
  }
  html body .digital-space .icon-containers .sub-box .sub-title-hide {
    display: block !important;
    font-weight: 500;
    font-size: 18px !important;
    line-height: 1.875rem !important;
    color: #333840;
    font-weight: 600;
    margin-bottom: 0.75rem !important;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(1) {
    background: url("../imgs/0001.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(1):hover {
    background: url("../imgs/0001.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(2) {
    background: url("../imgs/0002.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(2):hover {
    background: url("../imgs/0002.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(3) {
    background: url("../imgs/0003.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(3):hover {
    background: url("../imgs/0003.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(4) {
    background: url("../imgs/0004.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(4):hover {
    background: url("../imgs/0004.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(5) {
    background: url("../imgs/0005.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(5):hover {
    background: url("../imgs/0005.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(6) {
    background: url("../imgs/0006.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(6):hover {
    background: url("../imgs/0006.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .min-container {
    width: 83.33333vw;
    margin: 0 auto;
  }
  html body .digital-space .min-container img {
    width: 100%;
  }
  html body .fixed-nav {
    display: none !important;
    display: flex;
    justify-content: center;
  }
  html body .fixed-nav .container {
    margin-bottom: 5.20833vw;
    display: flex;
    align-items: center;
    overflow-x: auto;
  }
  html body .fixed-nav .container::-webkit-scrollbar {
    display: none;
  }
  html body .fixed-nav .container .img-content-container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  html body .fixed-nav .container .img-content-container div {
    height: 7.75rem !important;
    width: 10.6875rem !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
  }
  html body .fixed-nav .container .img-content-container div img {
    width: 5rem !important;
    height: 5rem !important;
    margin-bottom: 1rem !important;
  }
  html body .fixed-nav .container .img-content-container div span {
    width: 18.75rem !important;
    height: 7.75rem !important;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 1.75rem !important;
    color: #333840;
  }
  html body .work-space {
    height: auto !important;
    box-sizing: border-box;
    margin: unset !important;
    padding: 7.08333vw 0 7.83333vw !important;
    text-align: center;
    background: url("../imgs/global-bg-blue.png") !important;
    background-clip: padding-box;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .work-space .title {
    font-weight: 600;
    font-size: 24px !important;
    padding: 2.08333vw 0 6.83333vw !important;
  }
  html body .work-space .desc {
    font-size: 14px !important;
    margin-bottom: 2.5rem !important;
    font-weight: 400;
    color: #626973;
    line-height: 1.75rem !important;
  }
  html body .work-space .img-container {
    display: block !important;
  }
  html body .work-space .img-container img {
    width: 80% !important;
  }
  html body .work-space .content-container {
    height: 22.8125vw;
    background: rgba(233, 236, 240, 0.4);
    backdrop-filter: blur(0.54688vw);
    border-radius: 0.41667vw;
    width: 62.5vw;
    margin: auto;
    display: flex;
    overflow: hidden;
    padding: 0.83333vw;
    box-sizing: border-box;
  }
  html body .work-space .content-container .left {
    box-sizing: border-box;
    text-align: left;
    width: 15.05208vw;
    height: 100%;
    background: linear-gradient(180deg, #0f71ff 0%, #3789ff 100%);
    border-radius: 0.20833vw;
    padding: 1.66667vw;
  }
  html body .work-space .content-container .left .sub-title {
    font-weight: 600;
    font-size: 1.5rem;
    color: #ffffff;
  }
  html body .work-space .content-container .left .desc {
    font-weight: 400;
    font-size: 0.72917vw;
    line-height: 1.14583vw;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.875rem;
    margin: 0.625vw 0 1.66667vw;
  }
  html body .work-space .content-container .left .equipment-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.04167vw;
  }
  html body .work-space .content-container .left .equipment-list div {
    width: 5.46875vw;
    height: 1.66667vw;
    font-size: 1rem;
    color: #ffffff;
    display: flex;
    align-items: center;
  }
  html body .work-space .content-container .left .equipment-list div img {
    width: 0.72917vw;
    height: 0.72917vw;
    margin-right: 0.41667vw;
  }
  html body .work-space .content-container .left-img {
    width: 15.05208vw;
    height: 100%;
  }
  html body .work-space .content-container .left-img img {
    width: 100%;
  }
  html body .work-space .content-container .right {
    flex: 1;
    text-align: left;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    margin: auto;
    grid-gap: 0.41667vw;
    box-sizing: border-box;
    padding: 0.41667vw;
  }
  html body .work-space .content-container .right .item {
    box-sizing: border-box;
    height: 10.15625vw;
    background: #ffffff;
    border-radius: 0.20833vw;
    padding: 1.66667vw;
    overflow: hidden;
  }
  html body .work-space .content-container .right .item .r-title {
    color: #333840;
    font-weight: 600;
    font-size: 1.25rem;
  }
  html body .work-space .content-container .right .item .r-desc {
    font-size: 0.875rem;
    color: #626973;
    margin: 0.625vw 0 1.19792vw;
  }
  html body .work-space .content-container .right .item img {
    width: 1.25vw;
    height: 1.25vw;
    min-width: 14px;
    min-height: 14px;
  }
  html body .work-space .content-container .right .item .second-img {
    width: 1.875vw;
    height: 1.875vw;
  }
  html body .five-connect {
    display: none !important;
    height: 60.125rem !important;
    text-align: center;
  }
  html body .five-connect .title {
    padding: 6.25rem 0 1rem !important;
    font-weight: 600;
    font-size: 18px !important;
  }
  html body .five-connect .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #626973;
    margin-bottom: 3.75rem !important;
  }
  html body .five-connect .container {
    width: 62.5vw;
    height: 27.1875vw;
    border-left: 0.05208vw solid #ced2d9;
    margin: 0 auto;
    display: flex;
    /* 分别设置各个红色小块的垂直位置 */
  }
  html body .five-connect .container .sub-title {
    font-weight: 600;
  }
  html body .five-connect .container .border .line {
    width: 2px;
    height: 3.54167vw;
    background-color: #267fff;
    margin-left: -1px;
    transition: 0.4s ease-in-out;
  }
  html body .five-connect .container .border .line2 {
    margin-top: 5vw;
  }
  html body .five-connect .container .border .line3 {
    margin-top: 10vw;
  }
  html body .five-connect .container .border .line4 {
    margin-top: 15vw;
  }
  html body .five-connect .container .border .line5 {
    margin-top: 20vw;
  }
  html body .five-connect .container .left {
    width: 22.91667vw;
    height: 100%;
  }
  html body .five-connect .container .left .box {
    height: 5vw;
    padding: 0px 1.66667vw 0 1.66667vw;
    position: relative;
  }
  html body .five-connect .container .left .box .content-box {
    display: flex;
    align-items: center;
    height: 2.5rem !important;
  }
  html body .five-connect .container .left .box .content-box img {
    margin-right: 1.66667vw;
  }
  html body .five-connect .container .left .box .content-box span {
    font-size: 1.25rem !important;
    line-height: 30px;
    font-weight: 600;
  }
  html body .five-connect .container .left .box .sub-desc {
    position: absolute;
    text-align: left;
    font-weight: 400;
    line-height: 22px;
    height: 1.375rem !important;
    font-size: 0.875rem;
    color: #626973;
    left: 4.58333vw;
  }
  html body .five-connect .container .left .sub-show {
    height: 7.1875vw;
  }
  html body .five-connect .container .right {
    display: flex;
    margin: 0 auto;
    align-items: center;
  }
  html body .five-connect .container .right .item {
    width: 34.6875vw;
    height: 20.98958vw;
  }
  html body .five-connect .container .right .item img {
    width: 100%;
    transform: translateY(-4.16667vw);
  }
  html body .five-connect .min-container {
    margin: 0 auto;
    height: 27.1875vw;
  }
  html body .five-connect .min-container .top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #e7ebf1;
    border-radius: 4px;
    padding: 5px;
  }
  html body .five-connect .min-container .top .box {
    cursor: pointer;
  }
  html body .five-connect .min-container img {
    width: 100%;
  }
  html body .five-connect .bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
  }
  html body .five-connect .bottom img {
    width: 62.5vw;
  }
  html body .six-center {
    height: auto !important;
    background: url("../imgs/six-center-bg.png") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
  }
  html body .six-center .title {
    padding: 5.20833vw 0 0.83333vw;
    font-weight: 600;
    font-size: 18px !important;
  }
  html body .six-center .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #626973;
    margin-bottom: 3.125vw;
  }
  html body .six-center ul {
    margin: 0 auto;
    height: 60px !important;
    line-height: 60px !important;
    width: unset !important;
    border-bottom: 0.05208vw solid #ced2d9;
    display: flex !important;
    flex-flow: row nowrap !important;
    overflow-x: auto !important;
  }
  html body .six-center ul::-webkit-scrollbar {
    display: none !important;
  }
  html body .six-center ul li {
    float: left;
    width: 160px !important;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: unset !important;
    text-overflow: ellipsis;
    margin-right: 20px;
  }
  html body .six-center ul li span {
    font-weight: 600;
    font-size: 16px !important;
  }
  html body .six-center ul li img {
    width: 1.25vw;
    min-width: 24px;
    height: 1.25vw;
    min-height: 24px;
    margin-right: 0.83333vw;
  }
  html body .six-center .container-box .container {
    width: 87.8125vw !important;
    margin: 3.125vw auto 5.20833vw;
    overflow: hidden;
    display: flex;
    flex-flow: column-reverse !important;
  }
  html body .six-center .container-box .container .left {
    width: unset !important;
    display: flex;
    align-items: center;
    transform: translateX(10px) !important;
    width: 300px;
  }
  html body .six-center .container-box .container .left img {
    width: 100% !important;
  }
  html body .six-center .container-box .container .right {
    text-align: left;
    flex: 1;
  }
  html body .six-center .container-box .container .right .item {
    min-height: 3.85417vw;
    margin-bottom: 1.04167vw;
    box-sizing: border-box;
  }
  html body .six-center .container-box .container .right .item .sub—title {
    font-weight: 600;
    font-size: 12px !important;
    display: block !important;
    text-align: left;
    color: #333840;
    margin-left: 8px !important;
    margin-bottom: 10px !important;
    align-items: center;
  }
  html body .six-center .container-box .container .right .item .sub—title img {
    width: 2.5vw;
    min-width: 48px !important;
    margin-right: 1.04167vw;
  }
  html body .six-center .container-box .container .right .item .sub-title-1 {
    text-align: center;
    font-weight: 600;
    font-size: 16px !important;
    display: block !important;
    margin-top: 28px;
    margin-bottom: 20px;
  }
  html body .six-center .container-box .container .right .item .sub-desc {
    display: none !important;
    margin-top: 0.41667vw;
    font-size: 0.875rem;
    color: #626973;
    margin-bottom: 1.14583vw;
  }
  html body .six-center-1 {
    display: block !important;
    width: unset !important;
    height: auto !important;
    background: url("../imgs/six-center-bg.png") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    text-align: center;
    box-sizing: border-box;
    overflow: unset !important;
    margin: 0 auto !important;
  }
  html body .six-center-1 .title {
    padding: 5.20833vw 0 0.83333vw;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 2.5rem !important;
  }
  html body .six-center-1 .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #626973;
    margin-bottom: 3.125vw;
  }
  html body .six-center-1 ul {
    margin: 0 auto;
    height: 60px !important;
    line-height: 60px !important;
    width: unset !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    border-bottom: 0.05208vw solid #ced2d9;
    overflow-x: auto !important;
  }
  html body .six-center-1 ul::-webkit-scrollbar {
    display: none !important;
  }
  html body .six-center-1 ul li {
    float: left;
    margin-right: 20px;
    width: 160px !important;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: unset !important;
    text-overflow: ellipsis;
  }
  html body .six-center-1 ul li span {
    font-weight: 600;
    font-size: 16px !important;
  }
  html body .six-center-1 ul li img {
    width: 1.25vw;
    min-width: 24px;
    height: 1.25vw;
    min-height: 24px;
    margin-right: 0.83333vw;
  }
  html body .six-center-1 .ul {
    margin: 0 auto;
    height: 60px !important;
    line-height: 60px !important;
    width: unset !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    border-bottom: 0.05208vw solid #ced2d9;         
    overflow-x: auto !important;
  }
  html body .six-center-1 .ul::-webkit-scrollbar {
    display: none !important;
  }
  html body .six-center-1 .ul .li {
    float: left;
    margin-right: 20px;
    width: 160px !important;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: unset !important;
    text-overflow: ellipsis;
  }
  html body .six-center-1 .ul .li span {
    font-weight: 600;
    font-size: 18px !important;
  }
  html body .six-center-1 .ul .li img {
    width: 1.25vw;
    min-width: 24px;
    height: 1.25vw;
    min-height: 24px;
    margin-right: 0.83333vw;
  }
  html body .six-center-1 .container-box .container {
    width: 100%;
    overflow: hidden;
    display: unset;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 600;
  }
  html body .six-center-1 .container-box .container .left {
    margin-top: 28px;
    width: unset !important;
  }
  html body .six-center-1 .container-box .container .left img {
    width: 89% !important;
  }
  html body .five-secure {
    text-align: center;
    height: 1640px !important;
    box-sizing: border-box;
    background: url("../imgs/36.gif") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .five-secure .title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 2.5rem !important;
    color: #ffffff;
    padding-top: 5.20833vw;
    padding-bottom: 0.83333vw;
  }
  html body .five-secure .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #ffffff;
    margin-bottom: 3.125vw;
  }
  html body .five-secure .container {
    text-align: left;
    margin: 0 auto;
    width: 335px !important;
    height: 302px !important;
    display: block !important;
  }
  html body .five-secure .container div {
    width: 100% !important;
    background-size: cover;
    border-radius: 8px !important;
    padding: 9px;
  }
  html body .five-secure .container .sub-title {
    font-weight: 600;
    font-size: 18px !important;
    color: #333840;
    margin: 3.125vw 0 0 2.08333vw;
  }
  html body .five-secure .container .content-box {
    margin: 2.29167vw 0 0 2.08333vw;
    display: block !important;
    flex-direction: column;
    flex-flow: row wrap !important;
    gap: 1.04167vw;
  }
  html body .five-secure .container .content-box .unset-wrap {
    white-space: unset !important;
  }
  html body .five-secure .container .content-box .content {
    width: 15.625rem !important;
    font-weight: 400;
    font-size: 0.875rem;
    color: #333840;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  html body .five-secure .container .content-box .content img {
    width: 16px !important;
    margin-right: 0.625vw;
  }
  html body .five-secure .container .left_top {
    grid-area: left_top;
    background: url("../imgs/five-375-01.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    margin-bottom: 10px;
  }
  html body .five-secure .container .center_top {
    grid-area: center_top;
    background: url("../imgs/five-375-02.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    margin-bottom: 10px;
  }
  html body .five-secure .container .right_top {
    background: url("../imgs/five-375-03.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    grid-area: right_top;
    margin-bottom: 10px;
  }
  html body .five-secure .container .bottom_left {
    background: url("../imgs/five-375-05.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    grid-area: bottom_left;
    margin-bottom: 10px;
  }
  html body .five-secure .container .bottom_right {
    background: url("../imgs/five-375-04.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    grid-area: bottom_right;
    margin-bottom: 10px;
  }
  html body .five-secure .min-container {
    width: 62.5vw;
    height: 34.79167vw;
    margin: 0 auto;
  }
  html body .five-secure .min-container img {
    width: 100%;
  }
  html body .five-secure .mid-container {
    width: 62.5vw;
    margin: 0 auto;
  }
  html body .five-secure .mid-container img {
    width: 100%;
  }
  html body .open_environment {
    text-align: center;
    height: 54.25rem !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    box-sizing: border-box;
  }
  html body .open_environment .title {
    padding: 5.20833vw 0 0.83333vw;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 2.5rem !important;
  }
  html body .open_environment .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #626973;
    margin-bottom: 3.125vw;
  }
  html body .open_environment .container {
    margin: auto;
    height: 30.41667vw;
    width: 87.8125vw !important;
    display: grid;
    grid-template-rows: unset !important;
    grid-template-columns: unset !important;
    grid-gap: 1.25vw;
  }
  html body .open_environment .container .item:nth-child(1) {
    background: url("../imgs/Frame 1000007450.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .open_environment .container .item:nth-child(2) {
    background: url("../imgs/Frame 1000007450-1.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .open_environment .container .item:nth-child(3) {
    background: url("../imgs/Frame 1000007452.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .open_environment .container .item:nth-child(4) {
    background: url("../imgs/Frame 1000007452-1.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .open_environment .container .item {
    border-radius: 0.41667vw;
    padding: 3.33333vw 0 0 3.33333vw;
    height: 11.25rem !important;
    text-align: left;
    box-sizing: border-box;
    margin-bottom: 10px !important;
  }
  html body .open_environment .container .item .sub_title {
    font-weight: 600;
    font-size: 18px !important;
    margin-bottom: 20px;
    color: #333840;
  }
  html body .open_environment .container .item .desc {
    margin-top: 1.25vw;
    font-weight: 400;
    font-size: 0.875rem;
    color: #626973;
    width: unset !important;
    line-height: 28px !important;
  }
  html body .open_environment .min-container {
    margin: auto;
    height: 30.41667vw;
    width: 62.5vw;
  }
  html body .open_environment .min-container img {
    width: 100%;
  }
  html body .deploy-form {
    height: 42.25rem !important;
    background: url("../imgs/yd41.png") no-repeat !important;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    text-align: center;
    box-sizing: border-box;
  }
  html body .deploy-form .title {
    padding: 5.20833vw 0 0.83333vw;
    font-weight: 600;
    font-size: 18px !important;
  }
  html body .deploy-form .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #626973;
    margin-bottom: 3.125vw;
  }
  html body .deploy-form .container {
    margin: auto;
    width: 87.8125vw !important;
    height: 21.25rem !important;
    box-sizing: border-box;
    display: block !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(2, 1fr) !important;
    grid-gap: 1.25vw;
    text-align: left;
  }
  html body .deploy-form .container .item {
    background: #ffffff;
    border: 0.05208vw solid #e6e6e7;
    border-radius: 0.41667vw;
    box-sizing: border-box;
    padding: 0 1.66667vw;
    margin-bottom: 24px !important;
    box-shadow: 0 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(0.10417vw);
    border: 0.05208vw solid transparent;
  }
  html body .deploy-form .container .item img {
    width: 5vw;
  }
  html body .deploy-form .container .item .sub-title {
    font-style: normal;
    font-weight: 600;
    font-size: 16px !important;
    color: #333840;
    padding: 2.70833vw 0 0.83333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  html body .deploy-form .container .item .sub-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.375rem !important;
    width: unset !important;
    color: #626973;
  }
  html body .deploy-form .container .item:hover {
    box-shadow: 0 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(0.10417vw);
    border: 0.05208vw solid transparent;
  }
  html body .pro-plan {
    overflow: hidden !important;
    text-align: center;
    height: 655px !important;
    background: url("../imgs/professional-plan.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .pro-plan .pagination-container {
    width: 87.8125vw !important;
  }
  html body .pro-plan .title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    color: #333840;
    padding: 5.20833vw 0 0.83333vw;
  }
  html body .pro-plan .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    color: #626973;
    margin-bottom: 3.75vw;
  }
  /* html body .pro-plan ul {
    width: 87.8125vw !important;
    height: 60px !important;
    line-height: 60px !important;
    margin: auto;
    margin-bottom: 1.66667vw;
    display: flex;
    justify-content: space-between;
  }
  html body .pro-plan ul li {
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
  }
  html body .pro-plan ul li:hover {
    color: #267fff;
    border-bottom: 0.10417vw solid #267fff;
  } */
  html body .pro-plan ul {
    margin: 0 auto;
    height: 60px !important;
    line-height: 60px !important;
    width: unset !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    border-bottom: 0.05208vw solid #ced2d9;
    overflow-x: auto !important;
  }
  html body .pro-plan ul::-webkit-scrollbar {
    display: none !important;
  }
  html body .pro-plan ul li {
    float: left;
    margin-right: 20px;
    width: 160px !important;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: unset !important;
    text-overflow: ellipsis;
  }
  html body .pro-plan ul li span {
    font-weight: 600;
    font-size: 16px !important;
  }
  html body .pro-plan .container {
    margin: auto;
    width: 87.8125vw !important;
    height: 44.125rem !important;
    background: #ffffff;
    border-radius: 0.41667vw;
    display: block !important;
    grid-template-columns: 32.29167vw 30.20833vw;
    text-align: left;
  }
  html body .pro-plan .container .left {
    flex: 1;
    padding: 3.125vw;
  }
  html body .pro-plan .container .left .heighlight-title {
    font-weight: 600;
    font-size: 20px !important;
    color: #267fff;
  }
  html body .pro-plan .container .left .sub-title {
    font-weight: 600;
    font-size: 20px !important;
    color: #333840;
  }
  html body .pro-plan .container .left .sub-desc {
    width: unset !important;
    font-weight: 400;
    font-size: 1rem;
    color: #626973;
    height: 80px !important;
    line-height: 32px !important;
    margin: 1.25vw 0 16.45833vw !important;
  }
  html body .pro-plan .container .left .tags-container {
    width: unset !important;
    height: 1.5625vw;
    display: flex;
    gap: 0.625vw;
  }
  html body .pro-plan .container .left .tags-container div {
    width: 5.5rem !important;
    height: 1.71875vw;
    border-radius: 0.20833vw;
    line-height: 1.71875vw;
    text-align: center;
    font-weight: 500;
    font-size: 0.875rem;
  }
  html body .pro-plan .container .left .tags-container div:nth-child(1) {
    background: rgba(38, 127, 255, 0.1);
    color: #267fff;
  }
  html body .pro-plan .container .left .tags-container div:nth-child(2) {
    background: rgba(58, 194, 112, 0.1);
    color: #3ac270;
  }
  html body .pro-plan .container .left .tags-container div:nth-child(3) {
    background: rgba(76, 202, 241, 0.1);
    color: #4ccaf1;
  }
  html body .pro-plan .container .right {
    flex: 1;
    margin: 0 auto;
    width: 100%;
  }
  html body .pro-plan .container .right img {
    width: 100% !important;
    height: unset !important;
  }
  html body .various-plan {
    height: 46.45833vw;
    background: url("../imgs/variable-plans.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    text-align: center;
    overflow: hidden;
  }
  html body .various-plan .title {
    padding: 5.20833vw 0 0.83333vw;
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    color: #ffffff;
  }
  html body .various-plan .desc {
    font-weight: 400;
    font-size: 14px !important;
    margin-bottom: 3.125vw;
    color: rgba(255, 255, 255, 0.8);
  }
  html body .various-plan .container {
    width: 87.8125vw !important;
    margin: auto;
    display: grid;
    position: relative;
  }
  html body .various-plan .container .owl-item {
    height: 53.95833vw;
  }
  html body .various-plan .container .owl-item .item {
    position: absolute;
    height: 23.22917vw;
    z-index: 9999;
    bottom: 26.875vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 0.41667vw;
    padding: 0.83333vw;
    transition: all 0.4s ease;
  }
  html body .various-plan .container .owl-item .item .box {
    transform: translateY(28px);
    transition: all 0.4s ease;
  }
  html body .various-plan .container .owl-item .item .box .box-t {
    position: relative;
    overflow: hidden;
    /* 加个动画过渡 */
    transition: all 0.4s ease;
  }
  html body .various-plan .container .owl-item .item .box .box-t .cover-img {
    height: 8.95833vw;
    border-radius: 0.20833vw;
    overflow: hidden;
  }
  html body .various-plan .container .owl-item .item .box .box-t .cover-img img {
    display: block;
  }
  html body .various-plan .container .owl-item .item .box .box-t .icon-small {
    height: 1.66667vw;
    width: 1.66667vw;
    margin: 1.66667vw auto 0.83333vw;
  }
  html body .various-plan .container .owl-item .item .box .box-t p {
    font-style: normal;
    font-weight: 500;
    font-size: 1.5rem;
    color: #333840;
  }
  html body .various-plan .container .owl-item .item .box .box-t .line {
    width: 2.08333vw;
    height: 0px;
    border-bottom: 0.10417vw solid #333840;
    margin: 1.66667vw auto;
  }
  html body .various-plan .container .owl-item .item .box .box-t .sub-title {
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    color: #333840;
    margin-bottom: 0.41667vw;
  }
  html body .various-plan .container .owl-item .item .box .box-t .sub-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    color: #626973;
    margin-bottom: 2.5vw;
  }
  html body .various-plan .container .owl-item .item .box .detail {
    margin-top: 0.83333vw;
    font-weight: 500;
    font-size: 1rem;
    color: #267fff;
    opacity: 0;
    transition: all 0.4s ease;
  }
  html body .various-plan .container .owl-item .item:hover {
    height: 26.5625vw;
  }
  html body .various-plan .container .owl-item .item:hover .box {
    transform: unset;
  }
  html body .various-plan .container .owl-item .item:hover .box .detail {
    opacity: 1;
  }
  html body .various-plan .container .owl-nav,
  html body .various-plan .container .owl-dots {
    display: none;
  }
  html body .pass_platform_check {
    text-align: center;
    height: auto !important;
  }
  html body .pass_platform_check .title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    color: #333840;
    padding: 5.20833vw 0 3.125vw;
  }
  html body .pass_platform_check .img-container {
    width: 87.8125vw !important;
    display: none !important;
    margin: 0 auto 5.20833vw;
  }
  html body .pass_platform_check .img-container img {
    width: 100%;
  }
  html body .pass_platform_check .img-container-sm {
    display: block !important;
    margin: 0 auto;
    width: unset !important;
  }
  html body .pass_platform_check .img-container-sm img {
    width: 90%;
  }
  html body .global_scene_platform {
    background: url("../imgs/bottom-work-plat.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    text-align: center;
    height: 200px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3.125vw;
    box-sizing: border-box;
  }
  html body .global_scene_platform .container {
    width: 87.8125vw !important;
    margin: auto;
  }
  html body .global_scene_platform .container .left {
    flex: 1;
  }
  html body .global_scene_platform .container .left .btn-container {
    height: 129px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  html body .global_scene_platform .container .left .title {
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    color: #333840;
    height: 2.34375vw;
  }
  html body .global_scene_platform .container .left .btn_free_use {
    width: 180px !important;
    height: 52px !important;
    min-width: unset !important;
    min-height: unset !important;
    background: linear-gradient(270deg, rgba(38, 127, 255, 0.8) 0%, #267fff 100%);
    box-shadow: 0px 0.625vw 1.25vw rgba(40, 128, 255, 0.2);
    border-radius: 0.41667vw;
    color: #ffffff;
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 2.70833vw;
    padding: auto 2.5vw;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  html body .global_scene_platform .container .left .btn_free_use a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  html body .global_scene_platform .container .left .btn_free_use a span {
    margin-right: 0.20833vw;
  }
  html body .global_scene_platform .container .left .btn_free_use img {
    min-width: 0.88542vw;
    min-height: 0.88542vw;
  }
  html body .global_scene_platform .container .right {
    flex: 1;
  }
  html body footer .footer-container {
    overflow: hidden;
    position: relative;
  }
  html body footer .footer-container .footer {
    width: 87.8125vw !important;
    height: 31.09375vw;
    margin: auto;
    background: #ffffff;
    display: grid;
    grid-template-columns: 62.5vw 1fr;
  }
  html body footer .footer-container .footer .main-container .logo {
    width: 10.88542vw;
    height: 1.71875vw;
    margin: 5.20833vw 0 2.08333vw;
    transform: translateX(-1.25vw);
  }
  html body footer .footer-container .footer .main-container .container {
    display: grid;
    grid-template-columns: 5vw 5vw 5vw 5vw 18.75vw;
    grid-gap: 1.40625vw 7.60417vw;
  }
  html body footer .footer-container .footer .main-container .container div {
    white-space: nowrap;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    color: #626973;
    display: flex;
    align-items: center;
  }
  html body footer .footer-container .footer .main-container .container div a {
    color: #626973;
  }
  html body footer .footer-container .footer .main-container .container div .sub-title {
    margin-right: 0.83333vw;
  }
  html body footer .footer-container .footer .main-container .container div .sub-title img {
    width: 1.25vw;
  }
  html body footer .footer-container .footer .main-container .container .scan-img {
    position: relative;
  }
  html body footer .footer-container .footer .main-container .container .scan-img .wechat-modal {
    z-index: 2;
    position: absolute;
    width: 8.33333vw;
    height: 8.33333vw;
    left: -3.646vw;
    bottom: 2.34375vw;
    background: #ffffff;
    border-radius: 0.20833vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
  }
  html body footer .footer-container .footer .main-container .container .scan-img .wechat-modal img {
    width: 5.46875vw;
    margin-bottom: 0.3125vw;
  }
  html body footer .footer-container .footer .main-container .container .scan-img::after {
    content: '';
    position: absolute;
    left: 0.57292vw;
    top: -1.042vw;
    transform: translate(-50%, 0);
    z-index: 2;
    border-top: 0.3125vw solid #fff;
    border-right: 0.3125vw solid transparent;
    border-left: 0.3125vw solid transparent;
    box-sizing: content-box;
    width: 0;
    height: 0;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
  }
  html body footer .footer-container .footer .main-container .container .title {
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
  }
  html body footer .footer-container .fixed_footer {
    position: absolute;
    right: 1.25vw;
    top: 50vh;
    width: 3.33333vw;
    height: 15vw;
    background: #ffffff;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
    border-radius: 2.23958vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.41667vw;
    z-index: 99999;
    cursor: pointer;
  }
  html body footer .footer-container .fixed_footer .item {
    border-radius: 1.45833vw;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s linear;
    position: relative;
  }
  html body footer .footer-container .fixed_footer .item img {
    width: 2.55208vw;
    height: 2.55208vw;
  }
  html body footer .footer-container .fixed_footer .item:hover {
    background: #f7f8f9;
  }
  html body footer .footer-container .fixed_footer .phone-modal {
    position: absolute;
    z-index: 2;
    top: -1.042vw;
    right: 3.38542vw;
    padding: 1.25vw;
    background: #ffffff;
    border-radius: 0.20833vw;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
  }
  html body footer .footer-container .fixed_footer .phone-modal .service-title {
    width: auto;
    height: auto;
    font-weight: 400;
    font-size: 0.875rem;
    color: #267fff;
    margin-bottom: 0.20833vw;
  }
  html body footer .footer-container .fixed_footer .phone-modal .service-phone {
    height: auto;
    width: auto;
    font-weight: 500;
    font-size: 1rem;
    color: #333840;
  }
  html body footer .footer-container .fixed_footer .phone-modal::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 2.34375vw;
    transform: translate(-50%, 0);
    z-index: 2;
    border-bottom: 0.3125vw solid transparent;
    border-left: 0.3125vw solid #fff;
    border-top: 0.3125vw solid transparent;
    box-sizing: content-box;
    width: 0;
    height: 0;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
  }
  html body footer .footer-container .fixed_footer .scan-container {
    position: relative;
  }
  html body footer .footer-container .fixed_footer .scan-container .scan-code-modal {
    position: absolute;
    top: -3.698vw;
    right: 3.4375vw;
    width: 9.6875vw;
    height: 9.375vw;
    background: #ffffff;
    border-radius: 0.20833vw;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
  }
  html body footer .footer-container .fixed_footer .scan-container .scan-code-modal .service-phone {
    font-size: 0.875rem;
    color: #333840;
  }
  html body footer .footer-container .fixed_footer .scan-container .scan-code-modal img {
    width: 5.46875vw;
    height: 5.46875vw;
    margin-bottom: 0.3125vw;
  }
  html body footer .footer-container .fixed_footer .scan-container .scan-code-modal::after {
    content: '';
    position: absolute;
    right: -vw(6);
    top: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
    border-bottom: 0.3125vw solid transparent;
    border-left: 0.3125vw solid #fff;
    border-top: 0.3125vw solid transparent;
    box-sizing: content-box;
    width: 0;
    height: 0;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
  }
  html body .my-bullet-active {
    background: #ffffff !important;
    opacity: 1;
  }
  html body .swiper-pagination-bullet {
    transform: translate(-vw(222), -vw(230));
    width: 4.16667vw;
    height: 0.20833vw;
    border-radius: 0.52083vw;
    background: #ffffff;
    font-weight: 600;
  }
  html body .pro-container {
    position: relative;
  }
  html body .pro-container .pagination-container {
    width: unset !important;
    height: 54px !important;
    line-height: 54px !important;
    font-weight: 500;
    font-size: 1.25rem;
    margin: auto;
    transform: translateY(-0.865vw);
  }
  html body .pro-container .pagination-container .pro-swiper-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    flex-flow: row nowrap;
    overflow-x: auto;
    gap: 20px;
  }
  html body .pro-container .pagination-container .pro-swiper-pagination::-webkit-scrollbar {
    display: none !important;
  }
  html body .pro-container .pagination-container .pro-swiper-pagination .swiper-pagination-bullet {
    width: 600px;
    border-radius: unset;
    height: 100%;
    display: block;
    white-space: nowrap;
    font-size: 16px !important;
  }
  html body .pro-container .pagination-container .pro-swiper-pagination .swiper-pagination-bullet:active {
    border-bottom: 0.10417vw solid #267fff;
  }
  html body .pro-container .pagination-container .pro-swiper-pagination .swiper-pagination-bullet-active {
    color: #267fff;
    border-bottom: 0.10417vw solid #267fff;
  }
  html body .pro-container .swiper-pagination-bullet {
    transform: unset;
    height: unset;
    background: unset;
    width: auto;
  }
  html body .pro-container .swiper-pagination-bullet {
    opacity: unset;
  }
  html body .swiper-button-next,
  html body .swiper-button-prev {
    display: none !important;
    position: absolute;
    top: 12.5vw;
    width: 4.16667vw;
    height: 4.16667vw;
    background-position: center;
    border-radius: 50%;
    z-index: 2;
  }
  html body .swiper-button-prev {
    background: url("../imgs/Frame 1000007494.png") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    left: 11.25vw;
  }
  html body .swiper-button-prev:active {
    background: url("../imgs/Frame 1000007769.png") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .swiper-button-next {
    background: url("../imgs/Frame 1000007770.png") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    right: 11.25vw;
  }
  html body .swiper-button-next:active {
    background: url("../imgs/Frame 1000007495.png") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
}

@media (max-width: 481px) and (min-width: 300px) {
  html
body
.pro-container
.pagination-container
.pro-swiper-pagination
.swiper-pagination-bullet {
    font-size: 18px !important;
  }
  html body .menu .mHeader_menuList .anli {
    line-height: 35px !important;
  }
  html body footer .footer-container .footer .main-container .container {
    grid-template-columns: 1fr !important;
  }
  html body footer .footer-container .footer {
    height: unset !important;
  }
  html body footer .footer-container {
    display: none !important;
  }

body .modal{
display: none !important;
  }

html body .index-box #banner .swiper-wrapper .swiper-slide .container-one.label{
    display:none;
  }
html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .banner-video {
display: none !important;
  }
  .footer {
    display: block !important;
  }
  .footer .margin {
    display: flex;
    justify-content: center;
  }
  .footer .margin .footer-about {
    display: flex;
    padding: 20px 10px;
  }
  .footer .margin .footer-about .footer-address {
    padding: 10px;
    border-right: 1px solid #999999;
    width: 150px;
  }
  .footer .margin .footer-about .footer-address .about-title {
    font-size: 18px;
    color: #202020;
    margin-bottom: 20px;
  }
  .footer .margin .footer-about .footer-address .footer-comname {
    font-size: 12.8px;
    color: #202020;
    padding-bottom: 20px;
  }
  .footer .margin .footer-about .footer-address .footer-comaddress {
    margin-bottom: 20px;
    line-height: 20px;
  }
  .footer .margin .footer-about .footer-contact {
    padding: 10px;
  }
  .footer .margin .footer-about .footer-contact .about-title {
    font-size: 18px;
    color: #202020;
    margin-bottom: 20px;
  }
  .footer .margin .footer-about .footer-contact .footer-email {
    font-size: 12.8px;
    color: #202020;
    margin-bottom: 10px;
  }
  .footer .margin .footer-about .footer-contact .contact-inform {
    font-size: 16px;
    color: #2272ff;
    margin-bottom: 20px;
    font-weight: 500;
  }
  .footer .copybootom .cpoyright {
    text-align: center;
    font-size: 12px;
    color: #999999;
    padding: 0 20px;
  }
  .footer .copybootom .cpoyright a {
    color: #999999 !important;
    font-size: 12px;
  }
  .footer-comaddress {
    font-size: 12px !important;
  }
  footer .footer-bottom-container {
    display: none !important;
  }
  html body .menu .menu-1 {
    top: 3px !important;
  }
  .index-box .nav-container {
    display: flex;
    justify-content: space-between !important;
    height: 40px !important;
  }
  .index-box .nav-container .header-right,
  .index-box .nav-container .login {
    display: none;
  }
  .index-box .nav-container .menu {
    display: block !important;
    padding-right: 20px;
  }
  html body .index-box .nav-container .header-right li {
    float: left;
    width: unset;
  }
  html body .digital-space {
    height: 40.29vw !important;
  }
  html body .work-space {
    height: unset !important;
  }
  html body .work-space .content-container {
    height: unset !important;
  }
  html body .work-space .content-container .left {
    width: 19.05208vw !important;
    height: unset !important;
  }
  html body .work-space .content-container .right {
    grid-template-columns: repeat(2, 1fr);
  }
  html body .open_environment {
    height: 60.875vw !important;
  }
  html body .six-center {
    height: unset !important;
  }
  html body .deploy-form {
    height: 80vw !important;
  }
  html body .deploy-form .container {
    grid-template-columns: unset !important;
  }
  html body .pro-plan .container .left .tags-container {
    display: none;
  }
  html body footer .footer-container .footer .main-container .container {
    grid-template-columns: 1fr 1fr !important;
  }
  html body footer .footer-container .footer {
    height: unset !important;
  }
  html body .pro-plan .container .left .tags-container {
    display: none !important;
  }
  footer .footer-bottom-container {
    display: none !important;
  }
  html body {
    font-size: 12px !important;
    font-family: 'PingFang SC';
    font-style: normal;
    min-width: 375px;
    color: #333840;
  }
  html body .index-box {
    position: relative;
    height: 380px !important;
    /* overflow: hidden; */
  }
  html body .index-box1{
    height: 100% !important;
  }
  html body .index-box2{
    overflow: hidden;
  }
  html body .index-box #banner {
    height: 100% !important;
  }
  html body .index-box #banner .swiper-wrapper {
    height: 100% !important;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide {
    height: 100%;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left {
    position: absolute;
    left: 6.5vw !important;
    top: 23.41667vw !important;

    
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .title {
    width: 585px;
    height: 60px;
    font-family: 'FZLanTingHeiS-H-GB';
    font-style: normal;
    font-weight: 400;
    font-size: 32px !important;
    line-height: 100%;
    margin-bottom: 12px;
    color: #267fff;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .desc {
    font-family: 'PingFang SC';
    font-style: normal;
    font-weight: 400;
    font-size: 1rem !important;
    line-height: 34px;
    color: #267fff;
    margin-bottom: 36px;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .first-banner-img {
    margin-bottom:  -18.125vw !important;
    width: 80% !important;
    height: 100% !important;
    transform: unset !important;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .free-use-btn {
    width: 140px !important;
    height: 40px !important;
    background: #267fff;
    backdrop-filter: blur(16px);
    border-radius: 0.41667vw;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .free-use-btn:hover span {
    transform: translateX(-0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .free-use-btn:hover img {
    transform: translateX(0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .free-use-btn-deep {
    width: 140px !important;
    height: 40px !important;
    background: #267fff;
    backdrop-filter: blur(16px);
    border-radius: 0.41667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(122px, 138px);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .free-use-btn-deep:hover span {
    transform: translateX(-0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .iframe-box .left .free-use-btn-deep:hover img {
    transform: translateX(0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one {
    width: 62.5vw !important;
    margin: 0 auto;
    height: 26.875vw;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left {
    margin-top: 15.625vw;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .title {
    width: 32.5vw;
    height: 4.01042vw;
    font-weight: 700;
    font-size: 3rem;
    color: #ffffff;
    margin-top: 7.29167vw;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .desc {
    height: 1.25vw;
    font-weight: 400;
    font-size: 1.5rem;
    color: rgba(255, 255, 255, 0.8);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn {
    width: 140px !important;
    height: 40px !important;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(0.83333vw);
    border-radius: 0.41667vw;
    margin-top: 2.08333vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    color: #ffffff;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn .arrow-right {
    margin-left: 0.3125vw;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn:hover span {
    transform: translateX(-0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn:hover img {
    transform: translateX(0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn-deep {
    width: 140px !important;
    height: 40px !important;
    background: #267fff;
    backdrop-filter: blur(16px);
    border-radius: 0.41667vw;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(122px, 138px) !important;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn-deep:hover span {
    transform: translateX(-0.26042vw);
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .left .free-use-btn-deep:hover img {
    transform: translateX(0.26042vw);
  }
  html body .index-box #banner .swiper-pagination {
    bottom: 90px !important;
    left: -94px !important;
  }
  html body .index-box #banner .swiper-pagination .swiper-pagination-bullet {
    width: 40px !important;
    height: 5px !important;
  }

  html body .index-box #banner .swiper-wrapper .swiper-slide:nth-child(1) {
    background: url("../imgs/banner1-yd.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }



  html body .index-box #banner .swiper-wrapper .swiper-slide:nth-child(2) {
    background: url("../imgs/banner2-yd.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .index-box #banner .swiper-wrapper .swiper-slide:nth-child(4) {
    background: url("../imgs/banner3-yd.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .index-box #banner .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 10.41667vw;
    left: -24.4791666667vw;
    width: 100%;
  }
  html body .index-box .nav-container {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    height: 3.125vw;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
    z-index: 999;
  }
  html body .index-box .nav-container .logo,
  html body .index-box .nav-container .deep-logo {
    width: auto;
    padding-left: 2.08333vw;
  }
  html body .index-box .nav-container .logo img,
  html body .index-box .nav-container .deep-logo img {
    width: 10.41667vw;
    height: 2.08333vw;
    min-width: 90px;
    min-height: 18px;
  }
  html body .index-box .nav-container .logo .logo-text,
  html body .index-box .nav-container .deep-logo .logo-text {
    font-size: 10px;
    margin-top: -2px;
  }
  html body .index-box .nav-container .header-right li {
    float: left;
    margin-right: 2.08333vw;
    font-weight: 400;
    font-size: 1rem;
    color: #ffffff;
    cursor: pointer;
    position: relative;
  }
  html body .index-box .nav-container .header-right li a {
    color: #ffffff;
    font-weight: 400;
    font-size: 1rem;
  }
  html body .index-box .nav-container .header-right li:hover li a {
    color: #333840;
  }

  html body .index-box .nav-container .header-right li .menu-hd div {
    height: 1.04167vw;
  }
  html body .index-box .nav-container .header-right li .menu-hd a {
    display: block;
    color: #333840;
    line-height: 3.125vw;
    width: 100%;
    padding: 0.52083vw 1.82292vw;
    white-space: nowrap;
  }
  html body .index-box .nav-container .header-right li .menu-hd a:hover {
    color: #2272ff;
    background-color: #e8f0ff;
  }
  html body .index-box .nav-container .header-right li .menu-hd:hover {
    display: block;
  }
  html body .index-box .nav-container .header-right li:hover .menu-hd {
    display: block;
  }
  html body .index-box .nav-container .header-right .product-component:hover .menu-hd {
    display: block;
  }
  html body .index-box .nav-container .login {
    width: 12.5vw;
    text-align: right;
    padding-right: 1.77083vw;
  }
  html body .index-box .nav-container .menu-box {
    transform: translateX(-vw(12));
    position: absolute;
    height: 24.58333vw;
    width: 100%;
    background: #ffffff;
    top: 3.125vw;
    left: 0;
  }
  html body .index-box .nav-container .menu-box .menu-container {
    box-sizing: border-box;
    display: grid;
    width: 62.5vw;
    height: 100%;
    margin: auto;
    grid-template-columns: repeat(4, 10vw);
    grid-template-rows: 5.41667vw repeat(7, 2.5vw);
    color: #333840;
    font-size: 0.875rem;
  }
  html body .index-box .nav-container .menu-box .menu-container div {
    width: 10vw;
    height: 2.5vw;
    line-height: 2.5vw;
    padding-left: 0.83333vw;
    border-radius: 0.20833vw;
    align-items: center;
  }
  html body .index-box .nav-container .menu-box .menu-container .hover-div {
    cursor: pointer;
  }
  html body .index-box .nav-container .menu-box .menu-container .hover-div:hover {
    background-color: #e9f2ff;
  }
  html body .index-box .nav-container .menu-box .menu-container .sub-header {
    display: flex;
    align-items: center;
    color: #333840;
    height: 3.75vw;
    font-weight: 500;
    border-bottom: solid 1px #e6e6e7;
    margin: 0.83333vw 0;
  }
  html body .index-box .nav-container .menu-box .menu-container .sub-header img {
    padding-right: 0.625vw;
  }
  html body .index-box .header-bottom-container {
    bottom: 0;
    z-index: 999;
    position: absolute;
    width: 100%;
    height: 64px !important;
    left: 0;
    background: rgba(0, 67, 160, 0.2);
    backdrop-filter: blur(0.52083vw);
  }
  html body .index-box .header-bottom-container .bottom {
    width: unset !important;
    height: 100%;
    margin: auto;
    display: flex;
    justify-content: space-around !important;
    align-items: center;
  }
  html body .index-box .header-bottom-container .bottom .left {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 400;
    font-size: 0.875rem;
    color: #ffffff;
  }
  html body .index-box .header-bottom-container .bottom .left .zy-dynamic {
    font-weight: 400;
    font-size: 1rem;
    margin-right: 1.66667vw;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 4px 8px;
    gap: 10px px;
    width: 80px;
    height: 32px;
    background: #ffffff;
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 24px;
    color: #267fff;
  }
  html body .index-box .header-bottom-container .bottom .left .zy-content {
    width: 200px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px !important;
  }
  html body .index-box .header-bottom-container .bottom .left .zy-content a {
    font-size: 14px !important;
  }
  html body .index-box .header-bottom-container .bottom .right:hover {
    transform: translateX(0.52083vw);
  }
  html body .menu {
    display: none;
    z-index: 999;
  }
  html body .menu .menu-1 {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 20px;
    min-height: 20px;
    position: absolute;
    right: 1rem;
    top: 0.8rem;
    background: url(../imgs/liebiao.png) no-repeat;
    background-size: 100% 100%;
  }
  html body .menu .quxiao {
    width: 1.5rem;
    height: 1.5rem;
    min-width: 20px;
    min-height: 20px;
    position: absolute;
    right: 1rem;
    top: 3px !important;
    background: url(../imgs/quxiao.png) no-repeat;
    background-size: 100% 100%;
  }
  html body .menu .mHeader_menuList {
    display: none;
    line-height: 35px !important;
    text-shadow: none;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    position: absolute;
    width: 100%;
    padding: 0 10px;
    top: 40px !important;
    left: 0;
    z-index: 9999;
    background: linear-gradient(45deg, #00e9d2 0%, #005eff 100%);
    height: 100vh;
  }
  html body .menu .mHeader_menuList .anli {
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    text-shadow: none;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    list-style: none;
    padding: 0 1rem 0;
    color: #fff;
    font-size: 12px;
  }
  html body .menu .mHeader_menuList .anli a {
    display: block;
    color: #fff;
    border-bottom: 1px solid #eceef1;
    font-size: 12px;
  }
  html body .menu .mHeader_menuList .anli .anli_n {
    line-height: 20px;
    box-sizing: border-box;
    padding-left: 2rem;
    overflow: hidden;
  }
  html body .menu .mHeader_menuList .anlimany {
    background: url(../imgs/jiantou.png) no-repeat right 1.1rem top 0.6rem;
  }
  html body .digital-space {
    height: auto !important;
    box-sizing: border-box;
    background-color: #f6faff;
    margin-bottom: 20px! important;
  }
  html body .digital-space .title {
    display: none !important;
  }
  html body .digital-space .mobile-title {
    display: block !important;
    text-align: center;
    font-weight: 600;
    font-size: 24px !important;
    color: #333840;
    padding: 5.20833vw 0 0.52083vw;
    line-height: 2.5rem !important;
  }
  html body .digital-space .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #333840;
    margin: 0 auto 1.75rem !important;
    width: 90vw !important;
    line-height: 1.875rem !important;
  }
  html body .digital-space .icon-containers {
    width: 87.8125vw !important;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(6, 154px) !important;
    grid-gap: 16px !important;
    border-radius: 0.20833vw;
    align-items: center;
    justify-items: center;
    /* justify-content属性是整个内容区域在容器里面的水平位置（左中右），align-content属性是整个内容区域的垂直位置（上中下）。 */
    justify-content: center;
    align-content: center;
    margin-bottom: 40px !important;

  }
  html body .digital-space .icon-containers .sub-box {
    position: relative;
    width: 100%;
    height: 100%;
    font-weight: bold;
    color: #333840;
    background: linear-gradient(315deg, rgba(89, 158, 255, 0.04) 0%, rgba(38, 127, 255, 0.1) 100%);
    border-radius: 0.41667vw;
    padding: 3.64583vw 2.91667vw 0;
    font-weight: 400;
    font-size: 14px !important;
    line-height: 1.5rem !important;
    text-align: justify;
    color: #858d97;
    transition: all 1s;
  }
  html body .digital-space .icon-containers .sub-box .sub-title {
    font-weight: 500;
    font-size: 18px !important;
    line-height: 1.875rem !important;
    color: #333840;
    margin-bottom: 0.75rem !important;
    display: none !important;
  }
  html body .digital-space .icon-containers .sub-box .sub-title-hide {
    display: block !important;
    font-weight: 500;
    font-size: 18px !important;
    line-height: 1.875rem !important;
    color: #333840;
    font-weight: 600;
    margin-bottom: 0.75rem !important;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(1) {
    background: url("../imgs/0001.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(1):hover {
    background: url("../imgs/0001.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(2) {
    background: url("../imgs/0002.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(2):hover {
    background: url("../imgs/0002.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(3) {
    background: url("../imgs/0003.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(3):hover {
    background: url("../imgs/0003.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(4) {
    background: url("../imgs/0004.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(4):hover {
    background: url("../imgs/0004.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(5) {
    background: url("../imgs/0005.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(5):hover {
    background: url("../imgs/0005.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(6) {
    background: url("../imgs/0006.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .icon-containers .sub-box:nth-child(6):hover {
    background: url("../imgs/0006.png") no-repeat;
    background-size: cover;
  }
  html body .digital-space .min-container {
    width: 83.33333vw;
    margin: 0 auto;
  }
  html body .digital-space .min-container img {
    width: 100%;
  }
  html body .fixed-nav {
    display: none !important;
    display: flex;
    justify-content: center;
  }
  html body .fixed-nav .container {
    margin-bottom: 5.20833vw;
    display: flex;
    align-items: center;
    overflow-x: auto;
  }
  html body .fixed-nav .container::-webkit-scrollbar {
    display: none;
  }
  html body .fixed-nav .container .img-content-container {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
  }
  html body .fixed-nav .container .img-content-container div {
    height: 7.75rem !important;
    width: 10.6875rem !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
  }
  html body .fixed-nav .container .img-content-container div img {
    width: 5rem !important;
    height: 5rem !important;
    margin-bottom: 1rem !important;
  }
  html body .fixed-nav .container .img-content-container div span {
    width: 18.75rem !important;
    height: 7.75rem !important;
    font-weight: 500;
    font-size: 14px !important;
    line-height: 1.75rem !important;
    color: #333840;
  }
  html body .work-space {
    height: 495px !important;
    margin: unset !important;
    box-sizing: border-box;
    padding: 7.08333vw 0 7.83333vw !important;
    text-align: center;
    background: url("../imgs/global-bg-blue.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .work-space .title {
    font-weight: 600;
    font-size: 24px !important;
    padding: 2.08333vw 0 6.83333vw;
  }
  html body .work-space .desc {
    font-size: 14px !important;
    margin-bottom: 2.5rem !important;
    font-weight: 400;
    color: #626973;
    line-height: 1.75rem !important;
  }
  html body .work-space .img-container {
    display: block !important;
  }
  html body .work-space .img-container img {
    width: 90% !important;
  }
  html body .work-space .content-container {
    height: 22.8125vw;
    background: rgba(233, 236, 240, 0.4);
    backdrop-filter: blur(0.54688vw);
    border-radius: 0.41667vw;
    width: 62.5vw;
    margin: auto;
    display: flex;
    overflow: hidden;
    padding: 0.83333vw;
    box-sizing: border-box;
  }
  html body .work-space .content-container .left {
    box-sizing: border-box;
    text-align: left;
    width: 15.05208vw;
    height: 100%;
    background: linear-gradient(180deg, #0f71ff 0%, #3789ff 100%);
    border-radius: 0.20833vw;
    padding: 1.66667vw;
  }
  html body .work-space .content-container .left .sub-title {
    font-weight: 600;
    font-size: 1.5rem;
    color: #ffffff;
  }
  html body .work-space .content-container .left .desc {
    font-weight: 400;
    font-size: 0.72917vw;
    line-height: 1.14583vw;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.875rem;
    margin: 0.625vw 0 1.66667vw;
  }
  html body .work-space .content-container .left .equipment-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1.04167vw;
  }
  html body .work-space .content-container .left .equipment-list div {
    width: 5.46875vw;
    height: 1.66667vw;
    font-size: 1rem;
    color: #ffffff;
    display: flex;
    align-items: center;
  }
  html body .work-space .content-container .left .equipment-list div img {
    width: 0.72917vw;
    height: 0.72917vw;
    margin-right: 0.41667vw;
  }
  html body .work-space .content-container .left-img {
    width: 15.05208vw;
    height: 100%;
  }
  html body .work-space .content-container .left-img img {
    width: 100%;
  }
  html body .work-space .content-container .right {
    flex: 1;
    text-align: left;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
    margin: auto;
    grid-gap: 0.41667vw;
    box-sizing: border-box;
    padding: 0.41667vw;
  }
  html body .work-space .content-container .right .item {
    box-sizing: border-box;
    height: 10.15625vw;
    background: #ffffff;
    border-radius: 0.20833vw;
    padding: 1.66667vw;
    overflow: hidden;
  }
  html body .work-space .content-container .right .item .r-title {
    color: #333840;
    font-weight: 600;
    font-size: 1.25rem;
  }
  html body .work-space .content-container .right .item .r-desc {
    font-size: 0.875rem;
    color: #626973;
    margin: 0.625vw 0 1.19792vw;
  }
  html body .work-space .content-container .right .item img {
    width: 1.25vw;
    height: 1.25vw;
    min-width: 14px;
    min-height: 14px;
  }
  html body .work-space .content-container .right .item .second-img {
    width: 1.875vw;
    height: 1.875vw;
  }
  html body .five-connect {
    display: none !important;
    height: 60.125rem !important;
    text-align: center;
  }
  html body .five-connect .title {
    padding: 6.25rem 0 1rem !important;
    font-weight: 600;
    font-size: 18px !important;
  }
  html body .five-connect .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #626973;
    margin-bottom: 3.75rem !important;
  }
  html body .five-connect .container {
    width: 62.5vw;
    height: 27.1875vw;
    border-left: 0.05208vw solid #ced2d9;
    margin: 0 auto;
    display: flex;
    /* 分别设置各个红色小块的垂直位置 */
  }
  html body .five-connect .container .sub-title {
    font-weight: 600;
  }
  html body .five-connect .container .border .line {
    width: 2px;
    height: 3.54167vw;
    background-color: #267fff;
    margin-left: -1px;
    transition: 0.4s ease-in-out;
  }
  html body .five-connect .container .border .line2 {
    margin-top: 5vw;
  }
  html body .five-connect .container .border .line3 {
    margin-top: 10vw;
  }
  html body .five-connect .container .border .line4 {
    margin-top: 15vw;
  }
  html body .five-connect .container .border .line5 {
    margin-top: 20vw;
  }
  html body .five-connect .container .left {
    width: 22.91667vw;
    height: 100%;
  }
  html body .five-connect .container .left .box {
    height: 5vw;
    padding: 0px 1.66667vw 0 1.66667vw;
    position: relative;
  }
  html body .five-connect .container .left .box .content-box {
    display: flex;
    align-items: center;
    height: 2.5rem !important;
  }
  html body .five-connect .container .left .box .content-box img {
    margin-right: 1.66667vw;
  }
  html body .five-connect .container .left .box .content-box span {
    font-size: 1.25rem !important;
    line-height: 30px;
    font-weight: 600;
  }
  html body .five-connect .container .left .box .sub-desc {
    position: absolute;
    text-align: left;
    font-weight: 400;
    line-height: 22px;
    height: 1.375rem !important;
    font-size: 0.875rem;
    color: #626973;
    left: 4.58333vw;
  }
  html body .five-connect .container .left .sub-show {
    height: 7.1875vw;
  }
  html body .five-connect .container .right {
    display: flex;
    margin: 0 auto;
    align-items: center;
  }
  html body .five-connect .container .right .item {
    width: 34.6875vw;
    height: 20.98958vw;
  }
  html body .five-connect .container .right .item img {
    width: 100%;
    transform: translateY(-4.16667vw);
  }
  html body .five-connect .min-container {
    margin: 0 auto;
    height: 27.1875vw;
  }
  html body .five-connect .min-container .top {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    background: #e7ebf1;
    border-radius: 4px;
    padding: 5px;
  }
  html body .five-connect .min-container .top .box {
    cursor: pointer;
  }
  html body .five-connect .min-container img {
    width: 100%;
  }
  html body .five-connect .bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
  }
  html body .five-connect .bottom img {
    width: 62.5vw;
  }
  html body .six-center {
    height: 600px !important;
    background: url("../imgs/six-center-bg.png") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    text-align: center;
    box-sizing: border-box;
    overflow: hidden;
  }
  html body .six-center .title {
    padding: 5.20833vw 0 0.83333vw;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 2.5rem !important;
  }
  html body .six-center .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #626973;
    margin-bottom: 3.125vw;
  }
  html body .six-center ul {
    margin: 0 auto;
    height: 60px !important;
    line-height: 60px !important;
    width: unset !important;
    border-bottom: 0.05208vw solid #ced2d9;
    display: flex !important;
    flex-flow: row nowrap !important;
    overflow-x: auto !important;
  }
  html body .six-center ul::-webkit-scrollbar {
    display: none !important;
  }
  html body .six-center ul li {
    float: left;
    width: 160px !important;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: unset !important;
    margin-right: 20px;
    text-overflow: ellipsis;
  }
  html body .six-center ul li span {
    font-weight: 600;
    font-size: 16px !important;
  }
  html body .six-center ul li img {
    width: 1.25vw;
    min-width: 24px;
    height: 1.25vw;
    min-height: 24px;
    margin-right: 0.83333vw;
  }
  html body .six-center .container-box .container {
    width: 87.8125vw !important;
    margin: 3.125vw auto 5.20833vw;
    overflow: hidden;
    display: flex;
    flex-flow: column-reverse !important;
  }
  html body .six-center .container-box .container .left {
    width: unset !important;
    display: flex;
    align-items: center;
    transform: translateX(10px) !important;
    width: 300px;
  }
  html body .six-center .container-box .container .left img {
    width: 100% !important;
  }
  html body .six-center .container-box .container .right {
    text-align: left;
    flex: 1;
  }
  html body .six-center .container-box .container .right .item {
    float: left;
    min-height: 3.85417vw;
    margin-bottom: 1.04167vw;
    box-sizing: border-box;
  }
  html body .six-center .container-box .container .right .item .sub—title {
    font-weight: 600;
    font-size: 12px !important;
    display: block !important;
    text-align: left;
    color: #333840;
    margin-left: 8px !important;
    margin-bottom: 10px !important;
    align-items: center;
  }
  html body .six-center .container-box .container .right .item .sub—title img {
    width: 2.5vw;
    min-width: 48px !important;
    margin-right: 1.04167vw;
  }
  html body .six-center .container-box .container .right .item .sub-title-1 {
    text-align: center;
    font-weight: 600;
    font-size: 16px !important;
    display: block !important;
    margin: 28px 0;
    margin-right: 50px;
  }
  html body .six-center .container-box .container .right .item .sub-desc {
    display: none !important;
    margin-top: 0.41667vw;
    font-size: 0.875rem;
    color: #626973;
    margin-bottom: 1.14583vw;
  }
  html body .six-center .container-box .container .right .item:nth-child(even) {
    width: 177px;
  }
  html body .six-center .container-box .container .right .item:nth-child(odd) {
    width: 186px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  html body .six-center .container-box .container .right .item:nth-child(1) {
    width: 100vw;
  }
  html body .six-center-1 {
    display: block !important;
    width: unset !important;
    height: 560px !important;
    background: url("../imgs/six-center-bg.png") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    text-align: center;
    box-sizing: border-box;
    overflow: unset !important;
    margin: 0 auto !important;
  }
  html body .six-center-1 .title {
    padding: 5.20833vw 0 0.83333vw;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 2.5rem !important;
  }
  html body .six-center-1 .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #626973;
    margin-bottom: 3.125vw;
  }
  html body .six-center-1 ul {
    margin: 0 auto;
    height: 60px !important;
    line-height: 60px !important;
    width: unset !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    border-bottom: 0.05208vw solid #ced2d9;
    overflow-x: auto !important;
  }
  html body .six-center-1 ul::-webkit-scrollbar {
    display: none !important;
  }
  html body .six-center-1 ul li {
    float: left;
    margin-right: 20px;
    width: 160px !important;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: unset !important;
    text-overflow: ellipsis;
  }
  html body .six-center-1 ul li span {
    font-weight: 600;
    font-size: 16px !important;
  }
  html body .six-center-1 ul li img {
    width: 1.25vw;
    min-width: 24px;
    height: 1.25vw;
    min-height: 24px;
    margin-right: 0.83333vw;
  }
  html body .six-center-1 .ul{
    margin: 0 auto;
    height: 60px !important;
    line-height: 60px !important;
    width: unset !important;
    display: flex !important;
    flex-flow: row nowrap !important;
    border-bottom: 0.05208vw solid #ced2d9;
    overflow-x: auto !important;
  }
  html body .six-center-1 .ul::-webkit-scrollbar {
    display: none !important;
  }
  html body .six-center-1 .ul .li {
    float: left;
    margin-right: 20px;
    width: 160px !important;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: unset !important;
    text-overflow: ellipsis;
  }
  html body .six-center-1 .ul .li span {
    font-weight: 600;
    font-size: 18px !important;
  }
  html body .six-center-1 .ul .li img {
    width: 1.25vw;
    min-width: 24px;
    height: 1.25vw;
    min-height: 24px;
    margin-right: 0.83333vw;
  }
  html body .six-center-1 .container-box .container {
    width: 100%;
    overflow: hidden;
    display: unset;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    font-size: 16px;
    font-weight: 600;
  }
  html body .six-center-1 .container-box .container .left {
    margin-top: 28px;
    width: unset !important;
  }
  html body .six-center-1 .container-box .container .left img {
    width: 89% !important;
  }
  html body .five-secure {
    text-align: center;
    height: 1640px !important;
    box-sizing: border-box;
    background: url("../imgs/36.gif") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .five-secure .title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 2.5rem !important;
    color: #ffffff;
    padding-top: 5.20833vw;
    padding-bottom: 0.83333vw;
  }
  html body .five-secure .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #ffffff;
    margin-bottom: 3.125vw;
  }
  html body .five-secure .container {
    text-align: left;
    margin: 0 auto;
    width: 335px !important;
    height: 302px !important;
    display: block !important;
  }
  html body .five-secure .container div {
    width: 100%;
    background-size: cover;
    border-radius: 8px !important;
    padding: 10px;
  }
  html body .five-secure .container .sub-title {
    font-weight: 600;
    font-size: 18px !important;
    color: #333840;
    margin: 3.125vw 0 0 2.08333vw;
  }
  html body .five-secure .container .content-box {
    margin: 2.29167vw 0 0 2.08333vw;
    display: block !important;
    flex-direction: column;
    flex-flow: row wrap !important;
    gap: 1.04167vw;
  }
  html body .five-secure .container .content-box .unset-wrap {
    white-space: unset !important;
  }
  html body .five-secure .container .content-box .content {
    width: 15.625rem !important;
    font-weight: 400;
    font-size: 0.875rem;
    color: #333840;
    display: flex;
    align-items: center;
    white-space: nowrap;
  }
  html body .five-secure .container .content-box .content img {
    width: 16px !important;
    margin-right: 0.625vw;
  }
  html body .five-secure .container .left_top {
    grid-area: left_top;
    background: url("../imgs/five-375-01.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    margin-bottom: 10px;
  }
  html body .five-secure .container .center_top {
    grid-area: center_top;
    background: url("../imgs/five-375-02.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    margin-bottom: 10px;
  }
  html body .five-secure .container .right_top {
    background: url("../imgs/five-375-03.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    grid-area: right_top;
    margin-bottom: 10px;
  }
  html body .five-secure .container .bottom_left {
    background: url("../imgs/five-375-05.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    grid-area: bottom_left;
    margin-bottom: 10px;
  }
  html body .five-secure .container .bottom_right {
    background: url("../imgs/five-375-04.png") no-repeat !important;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    grid-area: bottom_right;
    margin-bottom: 10px;
  }
  html body .five-secure .min-container {
    width: 62.5vw;
    height: 34.79167vw;
    margin: 0 auto;
  }
  html body .five-secure .min-container img {
    width: 100%;
  }
  html body .five-secure .mid-container {
    width: 62.5vw;
    margin: 0 auto;
  }
  html body .five-secure .mid-container img {
    width: 100%;
  }
  html body .open_environment {
    text-align: center;
    height: 54.25rem !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
    box-sizing: border-box;
  }
  html body .open_environment .title {
    padding: 5.20833vw 0 0.83333vw;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 2.5rem !important;
  }
  html body .open_environment .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #626973;
    margin-bottom: 3.125vw;
  }
  html body .open_environment .container {
    margin: auto;
    height: 30.41667vw;
    width: 87.8125vw !important;
    display: grid;
    grid-template-rows: unset !important;
    grid-template-columns: unset !important;
    grid-gap: 1.25vw;
  }
  html body .open_environment .container .item:nth-child(1) {
    background: url("../imgs/Frame 1000007450.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .open_environment .container .item:nth-child(2) {
    background: url("../imgs/Frame 1000007450-1.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .open_environment .container .item:nth-child(3) {
    background: url("../imgs/Frame 1000007452.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .open_environment .container .item:nth-child(4) {
    background: url("../imgs/Frame 1000007452-1.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .open_environment .container .item {
    border-radius: 0.41667vw;
    padding: 3.33333vw 0 0 3.33333vw;
    height: 11.25rem !important;
    text-align: left;
    box-sizing: border-box;
    margin-bottom: 10px !important;
  }
  html body .open_environment .container .item .sub_title {
    font-weight: 600;
    font-size: 18px !important;
    margin-bottom: 20px;
    color: #333840;
  }
  html body .open_environment .container .item .desc {
    margin-top: 1.25vw;
    font-weight: 400;
    font-size: 0.875rem;
    color: #626973;
    width: unset !important;
    line-height: 28px !important;
  }
  html body .open_environment .min-container {
    margin: auto;
    height: 30.41667vw;
    width: 62.5vw;
  }
  html body .open_environment .min-container img {
    width: 100%;
  }
  html body .deploy-form {
    height: 42.25rem !important;
    background: url("../imgs/yd41.png") no-repeat !important;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    text-align: center;
    box-sizing: border-box;
  }
  html body .deploy-form .title {
    padding: 5.20833vw 0 0.83333vw;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 2.5rem !important;
  }
  html body .deploy-form .desc {
    font-weight: 400;
    font-size: 14px !important;
    color: #626973;
    margin-bottom: 3.125vw;
  }
  html body .deploy-form .container {
    margin: auto;
    width: 87.8125vw !important;
    height: 21.25rem !important;
    box-sizing: border-box;
    display: block !important;
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(2, 1fr) !important;
    grid-gap: 1.25vw;
    text-align: left;
  }
  html body .deploy-form .container .item {
    background: #ffffff;
    border: 0.05208vw solid #e6e6e7;
    border-radius: 0.41667vw;
    box-sizing: border-box;
    padding: 0 1.66667vw;
    margin-bottom: 24px !important;
    box-shadow: 0 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(0.10417vw);
    border: 0.05208vw solid transparent;
  }
  html body .deploy-form .container .item img {
    display: none !important;
    width: 5vw;
  }
  html body .deploy-form .container .item .sub-title {
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    color: #333840;
    padding: 2.70833vw 0 0.83333vw;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    margin-bottom: 10px;
  }
  html body .deploy-form .container .item .sub-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.375rem !important;
    width: unset !important;
    color: #626973;
    text-align: left;
  }
  html body .deploy-form .container .item:hover {
    box-shadow: 0 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
    backdrop-filter: blur(0.10417vw);
    border: 0.05208vw solid transparent;
  }
  html body .pro-plan {
    overflow: hidden !important;
    text-align: center;
    height: 655px !important;
    background: url("../imgs/professional-plan.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .pro-plan .pagination-container {
    width: 87.8125vw !important;
  }
  html body .pro-plan .title {
    font-style: normal;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 2.5rem !important;
    color: #333840;
    padding: 5.20833vw 0 0.83333vw;
  }
  html body .pro-plan .desc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px !important;
    color: #626973;
    margin-bottom: 3.75vw;
  }
  /* html body .pro-plan ul {
    width: 87.8125vw !important;
    height: 60px !important;
    line-height: 60px !important;
    margin: auto;
    margin-bottom: 1.66667vw;
    display: flex;
    justify-content: space-between;
  }
  html body .pro-plan ul li {
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
  }
  html body .pro-plan ul li:hover {
    color: #267fff;
    border-bottom: 0.10417vw solid #267fff;
  } */
  html body .pro-plan .ul {
    margin: 0 auto;
    height: 60px !important;
    line-height: 60px !important;
    width: unset !important;
    /* display: flex !important;
    flex-flow: row nowrap !important;
    border-bottom: 0.05208vw solid #ced2d9;*/
    /* overflow-x: auto !important;  */
  }
  html body .pro-plan .ul::-webkit-scrollbar {
    display: none !important;
  }
  html body .pro-plan .ul .li {
    float: left;
    margin-right: 20px;
    width: 160px !important;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    overflow: unset !important;
    text-overflow: ellipsis;
    padding: 0 16px;
  }
  html body .pro-plan .ul .li span {
    font-weight: 600;
    font-size: 16px !important;
  }

  html body .pro-plan .container {
    margin: auto;
    width: 87.8125vw !important;
    height: 44.125rem !important;
    background: #ffffff;
    border-radius: 0.41667vw;
    display: block !important;
    grid-template-columns: 32.29167vw 30.20833vw;
    text-align: left;
  }
  html body .pro-plan .container .left {
    flex: 1;
    padding: 3.125vw;
  }
  html body .pro-plan .container .left .heighlight-title {
    font-weight: 600;
    font-size: 20px !important;
    color: #267fff;
  }
  html body .pro-plan .container .left .sub-title {
    font-weight: 600;
    font-size: 20px !important;
    color: #333840;
  }
  html body .pro-plan .container .left .sub-desc {
    width: unset !important;
    font-weight: 400;
    font-size: 1rem;
    color: #626973;
    height: 80px !important;
    line-height: 32px !important;
    margin: 1.25vw 0 16.45833vw !important;
  }
  html body .pro-plan .container .left .tags-container {
    width: unset !important;
    height: 1.5625vw;
    display: flex;
    gap: 0.625vw;
  }
  html body .pro-plan .container .left .tags-container div {
    width: 5.5rem !important;
    height: 1.71875vw;
    border-radius: 0.20833vw;
    line-height: 1.71875vw;
    text-align: center;
    font-weight: 500;
    font-size: 0.875rem;
  }
  html body .pro-plan .container .left .tags-container div:nth-child(1) {
    background: rgba(38, 127, 255, 0.1);
    color: #267fff;
  }
  html body .pro-plan .container .left .tags-container div:nth-child(2) {
    background: rgba(58, 194, 112, 0.1);
    color: #3ac270;
  }
  html body .pro-plan .container .left .tags-container div:nth-child(3) {
    background: rgba(76, 202, 241, 0.1);
    color: #4ccaf1;
  }
  html body .pro-plan .container .right {
    flex: 1;
    margin: 0 auto;
    width: 100%;
  }
  html body .pro-plan .container .right img {
    width: 100% !important;
    height: unset !important;
  }
  html body .various-plan {
    height: 46.45833vw;
    background: url("../imgs/variable-plans.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    text-align: center;
    overflow: hidden;
  }
  html body .various-plan .title {
    padding: 5.20833vw 0 0.83333vw;
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    color: #ffffff;
  }
  html body .various-plan .desc {
    font-weight: 400;
    font-size: 14px !important;
    margin-bottom: 3.125vw;
    color: rgba(255, 255, 255, 0.8);
  }
  html body .various-plan .container {
    width: 87.8125vw !important;
    margin: auto;
    display: grid;
    position: relative;
  }
  html body .various-plan .container .owl-item {
    height: 53.95833vw;
  }
  html body .various-plan .container .owl-item .item {
    position: absolute;
    height: 23.22917vw;
    z-index: 9999;
    bottom: 26.875vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 0.41667vw;
    padding: 0.83333vw;
    transition: all 0.4s ease;
  }
  html body .various-plan .container .owl-item .item .box {
    transform: translateY(28px);
    transition: all 0.4s ease;
  }
  html body .various-plan .container .owl-item .item .box .box-t {
    position: relative;
    overflow: hidden;
    /* 加个动画过渡 */
    transition: all 0.4s ease;
  }
  html body .various-plan .container .owl-item .item .box .box-t .cover-img {
    height: 8.95833vw;
    border-radius: 0.20833vw;
    overflow: hidden;
  }
  html body .various-plan .container .owl-item .item .box .box-t .cover-img img {
    display: block;
  }
  html body .various-plan .container .owl-item .item .box .box-t .icon-small {
    height: 1.66667vw;
    width: 1.66667vw;
    margin: 1.66667vw auto 0.83333vw;
  }
  html body .various-plan .container .owl-item .item .box .box-t p {
    font-style: normal;
    font-weight: 500;
    font-size: 1.5rem;
    color: #333840;
  }
  html body .various-plan .container .owl-item .item .box .box-t .line {
    width: 2.08333vw;
    height: 0px;
    border-bottom: 0.10417vw solid #333840;
    margin: 1.66667vw auto;
  }
  html body .various-plan .container .owl-item .item .box .box-t .sub-title {
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    color: #333840;
    margin-bottom: 0.41667vw;
  }
  html body .various-plan .container .owl-item .item .box .box-t .sub-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 0.875rem;
    color: #626973;
    margin-bottom: 2.5vw;
  }
  html body .various-plan .container .owl-item .item .box .detail {
    margin-top: 0.83333vw;
    font-weight: 500;
    font-size: 1rem;
    color: #267fff;
    opacity: 0;
    transition: all 0.4s ease;
  }
  html body .various-plan .container .owl-item .item:hover {
    height: 26.5625vw;
  }
  html body .various-plan .container .owl-item .item:hover .box {
    transform: unset;
  }
  html body .various-plan .container .owl-item .item:hover .box .detail {
    opacity: 1;
  }
  html body .various-plan .container .owl-nav,
  html body .various-plan .container .owl-dots {
    display: none;
  }
  html body .pass_platform_check {
    text-align: center;
    height: 35.875rem !important;
  }
  html body .pass_platform_check .title {
    display: none !important;
    font-style: normal;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 2.5rem !important;
    color: #333840;
    padding: 5.20833vw 0 3.125vw;
  }
  html body .pass_platform_check .mobile-title {
    display: block !important;
    font-style: normal;
    font-weight: 600;
    font-size: 24px !important;
    line-height: 2.5rem !important;
    color: #333840;
    padding: 5.20833vw 0 3.125vw;
  }
  html body .pass_platform_check .img-container {
    width: 87.8125vw !important;
    display: none !important;
    margin: 0 auto 5.20833vw;
  }
  html body .pass_platform_check .img-container img {
    width: 100%;
  }
  html body .pass_platform_check .img-container-sm {
    display: block !important;
    margin: 0 auto;
    width: unset !important;
  }
  html body .pass_platform_check .img-container-sm img {
    width: 90%;
  }
  html body .global_scene_platform {
    background: url("../imgs/bottom-work-plat.png") no-repeat;
    width: 100%;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    text-align: center;
    height: 200px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 3.125vw;
    box-sizing: border-box;
  }
  html body .global_scene_platform .container {
    width: 87.8125vw !important;
    margin: auto;
  }
  html body .global_scene_platform .container .left {
    flex: 1;
  }
  html body .global_scene_platform .container .left .btn-container {
    height: 129px !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  html body .global_scene_platform .container .left .title {
    text-align: left;
    font-style: normal;
    font-weight: 600;
    font-size: 18px !important;
    color: #333840;
    height: 2.34375vw;
  }
  html body .global_scene_platform .container .left .btn_free_use {
    width: 180px !important;
    height: 52px !important;
    min-width: unset !important;
    min-height: unset !important;
    background: linear-gradient(270deg, rgba(38, 127, 255, 0.8) 0%, #267fff 100%);
    box-shadow: 0px 0.625vw 1.25vw rgba(40, 128, 255, 0.2);
    border-radius: 0.41667vw;
    color: #ffffff;
    font-style: normal;
    font-weight: 500;
    font-size: 1rem;
    line-height: 2.70833vw;
    padding: auto 2.5vw;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  html body .global_scene_platform .container .left .btn_free_use a {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  html body .global_scene_platform .container .left .btn_free_use a span {
    margin-right: 0.20833vw;
  }
  html body .global_scene_platform .container .left .btn_free_use img {
    min-width: 0.88542vw;
    min-height: 0.88542vw;
  }
  html body .global_scene_platform .container .right {
    flex: 1;
  }
  html body footer .footer-container {
    overflow: hidden;
    position: relative;
  }
  html body footer .footer-container .footer {
    width: 87.8125vw !important;
    height: 31.09375vw;
    margin: auto;
    background: #ffffff;
    display: grid;
    grid-template-columns: 62.5vw 1fr;
  }
  html body footer .footer-container .footer .main-container .logo {
    width: 10.88542vw;
    height: 1.71875vw;
    margin: 5.20833vw 0 2.08333vw;
    transform: translateX(-1.25vw);
  }
  html body footer .footer-container .footer .main-container .container {
    display: grid;
    grid-template-columns: 5vw 5vw 5vw 5vw 18.75vw;
    grid-gap: 1.40625vw 7.60417vw;
  }
  html body footer .footer-container .footer .main-container .container div {
    white-space: nowrap;
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    color: #626973;
    display: flex;
    align-items: center;
  }
  html body footer .footer-container .footer .main-container .container div a {
    color: #626973;
  }
  html body footer .footer-container .footer .main-container .container div .sub-title {
    margin-right: 0.83333vw;
  }
  html body footer .footer-container .footer .main-container .container div .sub-title img {
    width: 1.25vw;
  }
  html body footer .footer-container .footer .main-container .container .scan-img {
    position: relative;
  }
  html body footer .footer-container .footer .main-container .container .scan-img .wechat-modal {
    z-index: 2;
    position: absolute;
    width: 8.33333vw;
    height: 8.33333vw;
    left: -3.646vw;
    bottom: 2.34375vw;
    background: #ffffff;
    border-radius: 0.20833vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
  }
  html body footer .footer-container .footer .main-container .container .scan-img .wechat-modal img {
    width: 5.46875vw;
    margin-bottom: 0.3125vw;
  }
  html body footer .footer-container .footer .main-container .container .scan-img::after {
    content: '';
    position: absolute;
    left: 0.57292vw;
    top: -1.042vw;
    transform: translate(-50%, 0);
    z-index: 2;
    border-top: 0.3125vw solid #fff;
    border-right: 0.3125vw solid transparent;
    border-left: 0.3125vw solid transparent;
    box-sizing: content-box;
    width: 0;
    height: 0;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
  }
  html body footer .footer-container .footer .main-container .container .title {
    font-style: normal;
    font-weight: 500;
    font-size: 1.25rem;
    color: #333840;
  }
  html body footer .footer-container .fixed_footer {
    position: absolute;
    right: 1.25vw;
    top: 50vh;
    width: 3.33333vw;
    height: 15vw;
    background: #ffffff;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
    border-radius: 2.23958vw;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 0.41667vw;
    z-index: 99999;
    cursor: pointer;
  }
  html body footer .footer-container .fixed_footer .item {
    border-radius: 1.45833vw;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s linear;
    position: relative;
  }
  html body footer .footer-container .fixed_footer .item img {
    width: 2.55208vw;
    height: 2.55208vw;
  }
  html body footer .footer-container .fixed_footer .item:hover {
    background: #f7f8f9;
  }
  html body footer .footer-container .fixed_footer .phone-modal {
    position: absolute;
    z-index: 2;
    top: -1.042vw;
    right: 3.38542vw;
    padding: 1.25vw;
    background: #ffffff;
    border-radius: 0.20833vw;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
  }
  html body footer .footer-container .fixed_footer .phone-modal .service-title {
    width: auto;
    height: auto;
    font-weight: 400;
    font-size: 0.875rem;
    color: #267fff;
    margin-bottom: 0.20833vw;
  }
  html body footer .footer-container .fixed_footer .phone-modal .service-phone {
    height: auto;
    width: auto;
    font-weight: 500;
    font-size: 1rem;
    color: #333840;
  }
  html body footer .footer-container .fixed_footer .phone-modal::after {
    content: '';
    position: absolute;
    left: 100%;
    top: 2.34375vw;
    transform: translate(-50%, 0);
    z-index: 2;
    border-bottom: 0.3125vw solid transparent;
    border-left: 0.3125vw solid #fff;
    border-top: 0.3125vw solid transparent;
    box-sizing: content-box;
    width: 0;
    height: 0;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
  }
  html body footer .footer-container .fixed_footer .scan-container {
    position: relative;
  }
  html body footer .footer-container .fixed_footer .scan-container .scan-code-modal {
    position: absolute;
    top: -3.698vw;
    right: 3.4375vw;
    width: 9.6875vw;
    height: 9.375vw;
    background: #ffffff;
    border-radius: 0.20833vw;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
  }
  html body footer .footer-container .fixed_footer .scan-container .scan-code-modal .service-phone {
    font-size: 0.875rem;
    color: #333840;
  }
  html body footer .footer-container .fixed_footer .scan-container .scan-code-modal img {
    width: 5.46875vw;
    height: 5.46875vw;
    margin-bottom: 0.3125vw;
  }
  html body footer .footer-container .fixed_footer .scan-container .scan-code-modal::after {
    content: '';
    position: absolute;
    right: -vw(6);
    top: 50%;
    transform: translate(-50%, 0);
    z-index: 2;
    border-bottom: 0.3125vw solid transparent;
    border-left: 0.3125vw solid #fff;
    border-top: 0.3125vw solid transparent;
    box-sizing: content-box;
    width: 0;
    height: 0;
    box-shadow: 0px 0.41667vw 1.04167vw rgba(0, 0, 0, 0.08);
  }
  html body .my-bullet-active {
    background: #ffffff !important;
    opacity: 1;
  }
  html body .swiper-pagination-bullet {
    transform: translate(-vw(222), -vw(230));
    width: 4.16667vw;
    height: 0.20833vw;
    border-radius: 0.52083vw;
    background: #ffffff;
    font-weight: 600;
  }
  html body .pro-container {
    position: relative;
  }
  html body .pro-container .pagination-container {
    width: unset !important;
    height: 54px !important;
    line-height: 54px !important;
    font-weight: 500;
    font-size: 1.25rem;
    margin: auto;
    transform: translateY(-0.865vw);
  }
  html body .pro-container .pagination-container .pro-swiper-pagination {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    flex-flow: row nowrap;
    overflow-x: auto;
    gap: 20px;
    padding-left: 4px;
  }
  html body .pro-container .pagination-container .pro-swiper-pagination::-webkit-scrollbar {
    display: none !important;
  }
  html body .pro-container .pagination-container .pro-swiper-pagination .swiper-pagination-bullet {
    width: 600px;
    border-radius: unset;
    height: 100%;
    display: block;
    white-space: nowrap;
    font-size: 16px !important;
  }
  html body .pro-container .pagination-container .pro-swiper-pagination .swiper-pagination-bullet:active {
    border-bottom: 0.10417vw solid #267fff;
  }
  html body .pro-container .pagination-container .pro-swiper-pagination .swiper-pagination-bullet-active {
    color: #267fff;
    border-bottom: 0.10417vw solid #267fff;
  }
  html body .pro-container .swiper-pagination-bullet {
    transform: unset;
    height: unset;
    background: unset;
    width: auto;
  }
  html body .pro-container .swiper-pagination-bullet {
    opacity: unset;
  }
  html body .swiper-button-next,
  html body .swiper-button-prev {
    display: none !important;
    position: absolute;
    top: 12.5vw;
    width: 4.16667vw;
    height: 4.16667vw;
    background-position: center;
    border-radius: 50%;
    z-index: 2;
  }
  html body .swiper-button-prev {
    background: url("../imgs/Frame 1000007494.png") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    left: 11.25vw;
  }
  html body .swiper-button-prev:active {
    background: url("../imgs/Frame 1000007769.png") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }
  html body .swiper-button-next {
    background: url("../imgs/Frame 1000007770.png") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
    right: 11.25vw;
  }
  html body .swiper-button-next:active {
    background: url("../imgs/Frame 1000007495.png") no-repeat;
    background-clip: padding-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    background-blend-mode: normal;
  }

html body .index-box #banner .swiper-wrapper .swiper-slide .container-one .img-cover {
    position: absolute;
    left: 5%  !important;
    top: 53% !important;
    width: 160px !important;
    height: 60px;
    cursor: pointer;
 }

}






@media (max-width: 360px) and (min-width: 300px) {
html body .digital-space
height: 1319px !important;
}