/* ==========================================================================
   Mobile First CSS Template
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Base & Resets (基础 & 重置)
   - 设置盒模型, 移除默认边距, 设定基础字体和 rem 单位.
   -------------------------------------------------------------------------- */

html {
    font-size: 14px; /* 设置根字体大小, 1rem = 1.142857rem. 你可以根据需要调整. */
    box-sizing: border-box; /* 推荐的盒模型 */
    -webkit-font-smoothing: antialiased; /* 字体抗锯齿 (可选) */
    -moz-osx-font-smoothing: grayscale; /* 字体抗锯齿 (可选) */
    scroll-behavior: smooth; /* 平滑滚动 (可选) */
}
body, div, h1, h2, h3, h4, h5, h6, p, td, th, span, a {
    /*font-family: "Poppins", sans-serif !important;*/
    /*font-family: "Poppins", 'Roboto', Arial,sans-serif !important;*/
    font-family: "Poppins", 'Roboto', Arial,sans-serif !important;
    color: rgb(0, 12, 37);
}
*,
*:before,
*:after {
    box-sizing: inherit; /* 所有元素继承盒模型 */
}

body {
    margin: 0;
    padding: 0;
    /*font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; !* 设置通用、兼容性好的字体 *!*/
    line-height: 1.6; /* 设置基础行高, 提升阅读性 */
    color: rgb(0, 12, 37); /* 基础文字颜色 */
    background-color: #fff; /* 基础背景色 */
}

/* --------------------------------------------------------------------------
   2. Layout (布局)
   - 包含容器、流式元素等.
   -------------------------------------------------------------------------- */

.container {
    width: 100%;
    padding-left: 1rem; /* 1.142857rem 边距 */
    padding-right: 1rem; /* 1.142857rem 边距 */
    margin-left: auto;
    margin-right: auto;
}

/* 让图片和视频等媒体元素自适应 */
img,
video,
iframe {
    max-width: 100%;
    height: auto;
    display: block; /* 消除图片下方的空白间隙 */
}

/* 清除浮动 (如果需要用到 float) */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* --------------------------------------------------------------------------
   3. Typography (文字排版)
   - 定义标题、段落、链接的基础样式 (使用 rem).
   -------------------------------------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
    font-weight: 600; /* 适当加粗 */
    line-height: 1.3;
}

h1 { font-size: 2rem; } /* 2.28571rem */
h2 { font-size: 1.75rem; } /* 2.0rem */
h3 { font-size: 1.5rem; } /* 1.7142857rem */
h4 { font-size: 1.25rem; } /* 1.42857rem */
h5 { font-size: 1rem; } /* 1.142857rem */
h6 { font-size: 0.875rem; } /* 1rem */

p {
    font-size: 1rem; /* 1.142857rem */
    line-height: 2rem;
    margin-top: 0;
    margin-bottom: 1rem; /* 段落下边距 */
}

a {
    color: #007bff; /* 链接颜色示例 */
    text-decoration: none; /* 移除下划线 */
    cursor: pointer;
}
a:link, a:visited{
    color: #00DCFF; /* 链接颜色 */
    cursor: pointer;
}

a:hover,
a:focus {
    text-decoration: underline; /* 悬停时显示下划线 */
}

/* --------------------------------------------------------------------------
   4. Components (组件 - 基础示例)
   - 定义按钮等常用组件的基础移动端样式.
   -------------------------------------------------------------------------- */

.button,
button,
input[type="submit"] {
    display: inline-block;
    padding: 1.42857rem 3.75rem; /* 0.85714rem 1.42857rem 左右的内边距，保证触摸区域 */
    font-size: 1.2857rem;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 0.07143rem solid transparent;
    border-radius: 2.35714rem;
    background: rgb(255, 143, 38);
    color: #fff; /* 按钮文字颜色 */
    text-decoration: none;
    transition: all 0.2s ease-in-out; /* 过渡效果 */
}

.button:hover,
button:hover,
input[type="submit"]:hover {
    /*background-color: #0056b3; !* 悬停颜色 *!*/
    /*color: #fff;*/
    text-decoration: none;
}

/* --------------------------------------------------------------------------
   5. Mobile Navigation (移动端导航 - 占位符)
   - 在这里添加你的汉堡菜单、移动导航面板等的样式.
   -------------------------------------------------------------------------- */

.main-header {
    /* 头部样式 */
    padding: 0.5rem 0;
}

.nav-toggle {
    /* 汉堡按钮样式 */
    display: block; /* 移动端显示 */
    /* ... */
}

.main-nav {
    /* 导航菜单样式 */
    display: none; /* 默认隐藏 */
    /* ... */
}

.main-nav.is-open {
    display: block; /* 点击后显示 */
}

/* --------------------------------------------------------------------------
   <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
   在这里编写所有你的移动端优先样式 (Mobile First Styles)
   基于你的设计图，将各个部分在这里实现它们的移动端版本。
   例如：.hero-section, .features-grid, .pricing-table 等等。
   <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */
