#toolbar > div.wrapper {
    width: 100% !important;
}
.intro25 .introtab .intro-title {
    width: 100%;
}
.introtab .introbanner-box .banner-word {
    width: 100%;
}
.started .started-text button.TRY a {
    color: rgb(61, 61, 219);
}
#toolbar{padding: 0 1.42857rem !important;}
.tab-left p{
    color: rgba(0, 12, 37, 1);


    font-size: 1.42857rem;
    font-weight: 400;
    line-height: 2.14286rem;
    letter-spacing: 0.0rem;
    text-align: left;
    margin-bottom: 0;
    padding: 1.14286rem 0 0.78571rem 0;
}
.containers1.intro-title{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
}
.containers1.intro-title .tab_list{
    display: none;
}
.containers1.intro-title .free-trial a{
    color: rgba(255, 255, 255, 1);

    font-family: Roboto;
    font-size: 1.0rem;
    font-weight: 400;
    line-height: 1.14286rem;
    letter-spacing: 0.0rem;
    text-align: left;
    /*padding: 0.57143rem 1.14286rem;*/
    display: block;

}
.containers1.intro-title .free-trial
{
    border-radius: 1.14286rem;

    background: rgba(19, 141, 255, 1);
}
.introbanner-box{
    background: rgba(240, 253, 255, 1);
    padding: 1.5rem;
}
#page h1{
    color: rgba(0, 12, 37, 1);


    font-size: 3.57143rem;
    font-weight: 600;
    line-height: 5.35714rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