.intro25 .productintro-content .introtab .intro-title .tab-left{
    color: rgb(0, 28, 87);

    font-size: 1.42857rem;
    font-weight: 400;
    line-height: 1.642857rem;
    letter-spacing: 0.0rem;
    text-align: left;
    padding: 0.0rem;
    display: flex
;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.intro25  .productintro-content .introtab .intro-title {
    margin: auto;
    height: 4.07143rem;
}
.intro25 .productintro-content .introtab .intro-title .tab-left p{
    margin: 0.0rem;
    font-size: 1.42857rem;
}
.intro25 .introtab .intro-title{
    width: 90%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    /*box-shadow: 0.0rem 0.28571rem 0.85714rem 0.0rem rgba(201, 201, 201, 0.2);*/
    background: rgb(255, 255, 255);
}
.intro25 .introtab .intro-title .tab_list{
    display: none;
}
.introtab .introbanner-box .banner-word .b-d .button1{
    /*margin-bottom: 2rem;*/
    border-radius: 0.714285rem;

    background: rgb(242, 55, 93);
}
.introtab .introbanner-box .banner-word .b-d .button2{
    border-radius: 0.714285rem;

    background: rgb(32, 224, 255);
    color: #0F34E4;
}
.intro25 .introtab .intro-title .free-trial{
    width: 6.42857rem;
    height: 2.28571rem;
    border-radius: 1.14286rem;
    background: rgb(19, 141, 255);
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}
.intro25 .introtab .intro-title .free-trial a{
    color: rgb(255, 255, 255);

    font-size: 1rem;
    font-weight: 400;
    line-height: 1.14286rem;
    letter-spacing: 0.0rem;
    text-align: center;
    height: 1.14286rem;
}
div.introtab .tab-contss .Overview div.conversion{
    display: none;
}
.intro25 .introtab .introbanner-box{
    width: 100%;
    /*background: linear-gradient(180.00deg, rgba(1, 176, 196, 0.87),rgba(16, 184, 204, 0.48) 34.99%,rgba(21, 190, 209, 0.27) 66.908%,rgba(45, 216, 237, 0) 96.947%);*/
    background-color: #F0FDFF;
}
.introtab .tab-contss .Overview-box{
    background: #ffffff;
}
.introtab .tab-contss .containers1 .Overview-text p{
    
    font-size: 1.142857rem;
    font-weight: 400;
    line-height: 2.285714rem;
    letter-spacing: 0;
    text-align: left;
    /*color: rgb(255, 255, 255);*/
 }
.introtab .introbanner-box .banner-word{
    width: 90%;
    height: 100%;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.introtab .introbanner-box .banner-img{
    display: none;
}
#page .introtab .introbanner-box .banner-word h1{
    color: #000C25;

    font-size: 3.571428rem;
    font-weight: 700;
    line-height: 4.5rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
.price .product-price div{
    color: rgb(255, 255, 255);
    
    font-size: 1.14286rem;
    font-weight: 500;
    line-height: 1.35714rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
.started .started-text button.CONTACT{
    margin-bottom: 0;
    margin-right: 0;
    color: rgb(255, 255, 255);
    
    font-size: 1.71429rem;
    font-weight: 400;
    line-height: 2.0rem;
    letter-spacing: 0.0rem;
    text-align: center;
}

.started .started-text button.TRY{
    color: rgb(61, 61, 219);
    
    font-size: 1.71429rem;
    font-weight: 400;
    line-height: 2.0rem;
    letter-spacing: 0.0rem;
    text-align: center;
}
#page .introtab .introbanner-box .banner-word h2{
    color: #000C25;

    font-size: 1.8571428rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
.introtab .introbanner-box .banner-word .b-d button a{
    color: rgb(255, 255, 255);
    font-size: 1.28571rem;
    font-weight: 700;
    line-height: 1.85714rem;
    letter-spacing: 0.0rem;
    text-align: center;
}
.introtab .introbanner-box .banner-word .b-d{
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.introtab .introbanner-box .banner-word .b-d button
{
    padding: 1.12857rem 2.5rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
}
.introtab .introbanner-box .banner-word .b-d .button2{
    border-radius: 0.714285rem;

    background: rgb(32, 224, 255);
}
.introtab .introbanner-box .banner-word .b-d a{
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;

}
.introtab .tab-contss .containers1{
    width: 90%;
    margin: 0 auto;
}
.introtab .tab-contss .containers1 .Overview-text{

    font-size: 1.28572rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.0rem;
    text-align: left;
    padding: 2rem 0;
}
.introtab .tab-contss .containers1 .Overview-text p:last-child{
    margin-bottom: 0;
}
.introtab .tab-contss .Overview-card .card-cont .items{
    display: none;
}
.introtab .tab-contss .Overview-card .card-cont .items.actives{
    display: block;
}
.introtab .tab-contss .Overview-card .card_list ul{
    padding-left: 0.0rem;
    list-style: none;
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    padding: 0.71428rem 0;
    /*background-color: #fff;*/
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.71428rem;
    margin-top: 0;

}
.introtab .tab-contss .Overview-card .card_list ul li img{
    width: 3.0625rem;
    height: 3.0625rem;
    margin: 0 auto 1rem auto;
}
.introtab .tab-contss .Overview-card .card_list ul li{
    display: inline-block;
    text-align: center;
    padding: 1rem 1.071428rem;
    border: none;
    border-radius: 0;

    flex-shrink: 0;
    /*background-color: #fff;*/
    box-shadow: none;
    padding-bottom: 0;
    cursor: pointer;
    background-color: transparent !important;
    box-sizing: unset;
}
.introtab .tab-contss .Overview-card .card_list ul li:active {
    background-color: transparent !important; /* 将背景色设为透明，并用 !important 确保覆盖 */
    /* 如果还有其他比如边框、文字颜色等变化，也可以在这里一并重置 */
    /* outline: none; */ /* 有些浏览器会在点击或聚焦时显示蓝色边框，这个可以移除 */
}


.introtab .tab-contss .Overview-card .card_list ul li.actives p{
    padding-bottom: 1rem;
    border-bottom: 0.5rem solid rgb(15, 52, 228);
    color: rgb(15, 52, 228);
}
.introtab .tab-contss .Overview-card .card_list ul li p{
    margin-bottom: 0.0rem;
    color: rgb(0, 12, 37);
    font-size: 1.2857rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0.0rem;
    text-align: center;
}
.introtab .tab-contss .Overview-card .card-cont .items .card-frame .images_Overview-card{
    display:none;
    height: 32.85714rem;
}
.introtab .tab-contss .Overview-card .card_list
{
    background: linear-gradient(270.00deg, rgba(210, 250, 255, 0),rgba(172, 228, 253, 0.47) 52.673%,rgba(210, 250, 255, 0) 99.776%);
}
.introtab .tab-contss .Overview-cardB{
    background-color: #F0FDFF;
}
.introtab .tab-contss .Overview-card .card-cont .items .card-frame .card-text h3{
    color: rgb(0, 12, 37);

    font-size: 2.85714rem;
    font-weight: 700;
    line-height: 3.35714rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
.introtab .tab-contss .Overview-card .card-cont .items .card-frame .card-text p{
    color: rgb(0, 12, 37);

    font-size: 1.142857rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
.introtab .tab-contss .Overview-card .card-cont .items .card-frame .card-text div ul{
    list-style: url("/images/Intro/xls/black.png");
}
.introtab .tab-contss .Overview-card .card-cont .items .card-frame .card-text div ul li{
    color: rgb(0, 12, 37);
    
    font-size: 1.142857rem;
    font-weight: 400;
    line-height: 1.3571428rem;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 1rem;
}
.introtab .tab-contss .Overview-card .card-cont .items .card-frame .card-text button{
    border-radius: 0.714285rem;
    margin-bottom: 2rem;
    background: rgb(15, 52, 228);
}
.introtab .tab-contss .Overview-card .card-cont .items .card-frame .card-text button a{
    color: rgb(255, 255, 255);

    font-size: 1.42857rem;
    font-weight: 700;
    line-height: 1.642857rem;
    letter-spacing: 0.0rem;
    text-align: center;
}
.introtab .tab-contss .about{

}
.introtab .tab-contss .about .about-text-l{
    background: rgb(61, 61, 219);
    padding-bottom: 4rem;

}
#page .introtab .tab-contss .about .about-text-l h1{
    color: rgb(255, 255, 255);

    font-size: 2.85714rem;
    font-weight: 700;
    line-height: 3.35714rem;
    letter-spacing: 0.0rem;
    text-align: left;
    margin-top: 0.0rem;
    padding-top: 2rem;
    margin-bottom: 1.2142857rem;
}
.introtab .tab-contss .about .about-text-l p{
    color: rgb(255, 255, 255);

    font-size: 1.42857rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
.introtab .tab-contss .about .about-text-l ul{
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    scrollbar-width: none;
    flex-wrap: wrap;
    gap: 0.71428rem;
    padding-left: 0.0rem;
    margin-top: 2.71429rem;
    margin-bottom: 0.0rem;
}
.introtab .tab-contss .about .about-text-l ul li{
    /*height: 2.5rem;*/
    border-radius: 2.32143rem;
    background: rgb(32, 224, 255);
    /*display: flex;*/
    /*flex-flow: row;*/
    justify-content: center;
    align-items: center;
    padding: 0.64286rem 1.2142857rem;
    display: inline-block;
    text-align: center;
    color: rgb(0, 39, 187);
}
.introtab .tab-contss .about .about-text-l ul li button{
    height: 2.5rem;
    border-radius: 2.32143rem;
    background: rgb(194, 248, 255);
}






.introtab .tab-contss .about .about-text-R{
    background: rgb(32, 224, 255);
    padding-bottom: 4rem;
}
#page .introtab .tab-contss .about .about-text-R h1{
    color: rgb(61, 61, 219);

    font-size: 2.85714rem;
    font-weight: 700;
    line-height: 3.35714rem;
    letter-spacing: 0.0rem;
    text-align: left;
    margin-top: 0.0rem;
    padding-top: 2rem;
    margin-bottom: 1.2142857rem;
}
.introtab .tab-contss .about .about-text-R ul{
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    justify-content: flex-start;
    align-items: center;
    list-style: none;
    scrollbar-width: none;
    flex-wrap: wrap;
    gap: 0.71428rem;
    padding-left: 0.0rem;
    margin-top: 2.71429rem;
    margin-bottom: 0.0rem;
}
.introtab .tab-contss .about .about-text-R ul li{
    color: rgb(61, 61, 219);

    font-size: 1.42857rem;
    font-weight: 400;
    line-height: 1.642857rem;
    letter-spacing: 0.0rem;
    text-align: left;
    list-style: url("/images/Intro/xls/li2.png");
    /*padding-left: 1rem;*/
    list-style-position: inside;
    margin-right: 2rem;
}
.introtab .tab-contss .operation{
    background-color: #F0FDFF;
    padding-top: 1.42857rem;
}
#page .introtab .tab-contss .operation-title h1{
    color: rgb(0, 12, 37);

    font-size: 2.85714rem;
    font-weight: 700;
    line-height: 3.35714rem;
    letter-spacing: 0.0rem;
    text-align: left;
    margin-bottom: 1.42857rem;
}
.introtab .tab-contss .operation-title p{
    color: rgb(96, 109, 135);

    font-size: 1.142857rem;
    font-weight: 400;
    line-height: 1.35714rem;
    letter-spacing: 0.0rem;
    text-align: left;
    margin-bottom: 3.64286rem;
}
.introtab .tab-contss .operation-card ul{

    margin-top: 0;
    list-style: none;
    display: flex
;
    overflow-x: auto;
    white-space: normal;
    padding: 0.71428rem 0;
    /* background-color: #fff; */
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.71428rem;
}
.introtab .tab-contss .operation-card ul li{
    /*width: 50%;*/
    display: inline-block;
    text-align: center;
    padding: 0rem 1.071428rem;
    border: none;
    border-radius: 0;
    flex-shrink: 0;
    /* background-color: #fff; */
    box-shadow: none;
}
.introtab .tab-contss .operation-card ul li p{
    max-width: 10rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin-bottom: 0;
    margin-top: 1rem;
}
.introtab .tab-contss .operation-card ul li img{
    margin: 0 auto;
}


.carousel{
    clear: both;
    padding-bottom: 1rem;


    display: flex;
    justify-content: center;
    align-items: center;
    /*min-height: 100vh;*/
    margin: 0;
}
.carousel .carousel-container {
    position: relative;
    width: 95%;
    max-width: 81.42857rem; /* 最大宽度 */
    background-color: #ffffff;
    border-radius: 1.071428rem;
    box-shadow: 0 0.71429rem 2.14286rem rgba(0, 0, 0, 0.1);
    overflow: hidden; /* 隐藏超出部分 */
    padding: 1.071428rem;
    border: 0.07143rem solid #e0f0ff;

}

.carousel .carousel-slides {
    display: flex;
    transition: transform var(--transition-speed) ease-in-out; /* 核心：平滑过渡 */
}

.carousel .carousel-slide {
    flex: 0 0 100%; /* 每个 slide 占满容器 */
    display: flex;
    align-items: center;
    gap: 2.14286rem; /* 图片和文字间距 */
    /*padding: 1.42857rem;*/
    box-sizing: border-box;
    opacity: 0; /* 默认隐藏，用于淡入淡出 */
    visibility: hidden;
    position: relative;
    transition: opacity var(--transition-speed) ease-in-out, visibility var(--transition-speed) ease-in-out;
}

.carousel .carousel-slide.active {
    opacity: 1;
    visibility: visible;
}

/* 为了实现平滑切换，我们将使用绝对定位 + 透明度 */
.carousel .carousel-slides {
    position: relative;
    min-height: 34.85714rem; /* 根据内容设定最小高度 */
}
.carousel .carousel-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 18.57143rem;
}


.carousel .slide-image {
    flex: 0 0 40%; /* 图片区域宽度 */
    text-align: center;
}

.carousel .slide-image img {
    max-width: 100%;
    height: auto;
    border-radius: 0.71429rem;
    /* 图片也可以加点动画 */
    transition: transform 0.4s ease;
}
.carousel .carousel-slide.active .slide-image img {
    transform: scale(1.05);
}


.carousel .slide-content {
    flex: 1; /* 文字区域占剩余空间 */
    text-align: left;
}

.carousel .slide-content h2 {
    font-size: 1.571428rem;
    color: #333;
    margin-top: 0;
    margin-bottom: 1.071428rem;
    line-height: 1.4;
}

.carousel .slide-content .learn-more-btn {
    display: inline-block;
    background-color: rgb(15, 52, 228);
    color: #fff;
    padding: 0.71429rem 1.78571rem;
    border-radius: 2rem;
    text-decoration: none;
    font-weight: bold;
    /*transition: background-color 0.3s ease, transform 0.3s ease;*/
    /*box-shadow: 0 0.28571rem 0.71429rem rgba(0, 174, 239, 0.3);*/
}

.carousel .slide-content .learn-more-btn:hover {
    /*background-color: #008fbf;*/
    /*transform: translateY(-0.14286rem);*/
}

.carousel .carousel-nav {
    position: absolute;
    bottom: 2.14286rem; /* 导航条位置 */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 0.57143rem; /* 导航条间距 */
    padding-top: 1.42857rem; /* 增加一点上方空间 */
}

.carousel .nav-bar {
    width: 1.78571rem; /* 非激活状态宽度 */
    height: 0.42857rem; /* 高度 */
    background-color: var(--inactive-bar-color);
    border-radius: 0.21429rem;
    cursor: pointer;
    transition: width var(--transition-speed) ease-in-out, background-color var(--transition-speed) ease-in-out; /* 核心：宽度和颜色平滑过渡 */
}

.carousel .nav-bar.active {
    width: 3.57143rem; /* 激活状态宽度，更长 */
    background-color: var(--primary-color); /* 激活状态颜色 */
}
.carousel .slide-image, .slide-content p
{
    color: rgb(0, 12, 37);

    font-size: 1.42857rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: 0.0rem;
    text-align: left;
}

.price{
    background-color: #F0FDFF;
    padding: 2.5rem 0;
}
.price .containers1{
    display: flex
;
    overflow-x: auto;
    white-space: normal;
    /* background-color: #fff; */
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem;
}
.price .product-price{
    border-radius: 1.42857rem;
    background: rgb(255, 255, 255);
    padding: 2rem;
    display: inline-block;
    text-align: center;
    flex-shrink: 0;

}
#page .price .product-price h1{
    color: rgb(169, 100, 255);
    font-size: 1.571428rem;
    font-weight: 700;
    line-height: 2.14286rem;
    letter-spacing: 0.0rem;
    text-align: left;
    margin-top: 0.0rem;
    margin-bottom: 1.35714rem;
    padding-bottom: 1rem;
}
#page .price .product-price1 h1{
    border-bottom: 0.07143rem solid rgb(169, 100, 255);
}
#page .price .product-price2 h1{
    border-bottom: 0.07143rem solid rgb(173, 203, 32);
}
#page .price .product-price3 h1{
    border-bottom: 0.07143rem solid rgb(19, 188, 231);
}

.price .product-price p{
color: rgb(0, 12, 37);

    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
    letter-spacing: 0.0rem;
    text-align: left;

    max-width: 20rem;
    word-wrap: break-word;
    overflow-wrap: break-word;
    /*margin-bottom: 0;*/
    margin-top: 0rem;
    margin-bottom: 1rem;
}
.price .product-price div{
    border-radius: 1.35714rem;
    background: rgb(169, 100, 255);
    padding: 0.64286rem 2.5rem;
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
}
.price .product-price div a
{
    color: rgb(255, 255, 255);

    font-size: 1.142857rem;
    font-weight: 500;
    line-height: 1.35714rem;
    letter-spacing: 0.0rem;
    text-align: left;
}

#page .price .product-price2 h1{
    color: rgb(173, 203, 32);
}
.price .product-price2 div{
background: rgb(173, 203, 32);
}

#page .price .product-price3 h1{
    color: rgb(19, 188, 231);
}
.price .product-price3 div{
    background: rgb(19, 188, 231);
}
.productintro-content .introtab .tab-cont>.item {
    display: none;
}
.productintro-content .introtab .tab-cont>.item.active  {
    display: block;
}
.started{
    /*border-radius: 2.14286rem;*/

    background: rgb(61, 61, 219);
    padding: 2rem 0;
}
#page .started h1{
    color: rgb(255, 255, 255);

    font-size: 2.14286rem;
    font-weight: 700;
    line-height: 2.5rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