.introbanner-text span{
    color: rgba(0, 12, 37, 1);


    font-size: 1.85714rem;
    font-weight: 400;
    line-height: 2.78571rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
.introbanner-text .button1 a{
    color: rgba(255, 255, 255, 1);


    font-size: 1.28571rem;
    font-weight: 600;
    line-height: 1.92857rem;
    letter-spacing: 0.0rem;
    text-align: center;
    padding: 1.42857rem 3.57143rem;
}
.introbanner-text .button1{
    border-radius: 0.71429rem;

    background: rgba(242, 55, 93, 1);
    margin-bottom: 2rem;
    margin-top: 2rem;
    padding: unset;
    border: unset;
    display: flex;
}
.introbanner-text .button2 a{
    color: rgba(15, 52, 228, 1);


    font-size: 1.28571rem;
    font-weight: 600;
    line-height: 1.92857rem;
    letter-spacing: 0.0rem;
    text-align: center;
    padding: 1.42857rem 3.57143rem;
}
.introbanner-text .button2{
    border-radius: 0.71429rem;

    background: rgba(32, 224, 255, 1);
    padding: unset;
    border: unset;
    display: flex;
}
.introbanner-text div div{
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
}
.introtab .tab-contss .containers1 {
    width: 100%;
    margin: 0 auto;
}

.Overview-text a:link, .Overview-text a:visited {
    color: #20E0FF;
    cursor: pointer;
    font-weight: 600;
}
.card-boxs .Officeimg_top,.card-boxs .office_righttext{
    display: flex;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
}
.main_function{
    padding: 0 1.5rem;
}

.main_function .function{
    margin-top: 0;
    list-style: none;
    display: flex;
    overflow-x: auto;
    white-space: normal;
    /*padding: 0 1.5rem;*/
    /* background-color: #fff; */
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.71428rem;
}
.main_function .function .card-boxs{
    width: 100%;
    /*display: inline-block;*/
    display: flex;
    /*text-align: center;*/
    /*padding: 0rem 1.071428rem;*/
    flex-shrink: 0;
    /* background-color: #fff; */
    box-shadow: none;
    /*flex-flow: wrap;*/
    /*justify-content: space-between;*/
    padding: 1rem;
    box-sizing: border-box;
    border: 0.14286rem solid rgba(218, 224, 227, 1);
    border-radius: 2.85714rem;
    gap: 1rem;


}
.card-boxs .Officeimg_top {
    float: left;
    width: 8.57143rem;
    min-width: 8.57143rem;
}
.card-boxs .office_righttext{
    float: right;
}
.office_righttext .title{
    width: 100%;
    padding: 0;
}
.Officeimg_top .icon1{
    background: url("/images/Introduce/2025/doc.png") no-repeat;
    width: 8.57143rem;
    height: 8.57143rem;

}
.Officeimg_top .icon2{
    background: url("/images/Introduce/2025/xls.png") no-repeat;
    width: 8.57143rem;
    height: 8.57143rem;

}
.Officeimg_top .icon3{
    background: url("/images/Introduce/2025/ppt.png") no-repeat;
    width: 8.57143rem;
    height: 8.57143rem;

}
.Officeimg_top .icon4{
    background: url("/images/Introduce/2025/pdf.png") no-repeat;
    width: 8.57143rem;
    height: 8.57143rem;

}
.Officeimg_top .icon5{
    background: url("/images/Introduce/2025/barcode.png") no-repeat;
    width: 8.57143rem;
    height: 8.57143rem;

}
.Officeimg_top .icon6{
    background: url("/images/Introduce/2025/ocr.png") no-repeat;
    width: 8.57143rem;
    height: 8.57143rem;

}

.free_office_java .Officeimg_top .icon1{
    background: url("/images/Introduce/2025/free-doc.png") no-repeat;
    width: 8.57143rem;
    height: 8.57143rem;

}
.free_office_java .Officeimg_top .icon2{
    background: url("/images/Introduce/2025/free-xls.png") no-repeat;
    width: 8.57143rem;
    height: 8.57143rem;

}
.free_office_java .Officeimg_top .icon3{
    background: url("/images/Introduce/2025/free-ppt.png") no-repeat;
    width: 8.57143rem;
    height: 8.57143rem;

}
.free_office_java .Officeimg_top .icon4{
    background: url("/images/Introduce/2025/free-pdf.png") no-repeat;
    width: 8.57143rem;
    height: 8.57143rem;

}
.free_office_java .Officeimg_top .icon5{
    background: url("/images/Introduce/2025/free-bc.png") no-repeat;
    width: 8.57143rem;
    height: 8.57143rem;

}


.Officeimg_top .LearnMore{
    /*box-sizing: border-box;*/
    border-radius: 2.64286rem;

    background: rgba(15, 52, 228, 1);
    width: 8.57143rem;
}
.Officeimg_top .LearnMore a{
    color: rgba(255, 255, 255, 1);


    font-size: 1.14286rem;
    font-weight: 600;
    line-height: 2.0rem;
    letter-spacing: 0.0rem;
    text-align: center;
    padding: 1rem 0.78571rem;
    display: block;
}
.Officeimg_top .Free{
    box-sizing: border-box;
    border: 0.14286rem solid rgba(15, 52, 228, 1);
    border-radius: 2.64286rem;
    width: 8.57143rem;

}
.Officeimg_top .Free a{
    color: rgba(15, 52, 228, 1);


    font-size: 1.14286rem;
    font-weight: 600;
    line-height: 2.0rem;
    letter-spacing: 0.0rem;
    text-align: center;
    padding: 1rem 0.78571rem;
    display: block;
}
.office_righttext .title{
    color: rgba(0, 12, 37, 1);


    font-size: 1.42857rem;
    font-weight: 600;
    line-height: 2.0rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
.office_righttext p
{
    color: rgba(0, 12, 37, 1);


    font-size: 1.28571rem;
    font-weight: 400;
    line-height: 2.0rem;
    letter-spacing: 0.0rem;
    text-align: left;
    margin-bottom: 0;
}
.card-boxs .Officeimg_top{
    gap: 2rem;
}
.card-boxs .office_righttext{
    gap: 1rem;
}
.carousel{
    margin-top: 2rem;
}
#page .price .product-price h1{
    color: rgba(135, 48, 244, 1);


    font-size: 1.57143rem;
    font-weight: 600;
    line-height: 2.35714rem;
    letter-spacing: 0.0rem;
    text-align: left;
    border-bottom: 0.07143rem solid rgba(169, 100, 255, 1);
}
#page .price .free h1
{
    color: rgba(0, 195, 244, 1);


    font-size: 1.57143rem;
    font-weight: 600;
    line-height: 2.35714rem;
    letter-spacing: 0.0rem;
    text-align: left;
    border-bottom: 0.07143rem solid rgba(19, 188, 231, 1);
}
.price .free div
{
    background: rgba(19, 188, 231, 1);
}
.price .product-price{
    position: relative;
}
.price .product-price div{
    /*position: absolute;*/
    bottom: 2rem;
}
.carousel .carousel-slides {
    position: relative;
    min-height: 36.85714rem;
}
#productintro .Feaures .intro_demo ul li,#productintro .Feaures p{
    font-size: 1.28571rem;
    line-height: 2.5rem;
}
#demo_content .cats1 div ul li a{
    font-size: 1.28571rem;
    line-height: 2.5rem;
}
.Support a,.Support li,.Support p,.Support div{
    font-size: 1.28571rem;
    line-height: 2.5rem;
}
.Support h3 a{
    font-size: 1.42857rem;
    line-height: 2.5rem;
}
.intro25 .New p,.intro25 .New a,.intro25 .New li,.intro25 .New div{
    font-size: 1.28571rem;
    line-height: 2.5rem;
}
.intro25 .New h3{
    font-size: 1.42857rem;
    line-height: 2.5rem;
}