.started .started-text p{
    color: rgb(255, 255, 255);

    font-size: 2.14286rem;
    font-weight: 400;
    line-height: 2.5rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
.started .started-text button{
    border-radius: 2.64286rem;
    height: 5.28571rem;
}
.started .started-text button.CONTACT{
    box-sizing: border-box;
    border: 0.14286rem solid rgb(255, 255, 255);
    background-color: unset;
    margin-bottom: 1rem;margin-right: 1rem;

}
.started .started-text button.CONTACT a{
    color: rgb(255, 255, 255);

    font-size: 1.7142857rem;
    font-weight: 400;
    line-height: 2.0rem;
    letter-spacing: 0.0rem;
    text-align: center;
}
.started .started-text button.TRY{
    background: rgb(255, 255, 255);
}
.started .started-text button.TRY a{
    color: rgb(0, 143, 179);

    font-size: 1.7142857rem;
    font-weight: 400;
    line-height: 2.0rem;
    letter-spacing: 0.0rem;
    text-align: center;
}

.carousel-container {
    width: 90%;
    padding: 1.42857rem;
    margin: 0 auto;
}
.carousel-slide {
    flex-direction: column; /* 垂直堆叠 */
    text-align: center;
    gap: 1.42857rem;
    padding: 0.71429rem;
}
.slide-image, .slide-content {
    flex: 1 1 auto;
    width: 100%;
    text-align: center;
}
.slide-content h2 {
    font-size: 1.28571rem;
}
.carousel-nav {
    bottom: 1.071428rem;
}
#toolbar .wrapper {
    width: 90%;
}
#toolbar .logo {
     padding-left: 0;
}
div.footer-all div.containers1 div.footer-lists{
    display: flex
;
    overflow-x: auto;
    white-space: normal;
    padding: 0.71428rem 0;
    /* background-color: #fff; */
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.71428rem;
}
#page-footer .footer-lists .footer-list{
    width: auto;
    display: inline-block;
    text-align: center;
    padding: 0rem 1rem;
    border: none;
    border-radius: 0;
    flex-shrink: 0;
    /* background-color: #fff; */
    box-shadow: none;
}
.banner-img .images_4{
    display: none;
}





















/* ==========================================================================
   Media Queries for Larger Screens (大屏幕媒体查询)
   ========================================================================== */
@media (min-width: 700px) {

    /* 在这里添加或覆盖样式，以适应平板电脑布局 */
    /* 例如： */
    /* .container { max-width: 71.42857rem; } */
    /* .features-grid { display: grid; grid-template-columns: 1fr 1fr; } */
    /* .nav-toggle { display: none; } */ /* 隐藏汉堡按钮 */
    /* .main-nav { display: block; } */ /* 显示桌面导航 */
    .carousel .slide-image img{
        margin: 0 auto;
    }
    .carousel .slide-image, .slide-content p{
        text-align: center;
    }
    .carousel .slide-content{
        text-align: center;
    }
    body#page > div#toolbar > div.wrapper #menu li.icon, body#page > div#toolbar > div.wrapper #menu li.lange_change{
        padding-left: 0;
    }
    .introtab .introbanner-box .banner-word .b-d .button1{
        /*margin-bottom: 2rem;*/
    }
    .price .containers1{
        /*gap: 1.9rem;*/
    }




}