.why_choose{
    padding: 4.92857rem 0 6.42857rem 0;
    background: rgba(212, 253, 255, 1);
}
.containers1 .flex-top h2{
    color: rgb(0, 12, 37);

    font-size: 2.85714rem;
    font-weight: 700;
    line-height: 4.28571rem;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 2.42857rem;
}
.containers1 .flex-top p
{
    color: rgb(0, 12, 37);

    font-size: 1.7142857rem;
    font-weight: 400;
    line-height: 2.14286rem;
    letter-spacing: 0;
    text-align: left;
    margin-bottom: 2.85714rem;
}
.introtab .tab-contss .why_choose .flex-items{
    gap:2.85714rem 0;
    /*row-gap: 2.85714rem;*/
}
.introtab .tab-contss .flex-item h3{
    padding-left: 4.14286rem;
    height: 2.71429rem;
    line-height: 2.71429rem;
}
.introtab .tab-contss .flex-item:nth-child(1) h3{
    background: url("/images/Introduce/2025/word.png") no-repeat left center;
}
.introtab .tab-contss .flex-item:nth-child(2) h3{
    background: url("/images/Introduce/2025/excel.png") no-repeat left center;
}
.introtab .tab-contss .flex-item:nth-child(3) h3{
    background: url("/images/Introduce/2025/presentation.png") no-repeat left center;
}
.introtab .tab-contss .flex-item:nth-child(4) h3{
    background: url("/images/Introduce/2025/bc.png") no-repeat left center;
}
.Overview-text .Overview-text3
{
    color: rgba(0, 141, 127, 1);


    font-size: 1.14286rem;
    font-weight: 400;
    line-height: 2.0rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
hr {
    margin: 2.85714rem 0;
    border: 0.07143rem solid rgba(103, 121, 130, 1);
}
.flex-bottom
{
    color: rgba(0, 12, 37, 1);


    font-size: 1.28571rem;
    font-weight: 400;
    line-height: 2.0rem;
    letter-spacing: 0.0rem;
    text-align: left;
}
.price .product-price ul{
    max-width: 20rem;
}
.price .product-price ul li{
    text-align: left;
    list-style-image:url("/images/Introduce/2025/liblack.png");
    color: rgba(0, 12, 37, 1);


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


@media (min-width: 800px) {
    .introtab .tab-contss .why_choose .flex-items{
        gap:2.85714rem 4rem;
        /*row-gap: 2.85714rem;*/
    }
    .introbanner-text div div {
        display: flex;
        flex-flow: wrap;
        justify-content: start;
        align-items: center;
        gap: 2rem;
    }
    .main_function .function .card-boxs {
        width: 48%;}



    .introtab .tab-contss .flex-items {
        display: flex
    ;
        overflow-x: auto;
        white-space: normal;
        /*padding: 1rem 0;*/
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
        justify-content: left;
        flex-wrap: wrap;
        gap: 1rem;
    }
    .introtab .tab-contss .flex-item{
        display: inline-block;
        /*text-align: center;*/
        /*padding: 0 1rem;*/
        border: none;
        border-radius: 0;
        flex-shrink: 0;
        box-shadow: none;
        max-width: 45%;
        text-align: left;
    }
    .introtab .tab-contss .flex-item img{
        display: inline-block;
    }
    .introtab .tab-contss .flex-item p {
        max-width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
        margin-bottom: 0;
        margin-top: 1rem;
        text-align: left;
    }
    .why_choose{
        padding: 4.92857rem 0 6.42857rem 0;
        background: rgba(212, 253, 255, 1);
    }
    .containers1 .flex-top h2{
        color: rgb(0, 12, 37);

        font-size: 2.85714rem;
        font-weight: 700;
        line-height: 4.28571rem;
        letter-spacing: 0;
        text-align: left;
        margin-bottom: 2.42857rem;
    }
    .containers1 .flex-top p
    {
        color: rgb(0, 12, 37);

        font-size: 1.7142857rem;
        font-weight: 400;
        line-height: 2.14286rem;
        letter-spacing: 0;
        text-align: left;
        margin-bottom: 2.85714rem;
    }
    .introtab .tab-contss .flex-item div{
        /*margin-bottom: 1.42857rem;*/
    }
    .introtab .tab-contss .flex-item h3{
        margin-bottom: 0;
        color: rgb(0, 12, 37);

        font-size: 1.42857rem;
        font-weight: 700;
        line-height: 2.14286rem;
        letter-spacing: 0.0rem;
        text-align: left;
    }
    .introtab .tab-contss .flex-item p{
        margin-top: 0.71429rem;
        color: rgb(0, 12, 37);

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






}
@media (min-width: 1024px) {
    .price .product-price ul {
        max-width: 100%;
    }
    #toolbar .header2023 .header2023-navbar-link, .header2023 .header2023-navbarDropdown-toggle {
        padding: 0.85714rem 0.5rem;
    }
    .intro25 .introtab .intro-title .tab_list {
        /*display: block;*/
    }
    .containers1.intro-title .tab_list ul{
        display: flex;
        flex-flow: wrap;
        justify-content: flex-start;
        align-items: center;
    }
    .price .product-price {
        position: relative;
        width: 47%;
    }
    .price .product-price p {
        max-width: unset;
    }
}
@media (min-width: 1200px) {
    .intro25 .introtab .intro-title {
        width: 100%;
    }
    .containers1 {
        max-width: 81.42857rem;
        padding: 0 !important;
    }
    #toolbar .wrapper .header2023
    {
        margin-left: 2.85714rem !important;
    }
    .intro25 .introtab .introbanner-box{
        /*max-width: 81.42857rem;*/
        /*padding: 0;*/
        background: rgba(240, 253, 255, 1);
    }
    .introtab .introbanner-box .banner-word {
        justify-content: flex-start;
        width: 49.57143rem;
        min-width: 49.57143rem;
    }

    .banner-img .images_4 {
        display: block;
        width: 46.57143rem;
        height: 41.71428rem;
        background-position-y: 2.28571rem !important;
        background-position-x: 3rem !important;
    }
    .introtab .introbanner-box .banner-img {
        display: block;
        position: relative;
        margin-left: -7rem;
    }
    .introbanner-box {
        /*background: rgba(240, 253, 255, 1);*/
        padding: 0;
    }
    #page .introtab .introbanner-box .banner-word h1 {
        margin-bottom: 3.21429rem;
    }
    .introbanner-text .button1 {
        margin-bottom: 2.85714rem;
        margin-top: 3.14286rem;

    }
    .intro25 .introtab .introbanner-box {
        /*min-height: 45.28571rem;*/
    }
    .intro25 .tab-contss {
        margin-top: unset;
        margin-top: -9.35714rem;
        /* background-color: red; */
    }
    .intro25 .introtab .introbanner-box {
        min-height: unset;
    }

    .introbanner-box {
        position: relative; /* 关键：为伪元素提供定位上下文 */
        /* 其他样式，例如宽度、高度等 */
        width: 100%;
        /*height: 21.42857rem; !* 示例高度 *!*/
        /*background-color: lightblue; !* 示例背景色 *!*/
    }

    .introtab .tab-contss .Overview-box {
        background-color: unset;
        z-index: 13;
        position: relative;
        padding-bottom: 4.28571rem;
    }
    .intro25 .introtab .introbanner-box .introbanner .introbanner-bg img:last-child {
        position: absolute;
        width: 21.21428rem;
        height: 21.21428rem;
        left: -9.7857rem;
        top: 20.64285rem;
    }

    .introbanner-box::after {
        content: ''; /* 伪元素必须要有 content 属性才能显示 */
        display: block; /* 使伪元素成为块级元素，以便设置宽高 */
        position: absolute; /* 关键：使伪元素可以相对于父元素进行定位 */
        bottom: auto; /* 关键：将伪元素定位到父元素的底部 */
        left: 0; /* 关键：将伪元素定位到父元素的左侧 */
        width: 100%; /* 关键：使伪元素的宽度与父元素相同 */
        height: 15.92857rem; /* 你希望设置的高度 */
        background: rgba(240, 253, 255, 1);
        /*background-color: orange;*/
        z-index: 9;
    }
    .introtab .tab-contss .containers1 .Overview-text {
        height: auto;
        padding: 2rem 2rem;
        /* border-radius: 1.42857rem; */
        background: #ffffff;
    }
    .main_function{
        padding: 4.28571rem 0 5.71429rem 0;
    }
    .main_function .function{
        max-width: 81.42857rem;
        gap: 2.14286rem;
        margin:0 auto;
    }
    .main_function .function .card-boxs {
        width: 39.64286rem;
        max-width: 39.64286rem;
        padding: 2.14286rem;
        gap: 2.14286rem;
    }
    .Officeimg_top .LearnMore a,.Officeimg_top .Free a {
        padding: 0.5rem 0.78571rem;
    }
    .carousel {
        margin-top: 0;
        padding: 5.71429rem 0 9.78571rem 0;
    }
    .carousel .carousel-slides {
        position: relative;
        min-height: unset;
    }

    .intro25 .introtab .tab-contss .Overview .price-and-started {
        background: #F0FDFF url('/images/Introduce/2025/footer-bg.png');
        /* background-position: center bottom -7.14286rem; */
        background-position: center bottom;
        background-repeat: no-repeat;
        /* background-size: auto; */
    }
    .price .containers1 {
        gap: 2.14286rem;
    }
    .price .product-price {
        position: relative;
        width: 39.64286rem;
        min-width: 39.64286rem;
        min-height: unset;
    }
    .price .product-price a {
        position: relative;
        bottom: unset;
        left: unset;
    }
    .price .product-price div {
        /* position: absolute; */
        /*bottom: 2rem;*/
        display: inline-block;
        width: auto;
    }
    .price .product-price{
        text-align: left;
    }
    .price {
        background-color: unset;
        padding: 0;
    }
    .started {
        padding-top: 3.57143rem;
        padding-bottom: 5.71429rem;
    }
    .introtab .tab-contss .started .containers1 {
        padding: 2.57143rem 3.28571rem !important;
    }
    .started .started-text button.TRY a{
        color: rgba(61, 61, 219, 1);
    }

    .introtab .tab-contss .flex-item{
        width: 39.28571rem;
        max-width: 39.28571rem;
    }
    .introtab .tab-contss .why_choose .flex-items {
        gap: 3.21429rem 2.85714rem;
        /* row-gap: 2.85714rem; */
    }
    .intro25.free_office_java .tab-contss{
        margin-top: -4.35714rem;
    }
    .intro25.free_office_java .introbanner-box::after {
        content: '';
        display: block;
        position: absolute;
        bottom: auto;
        left: 0;
        width: 100%;
        height: 23.85714rem;
        background: rgba(240, 253, 255, 1);
        /* background-color: orange; */
        z-index: 9;
    }
    .intro25.free_office_java .main_function .function:after{
        content: '';
        width: 39.64286rem;
        max-width: 39.64286rem;
    }
    .intro25.free_office_java .price .priceB .product-price:first-child div{
        margin-top: 2rem;
    }
	    .main_function .function {
        max-width: 1140px;
        min-width: 1140px;
        gap: 2.14286rem;
        margin: 0 auto;
    }
    .containers1 {
        max-width: 1140px;
        min-width: 1140px;
        padding: 0 !important;
    }
}