@media (min-width: 1200px) {

    /* 在这里添加或覆盖样式，以适应标准桌面布局 */
    /* 例如： */
    /* .container { max-width: 68.57143rem; } */
    /* .some-element { font-size: 1.125rem; } */
    #toolbar .wrapper{
        max-width: 81.42857rem;
    }
    .intro25 .productintro-content .introtab .intro-title{
        position: relative;
        z-index: 10;
    }
    #page .intro25 .introtab .introbanner-box .introbanner div.introbanner-bg{
        /*position: absolute;*/
    }
    #page .intro25 .introtab .introbanner-box .introbanner div.introbanner-bg img{
        display: block !important;
    }
    .intro25 .introtab .introbanner-box .introbanner .introbanner-bg img:first-child{
        position: absolute;
        left: 24rem;
        top: -2.85714rem;
        width: 16.64285rem;
        height: 16.64285rem;
    }
    .intro25 .introtab .introbanner-box .introbanner .introbanner-bg img:last-child{
    position: absolute;
    width: 21.21428rem;
    height: 21.21428rem;
    left: -16.7857rem;
    top: 16.64285rem;
}
    .intro25 .introtab .introbanner-box .introbanner{
        max-width: 81.42857rem;
        margin: 0 auto;
        position: relative;
    }
    .banner-img .images_4{
        display: block;
        width: 52.2857rem;
        height: 41.71428rem;
        background-position-y: 1.642857rem !important;
        background-position-x: 3rem !important;
    }
    .introtab .introbanner-box .banner-img{
        display: block;
    }
    .intro25 .introtab .introbanner-box .introbanner .introbanner-text{
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: unset;
        width: 100%;
        padding-top: 3.571428rem;
        position: relative;
        z-index: 9;

    }
    .introtab .introbanner-box .banner-word .b-d .button1,.introtab .introbanner-box .banner-word .b-d .button2 {
        margin-bottom: 0;
    }
    .introtab .introbanner-box .banner-word {
        justify-content: flex-start;
        width: 42.92857rem;
        min-width: 42.92857rem;
    }
    .introtab .introbanner-box .banner-word .b-d .button1{
        margin-right: 2.142857rem;
    }
    .intro25 .introtab .introbanner-box{
        min-height: 60.42857rem;
    }
    .intro25 .tab-contss{
        margin-top: -18.2142857rem;
        /*background-color: red;*/
    }
    #page .introtab .introbanner-box .banner-word h1{
        margin-top: 0;
        margin-bottom: 2.071428rem;
        line-height: 5rem;
        font-size: 3.571428rem;
    }
    #page .introtab .introbanner-box .banner-word h2{
        margin-bottom: 3.14285rem;
        line-height: 3rem;
    }

    .introtab .introbanner-box .banner-word .b-d button a{

    }
    .introtab .introbanner-box .banner-word .b-d button{
        padding: 1.42857rem 3.78571rem;
        margin: 0.0rem 2.14286rem 4.28571rem 0.0rem;

    }
    .introtab .tab-contss .containers1 .Overview-text{
        height: 16.92857rem;
        padding: 2rem 2rem;
        /*border-radius: 1.42857rem;*/

        background: #ffffff;
    }
    .introtab .introbanner-box .banner-word .b-d{
        margin-top: 0;
        margin-bottom: 5rem;
    }
    .introtab .tab-contss .containers1 .Overview-text{
        line-height: 2rem;
    }
    .introtab .tab-contss .containers1 .Overview-text p{
        
        font-size: 1.2857rem;
        font-weight: 400;
        line-height: 2rem;
        letter-spacing: 0.0rem;
        text-align: left;
    }
    .introtab .tab-contss .containers1 .Overview-text p:last-child{
        margin-bottom: 0;
    }
    .introtab .tab-contss .Overview-outside{
        padding-bottom: 0rem;
    }
    .productintro-content .introtab .tab-cont>.item{
        /*background-color: red;*/
    }
    .introtab .tab-contss .Overview-card .card_list ul{
        margin-top: 0;
        margin-bottom: 0;
        padding: 0;
    }
    .introbanner-box-all{
        background-color: rgb(240, 253, 255);
    }
    .introtab .tab-contss .Overview-box{
        background-color: rgb(240, 253, 255);
        z-index: 13;
        position: relative;

    }
    .introtab .tab-contss .Overview-box .containers1{
        background: #ffffff;
        width: 81.42857rem;
        max-width: 81.42857rem;
        border-radius: 2rem; /* 左上 右上 右下 左下 */
        position: relative;
        z-index: 12;
        overflow: hidden;
    }
    .introtab .tab-contss .Overview-cardB{
        padding-top: 2.8571428rem;
    }
    .introtab .tab-contss .Overview-card .card_list{
        border-radius: 7.3571rem;

        background: rgb(255, 255, 255);
        width: 98%;
        max-width: 97.2142857rem;
        margin: 0 auto;
    }
    .introtab .tab-contss .Overview-cardB .containers1{
        width: 100%;
        max-width: 100%;
    }




    .introtab .tab-contss .Overview-card .card-cont .items .card-frame .images_Overview-card{
        display: block;
        width: 54.42857rem;
        height: 31.35714rem;
        background-size: contain !important;     /* 关键：让图片等比例缩小以适应div，且不裁剪 */
        background-position: center !important;
    }
    .introtab .tab-contss .Overview-card .card-cont .items .card-frame{
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: flex-start;
        /*padding: 1.42857rem;*/
        gap: 5.35714rem;
    }
    .introtab .tab-contss .Overview-card .card_list{
        margin-bottom: 3.57143rem;
    }
    .introtab .tab-contss .Overview-card .card-cont .items .card-frame .card-text h3{
        margin: 2.5rem 0 1.28571rem 0;
    }
    .introtab .tab-contss .Overview-card .card-cont .items .card-frame .card-text p{
        margin: 0.0rem 0 1.28571rem 0;
    }
    .introtab .tab-contss .Overview-card .card-cont .items .card-frame .card-text div ul{
        margin: 0.0rem 0 0.0rem 0;
    }
    .introtab .tab-contss .Overview-card .card-cont .items .card-frame .card-text div ul li{
        margin-bottom: 2.14286rem;
    }
    .introtab .tab-contss .Overview-card .card-cont .items .card-frame .card-text button{
        margin-top: 1.71429rem;
    }
    .introtab .tab-contss .Overview-card .card-cont{
        padding-bottom: 6.42857rem;
        max-width: 81.42857rem;
        width: 81.42857rem;
        margin: 0 auto;

    }
    .introtab .tab-contss .Overview-card .card_list ul li{
        padding: 3.57142rem 2.57143rem;
        padding-bottom: 0;


    }
    .introtab .tab-contss .Overview-card .card_list ul li p{
        color: rgb(0, 12, 37);
        
        font-size: 1.2857rem;
        font-weight: 500;
        line-height: 1.42857rem;
        letter-spacing: 0;
        text-align: center;
        padding-bottom: 2rem;
    }
    .introtab .tab-contss .Overview-card .card_list ul li.actives p{
        color: rgb(0, 12, 37);
        
        font-size: 1.2857rem;
        font-weight: 500;
        line-height: 1.42857rem;
        letter-spacing: 0;
        text-align: center;
        padding-bottom: 2rem;
    }
    .introtab .tab-contss .Overview-card .card_list ul li img {
        width: 5rem;
        height: 5rem;
        margin: 0 auto 2.142857rem auto;
    }
    .introtab .tab-contss .Overview-card .card_list ul li.actives p{
        color: rgb(15, 52, 228);
    }
    .introtab .tab-contss .Overview-card .card_list ul{
        gap: 0;
    }

    .introtab .tab-contss .about{
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: flex-start;

        width: 100%;
        background: linear-gradient(to right, rgb(0, 153, 172) 50%, rgb(144, 233, 244) 50%);

    }
    .about-text-l{width: 50%;}
    .about-text-R{
        width: 50%;
        min-height: 27.35714rem;
    }
    .introtab .tab-contss .about .containers1{
        width: 40.71429rem;
        margin: unset;
        margin-left: auto; /* 核心样式 */
    }
    .introtab .tab-contss .about .about-text-l
    {
        display: flex;
        /*flex-flow: row;*/
        /*justify-content: space-between;*/
        /*align-items: flex-end;*/

    }
    .introtab .tab-contss .about .about-text-R .containers1{
        margin-left: 0.0rem;
    }
    #page .introtab .tab-contss .about .about-text-l h1{
        padding-top: 4rem;
    }
    .introtab .tab-contss .operation{
        background-color: #ffffff;
    }
    .introtab .tab-contss .about .about-text-l .containers1{
        padding-right: 3.42857rem;
    }
    #page .introtab .tab-contss .about .about-text-R h1 {
        padding-top: 4rem;
    }
    .introtab .tab-contss .about .about-text-R{
        padding-left: 4.07143rem;
    }
    .introtab .tab-contss .about .about-text-R ul{
        margin-top: 0;
        margin-bottom: 0;
        gap: 0;
    }
    .introtab .tab-contss .about .about-text-R ul li{
        margin-top: 0;
        margin-bottom: 1.71429rem;
        margin-right: 0;
        width: 50%;
    }
    .introtab .tab-contss .operation{
        padding-top: 6.42857rem;
    }
    #page .introtab .tab-contss .operation-title h1{
        margin-top: 0;
    }
    .introtab .tab-contss .operation-card ul li{
        background: #ffffff;
        padding: 1.71429rem;
        width: 24.42857rem;
        /*cursor: pointer;*/
        height: 15rem;
        box-sizing: border-box;
        border: 0.21428rem solid rgb(229, 229, 229);
        border-radius: 1.42857rem;


    }
    .introtab .tab-contss .operation-card ul{
        gap: 4.07143rem;
        padding-top: 0.0rem;
        padding-bottom: 6.42857rem;
        margin-bottom: 0;
    }
    .introtab .tab-contss .operation-card ul li p{
        width: 80%;
        margin:0 auto;
        color: rgb(0, 12, 37);
        
        font-size: 1.28571rem;
        font-weight: 400;
        line-height: 2rem;
        letter-spacing: 0.0rem;
        text-align: center;
        min-width: 18.57143rem;
        margin-top: 1.57143rem;
    }
    .introtab .tab-contss .operation-card ul li:hover{
        box-sizing: border-box;
        border: 0.21428rem solid rgb(87, 255, 243);

        background: rgba(87, 255, 243, 0.14);
    }



































    #page div.introtab .tab-contss .Overview div.conversion{
        display: block;
        background: #279BF3 url("/images/Intro/xls/conversion-bg2.png");
        padding: 4.42857rem 0;
        background-repeat: no-repeat;
        background-position: center top;
    }
    div.introtab .tab-contss .Overview div.conversion .containers1{
        width: 100%;
        min-width: 81.42857rem;

        box-sizing: border-box;
        border: 0.28571rem solid rgb(255, 255, 255);
        border-radius: 2.14286rem;

        backdrop-filter: blur(3.57143rem);
        background: rgba(8, 143, 176, 0.4);
        position: relative;
        padding: 3.42857rem;
    }
    div.introtab .tab-contss .Overview div.conversion .containers1 .conversion-title{
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.71429rem;
    }
    div.introtab .tab-contss .Overview div.conversion .containers1 .conversion-title .button{
        box-sizing: border-box;
        border: 0.07143rem solid rgb(255, 255, 255);
        border-radius: 1.53571rem;
        display: flex;
        flex-flow: row;
        justify-content: center;
        align-items: center;

        color: rgb(255, 255, 255);
        
        font-size: 1.28571rem;
        font-weight: 500;
        line-height: 1.5rem;
        letter-spacing: 0.0rem;
        text-align: left;
        background: unset;
        padding: 0.57143rem 3.85714rem 0.57143rem 1.28571rem;
        height: 3.14286rem;
        background: url("/images/Intro/xls/c-1.png") no-repeat;
        background-position: right 1.64286rem center;

    }
    #page div.introtab .tab-contss .Overview div.conversion .containers1 .conversion-title h1{
        color: rgb(255, 255, 255);
        
        font-size: 2.14286rem;
        font-weight: 700;
        line-height: 2.5rem;
        letter-spacing: 0.0rem;
        text-align: left;
        margin: 0;

    }
    div.introtab .tab-contss .Overview div.conversion .containers1 .conversion-p{
        color: rgb(255, 255, 255);
        
        font-size: 1.42857rem;
        font-weight: 400;
        line-height: 1.64286rem;
        letter-spacing: 0.0rem;
        text-align: left;
        margin-bottom: 2.5rem;
    }



    .introtab .tab-contss .Overview div.conversion .conversion-panel {
        position: relative;
        overflow: hidden;
    }

    .introtab .tab-contss .Overview div.conversion .header {
        margin-bottom: 2.14286rem;
    }

    .introtab .tab-contss .Overview div.conversion .header h2 {
        font-size: 1.71429rem;
        color: #fff;
        margin: 0;
    }

    .introtab .tab-contss .Overview div.conversion .header p {
        color: #eef;
        margin: 0.57143rem 0 0;
    }

    .introtab .tab-contss .Overview div.conversion .conversion-container {
        display: flex;
        justify-content: space-between;
        /*align-items: center;*/
    }

    .introtab .tab-contss .Overview div.conversion .formats {
        display: flex;
        flex-direction: column;
        gap: 0.0rem;
    }

    .introtab .tab-contss .Overview div.conversion .format-row {
        display: flex;
        gap: 1.64286rem;
        flex-wrap: wrap;
    }

    .introtab .tab-contss .Overview div.conversion .format-row span,
    .introtab .tab-contss .Overview div.conversion .image-formats span {
        padding: 1.28571rem 1.28571rem;
        box-shadow: 0 0.14286rem 0.35714rem rgba(0,0,0,0.1);
        white-space: nowrap;
        color: rgb(0, 126, 158);
        
        font-size: 1.14286rem;
        font-weight: 900;
        line-height: 1.35714rem;
        letter-spacing: 0.0rem;
        text-align: center;
        border-radius: 2.28571rem;

        background: rgb(255, 255, 255);
        width: 5.64286rem;
    }

    .introtab .tab-contss .Overview div.conversion span.long-format {
        width: 12.92857rem;
    }

    .introtab .tab-contss .Overview div.conversion .image-formats {
        display: flex;
        gap: 0.78571rem;
        flex-wrap: wrap;
        justify-content: center;
        padding: 1.0rem;
        border: 0.14286rem solid #ffffff;
        border-radius: 1.78571rem;

        box-sizing: border-box;
        border: 0.21429rem solid rgb(255, 255, 255);
        border-radius: 3.5rem;



    }
    .introtab .tab-contss .Overview div.conversion .image-formats span{
        border-radius: 2.28571rem;

        background: rgb(255, 255, 255);
        width: 4.42857rem;
        height: 4.28571rem;
        color: rgb(255, 132, 0);
        
        font-size: 1.14286rem;
        font-weight: 900;
        line-height: 1.35714rem;
        letter-spacing: 0.0rem;
        text-align: center;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;


    }

    .introtab .tab-contss .Overview div.conversion .arrow-down {
        display: flex;
        justify-content: center;
        margin: 0.35714rem 0;
    }

    .introtab .tab-contss .Overview div.conversion .arrow-down img {
        width: 1.42857rem;
        height: 4.57143rem;
    }

    .introtab .tab-contss .Overview div.conversion .arrow-left,
    .introtab .tab-contss .Overview div.conversion .arrow-right {
        display: flex;
        align-items: center;
        justify-content: center;
        /*margin-top: 1.07143rem;*/
    }

    .introtab .tab-contss .Overview div.conversion .arrow-left img,
    .introtab .tab-contss .Overview div.conversion .arrow-right img {
        /*width: 19.28571rem;*/
        /*height: auto;*/
    }

    .introtab .tab-contss .Overview div.conversion .conversion-center {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .introtab .tab-contss .Overview div.conversion .excel-icon {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.71429rem;
    }

    .introtab .tab-contss .Overview div.conversion .excel-icon img {
        width: 8.5rem;
        height: 8.5rem;
    }

    .introtab .tab-contss .Overview div.conversion .excel-icon p {
        font-weight: bold;
        color: #ffffff;
    }

    .introtab .tab-contss .Overview div.conversion .more-link {
        position: absolute;
        top: 1.42857rem;
        right: 2.14286rem;
    }

    .introtab .tab-contss .Overview div.conversion .more-link a {
        color: #ffffff;
        text-decoration: none;
        font-weight: bold;
        font-size: 1.0rem;
    }
    .introtab .tab-contss .Overview div.conversion .formats .format-row{

    }
    .introtab .tab-contss .Overview div.conversion .format-row3{
        align-items: center;
        justify-content: center;
    }
    .introtab .tab-contss .Overview div.conversion .conversion-center .top1{
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        gap: 1.78571rem;

    }
    .introtab .tab-contss .Overview div.conversion .formats .top2{
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
    }
    .arrow-left .top1 img{
        width: 10.35714rem;
        height: 2.42857rem;

    }
    .arrow-left2 img{
        width: 19.14286rem;
        height: 2.42857rem;
    }
    .arrow-left .top2 img{
        width: 9.35714rem;
        height: 2.42857rem;

    }
    .introtab .tab-contss .Overview div.conversion .formats .top2 .format-row{
        flex-flow: row;
        justify-content: flex-start;
        gap: 1.5rem;

    }
    .conversion-center{
        padding-top: 2.14286rem;
    }
    .introtab .tab-contss .Overview div.conversion .formats .format-row1,.introtab .tab-contss .Overview div.conversion .formats .format-row2{
        margin-bottom: 1.35714rem;
    }
    .excel-icon p{
        position: absolute;
        top: 11.78571rem;
        color: rgb(255, 255, 255);
        
        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 1.64286rem;
        letter-spacing: 0.0rem;
        text-align: center;
    }
    .arrow-left2{
        position: absolute;
        bottom: 2.14286rem;
    }
    .introtab .tab-contss .Overview div.conversion .output-formats{
        padding-top: 2.14286rem;
    }
    .introtab .tab-contss .Overview div.conversion .output-formats .top2{
        height: 8.5rem;
        gap: 1.5rem;
    }
    .introtab .tab-contss .Overview div.conversion .output-formats .format-row4{
        position: absolute;
        bottom: 1.71429rem;
    }
    .introtab .tab-contss .Overview div.conversion .formats .top2 .format-row span{
        color: rgb(0, 223, 162);
    }
    .introtab .tab-contss .Overview div.conversion .output-formats .format-row4 span{
        color: rgb(0, 223, 162);
    }
    .carousel{
        padding-top: 8.14286rem;
        background-color: #F0FDFF;
    }
    .carousel .carousel-container{
        padding: 0;
        box-shadow:none;
        border: none;
    }
    .carousel .carousel-slide{
        padding: 0;
    }
    .carousel .nav-bar{
        width: 12.42857rem;
        height: 0.71429rem;
        border-radius: 1.21429rem;

        background: rgb(185, 198, 255);
    }
    .carousel .nav-bar.active{
        width: 12.42857rem;
        height: 0.71429rem;
        border-radius: 1.21429rem;

        background: rgb(15, 52, 228);
    }
    .carousel .carousel-nav{
        gap: 1.42857rem;
    }
    .carousel .carousel-slide{
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: unset;
        gap: 3.57143rem;
    }
    .carousel .carousel-slide .slide-image img{
        margin: 0;
    }
    .carousel .carousel-slide .slide-content p{
        color: rgb(0, 12, 37);
        
        font-size: 2.14286rem;
        font-weight: 400;
        line-height: 3.5rem;
        letter-spacing: 0.0rem;
        text-align: left;
        margin-top: 4.28571rem;
        margin-bottom: 2rem;
    }
    .carousel .slide-content{
        text-align: right;
        padding-right: 4.42857rem;
    }
    .carousel .slide-content .learn-more-btn
    {
        border-radius: 2.46429rem;

        background: rgb(15, 52, 228);
        width: 13.78571rem;
        height: 3.5rem;
        color: rgb(255, 255, 255);
        
        font-size: 1.28571rem;
        font-weight: 500;
        line-height: 1.5rem;
        letter-spacing: 0.0rem;
        text-align: center;
        display: inline-flex
    ;
        flex-flow: row;
        justify-content: center;
        align-items: center;
    }
    .price .product-price p{
        line-height: 1.9rem;
        max-height: 14rem;
        overflow: hidden;
    }
    .carousel .slide-image{
        width: 29.42857rem;
        height: 22.07143rem;
    }
    .carousel .carousel-slides{
        height: 22.07143rem;
        min-height: 22.07143rem;
    }
    .carousel{
        padding-bottom: 12.64286rem;
        position: relative;
    }
    .carousel .carousel-nav {
        position: absolute;
        bottom: 6.071428rem;
        padding-top: 0;
        /*top: 0;*/
    }
    .carousel .carousel-container{
        overflow-y: hidden;

    }
    .price .product-price{
        padding: 2.14286rem;
    }




    /*.intro25 .introtab .intro-title .tab_list {*/
    /*    display: block;*/
    /*}*/


        .intro25 .introtab .intro-title .tab_list{
            display: block;
        }
        .intro25 .introtab .intro-title .tab_list ul{
            display: flex;
            flex-flow: row;
            justify-content: flex-end;
            align-items: center;
            list-style: none;
            margin-right: 3.92857rem;
            padding-left: 0;
            margin-top: 0;
            margin-bottom: 0;


        }
        .intro25 .introtab .intro-title .tab_list ul li{
            color: rgb(134, 139, 151);
            
            font-size: 1.142857rem;
            font-weight: 400;
            line-height: 1.35714rem;
            letter-spacing: 0;
            text-align: left;
            margin-left: 2.64285rem;
            position: relative;
            cursor: pointer;
        }
        .intro25 .introtab .intro-title .tab_list ul li.active{
            color: rgb(19, 141, 255);
            
            font-size: 1.142857rem;
            font-weight: 400;
            line-height: 1.35714rem;
            letter-spacing: 0;
            text-align: left;
        }
        /* 确保父容器是 Flex 容器 */
        .intro-title {
            display: flex;
            flex-flow: row nowrap; /* 确保在一行显示，不换行 */
            align-items: center;  /* 垂直居中对齐 */
            width: 90%; /* 根据你已有的 CSS */
            margin: auto; /* 根据你已有的 CSS */
            /* 移除或注释掉 justify-content: space-between; 如果它干扰了布局 */
            /* justify-content: space-between; */
        }

        /* 左侧元素：保持其内容宽度 */
        .intro-title .tab-left {
            flex-shrink: 0; /* 防止在空间不足时收缩 */
            /* 其他你需要的样式 */
        }

        /* 中间元素：占据所有剩余空间 */
        .intro-title .tab_list {
            display: block; /* 强制显示，覆盖 'display: none' */
            flex-grow: 1;       /* !!! 核心：让它占据所有可用空间 */
            flex-shrink: 1;     /* 允许在必要时收缩 */
            text-align: right;  /* 如果你想让 tab_list 内部的 *内容* 靠右对齐 */
        }

        /* 右侧元素：保持其内容宽度 */
        .intro-title .free-trial {
            flex-shrink: 0; /* 防止在空间不足时收缩 */
            /* 其他你需要的样式 */
        }


        /* 创建下划线 */
        .intro25 .introtab .intro-title .tab_list ul li::after {
            content: ''; /* 伪元素必需 */
            position: absolute; /* 绝对定位 */
            left: 0; /* 从左边开始 */
            bottom: -1.35714rem;; /* 定位在底部 */
            width: 100%; /* 下划线宽度与链接宽度一致 */
            height: 0.142857rem; /* 下划线粗细 */
            background-color: rgb(19, 141, 255);; /* 下划线颜色 */

            /* ----- 添加动画效果 (可选) ----- */
            transform: scaleX(0); /* 初始状态：宽度为 0 (隐藏) */
            transform-origin: left; /* 动画从左边开始 */
            transition: transform 0.3s ease-in-out; /* 动画过渡效果 */
        }

        /* 鼠标悬停时显示/展开下划线 */
        .intro25 .introtab .intro-title .tab_list ul li.active::after { /* 当前激活链接也显示 */
            transform: scaleX(1); /* 悬停/激活状态：宽度为 100% (显示) */
        }









    #page .price .product-price h1{
        padding-bottom: 1.07143rem;
        margin-bottom: 1.28571rem;
        border-bottom: 0.07143rem solid rgb(169, 100, 255);
    }
    #page .price .product-price2 h1{
        border-bottom: 0.07143rem solid rgb(173, 203, 32);
    }
    #page .price .product-price3 h1{
        border-bottom: 0.07143rem solid rgb(19, 188, 231);
    }
    .price .containers1{
        gap: 4.28571rem;
    }
    .price .product-price div{
        color: rgb(255, 255, 255);
        
        font-size: 1.14286rem;
        font-weight: 700;
        line-height: 1.35714rem;
        letter-spacing: 0.0rem;
        text-align: left;
    }
    .price .product-price{
        position: relative;
        min-height: 25.21428rem;
        max-width: 24.2857rem;

    }
    .price .product-price a{
        position: absolute;
        bottom: 2.14286rem;
        left: 2.14286rem;
    }
    .started{
        /*padding: 3.71429rem 2.57143rem;*/
        /*background-color: #F0FDFF;*/
        background: unset;
    }
    .price{
        background-color: unset;
    }
    .introtab .tab-contss .started .containers1{
        border-radius: 2.14286rem;

        background: rgb(61, 61, 219);
        padding: 3.71429rem 2.57143rem;
    }

    .intro25 .introtab .tab-contss .Overview .price-and-started{
        background: #F0FDFF url('/images/Intro/xls/footer-bg.png'); /* 替换为你的背景图片实际路径 */
        /*background-position: bottom center;      !* 背景图从底部开始渲染，水平方向居中 *!*/
        /*background-position: center bottom -7.14286rem;*/
        background-position: center bottom;
        background-repeat: no-repeat;            /* 默认不重复，如果你希望重复则设置 repeat-x 或 repeat-y */
        /* background-size: auto; */              /* 如果图片尺寸需要调整，可以设置，例如 cover 或 contain */
    }











    #page .started h1{
        margin: 0;
    }
    .started .started-text{
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: flex-start;
        top: -1.5rem;
        position: relative;
        gap: 2.14286rem;

    }
    .started .started-text button.CONTACT{
        margin-bottom: 0;
        margin-right: 0;
        color: rgb(255, 255, 255);
        
        font-size: 1.71429rem;
        font-weight: 400;
        line-height: 2.0rem;
        letter-spacing: 0.0rem;
        text-align: center;
    }
    .started .started-text button{
        padding: 1.3571rem 2.714285rem;
    }

    .started .started-text button.TRY{
        color: rgb(61, 61, 219);
        
        font-size: 1.71429rem;
        font-weight: 400;
        line-height: 2.0rem;
        letter-spacing: 0.0rem;
        text-align: center;
    }
    .started .started-text p{
        margin-bottom: 0;
        padding-top: 4.78571rem;
        width: 41.42857rem;
    }
    .started{
        padding-top: 3.92857rem;
        padding-bottom: 6.42857rem;
    }
    .introtab .tab-contss .Overview-card .card-cont .items .card-frame .card-text{
        width: 21.642857rem;
    }




    div.footer-all div.containers1 div.footer-lists {
        display: flex
    ;
        justify-content: space-between;
    }
    #page-footer .footer-lists .footer-list {
        margin: 4.0rem 0 2.57143rem 0;
        text-align: left;
    }
    #page-footer .footer-lists .footer-list .footer-list-title {
        font-size: 1.14286rem;
        font-weight: bold;
        padding: 0 0 1.42857rem 0;
        color: #000;
    }
    div.footer-all div.containers1 div.footer-lists div.footer-list ul li a{
        color: #646464;
    }
    #page-footer .footer-all .footer-last .containers1 .copyright{
        color: #000;
    }

    #page #page-footer {
        background: #e7eaf4 !important;
    }



    .productintro-content .introtab .tab-cont .item:nth-child(2) {
        background-color: #ffffff;
        padding-top: 10px;
        z-index: 11;
        position: relative;
    }
    .productintro-content .introtab .tab-cont .item:nth-child(3) {
        background-color: #ffffff;
        padding-top: 10px;
        z-index: 11;
        position: relative;
    }
    .productintro-content .introtab .tab-cont .item:nth-child(4) {
        background-color: #ffffff;
        padding-top: 10px;
        z-index: 11;
        position: relative;
    }
    .productintro-content .introtab .tab-cont .item:nth-child(5) {
        background-color: #ffffff;
        padding-top: 10px;
        z-index: 11;
        position: relative;
    }
    .productintro-content .introtab .tab-cont .item:nth-child(6) {
        background-color: #ffffff;
        padding-top: 10px;
        z-index: 11;
        position: relative;
    }
    .productintro-content .introtab .tab-cont .item:nth-child(7) {
        background-color: #ffffff;
        padding-top: 10px;
        z-index: 11;
        position: relative;
    }
    .productintro-content .introtab .tab-cont .item:nth-child(8) {
        background-color: #ffffff;
        padding-top: 10px;
        z-index: 11;
        position: relative;
    }
    .productintro-content .introtab .tab-cont .item:nth-child(9) {
        background-color: #ffffff;
        padding-top: 10px;
        z-index: 11;
        position: relative;
    }








    .intro_contents_demo .spire_1140 .cloud-banner{
        float: left;

    }
    .intro_contents_demo .spire_1140 .cloud-banner ul{
        padding-top:20px;
    }
    .intro_contents_demo .spire_1140 .cloud-banner ul li{

    }
    .intro_contents_demo .spire_1140 .cloud-content{

    }
    .intro_contents_demo .spire_1140{
        width: 1140px;
        margin: 0 auto;
        margin-top: 10px;
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: flex-start;
    }
    .intro_contents_demo .banner-lists ul{
        list-style: none;
        padding-left: 0px;
        float: left;
        width: 250px;
    }
    .intro_contents_demo .banner-lists ul li{
        border-bottom: 1px solid #c0c0c0;
        padding: 8px 0 7px 0;
        line-height: 25px;
        cursor: pointer;
    }
    .intro_contents_demo .cloud-banner{
        float: left;
        width: 250px;
        margin: 0px 45px 40px 0px;
    }
    .intro_contents_demo .cloud-content{
        float: right;
        width: 845px;
        padding-top: 25px;
    }
    .intro_contents_demo .tab_drawer_heading{
        display: none;
    }
    .intro_contents_demo table a{
        text-decoration: none;
    }
    .intro_contents_demo .tab_drawer_heading2023{
        display: none;
    }
    .xls_convert .demo_header{
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;

    }
    .xls_convert .img_back{
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
    }
    .xls_convert .img_back .a-upload{
        height: 40px;
        width: 100%;
    }
    .xls_convert .img_back .a-upload img {
        position: absolute;
        left: 252px;
        top: 0px;
    }
    .xls_convert .select{
        width: 221px;
    }
    .xls_convert .select select{
        border-bottom: none;
    }
    #back-to-top{z-index:50;}
    #toolbar .header2025.header2025 .header2023-navbar-collapse .header2023-navbar-dropdown .header2023-navbarDropdown-menu .dropdown-menu .tab_list ul{
        width: 62.85714rem;
        display: flex
    ;
        flex-flow: row;
        justify-content: space-between;
        max-width: 62.85714rem;

    }
    #toolbar .header2023-dropdownMenuBody-content .dropdown-menu .tab .tab_list ul li {
        border: none;
        padding: 0;
        margin-right: 0px !important;
    }
    #toolbar .header2023 .header2023-navbarDropdown-menu{box-shadow: none;}

}