/*#productintro > div > div > div.tab-cont.tab-contss > div > div.Overview-box{display: none;}*/
/*#productintro > div > div > div.tab-cont.tab-contss > div > div.Overview-cardB{display: none;}*/
/*.productintro-content .introtab .introbanner-box{display: none;}*/
/*#productintro > div > div > div.tab-cont.tab-contss > div > div.started.started2{display: none;}*/
/*#toolbar{display: none;}*/
/*#page-footer{display: none;}*/
/*#productintro > div > div > div.tab-cont.tab-contss > div > div.about{display: none;}*/
/*#productintro > div > div > div.tab-cont.tab-contss > div > div.main-function.main_function2{display: none;}*/
/*.productintro-content .introtab .tab-contss .operation{display: none;}*/
/*#165435{display: none;}*/
@media(min-width: 0px) and (max-width: 1200px){
body{
    min-width: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}
.wrapper{
    min-width: 90% !important;
    width: 90% !important;
    max-width: 90% !important;
}
    #toolbar .wrapper {
        width: 90% !important;
        margin: auto;
        /* display: flex; */
    }
    #toolbar .wrapper div.logo{
        padding-left: 0;
    }
    .productintro-content-2024 .introtab .intro-title {
        height: 57px;
        width: 90%;
    }

    #productintro > div > div > div.containers1.intro-title > button {
        display: block;
    }
    .productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text {
        width: 100%;
        margin: auto;
        display: flex;
        /* padding: 50px 0 43px; */
        padding: 50px 0 60px;
    }
    .productintro-content .introtab .introbanner-box .introbanner .introbanner-text > div {
        width: 90%;
        margin: 0 auto;
    }
    .productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div .introbannertitle {
        margin-top: 50px !important;
        margin-bottom: 12px !important;
        height: auto;
    }
    #productintro > div > div > div.introbanner-box > div > div > div > div{
        display: flex;
        flex-flow: row;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
    }
    #productintro > div > div > div.introbanner-box > div > div > div > div a{
        width: 45%;
    }
    .productintro-content .introtab .introbanner-box .introbanner .introbanner-text div div a button {
        width: 100% !important;
    }
    .productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside {
        width: 100%;
        padding: 20px 0;
    }
    .productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 {
        padding: 20px 0;
        width: 90%;
        margin: 0 auto;
    }
    .productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-images{
        display: none;
    }
    .productintro-content-2024 .introtab .tab-cont .item .Overview-box {
        padding-bottom: 28px;
    }
    .productintro-content-2024 .introtab .tab-cont .item .Overview-card {
        width: 100%;
        padding-top: 25px;
    }
    .productintro-content-2024 .card_list {
        width: 100%;
        height: auto !important;
        background: rgb(241, 248, 255);
        border-radius: 76px;
        padding-top: 25px;
    }
    .productintro-content-2024 .card-cont {
        width: 100%;
        margin: 0 auto;
    }
    .productintro-content-2024 .introtab .tab-cont .item .Overview-card .card-cont .carditems .card-frame {
        justify-content: space-between;
        padding: 49px 0 49px 0;
    }
    .productintro-content-2024 .introtab .tab-contss .item .about .about-text {
        height: auto !important;
        width: 100%;
        display: flex;
        flex-flow: column;
        padding: 20px 0 !important;
    }
    .productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-R .abut-right {
        margin-left: 0;
    }
    #productintro .productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul li {
        list-style: none;
        color: rgb(255, 255, 255);
        font-size: 20px;
        font-weight: 400;
        line-height: 29px;
        letter-spacing: 0px;
        text-align: left;
        width: auto !important;
        margin-left: 2px;
        margin-bottom: 22px;
    }
    .productintro-content-2024 .introtab .tab-contss .operation .operation-text {
        padding: 50px 0 !important;
        width: 100%;
    }
    .productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-title {
        position: relative;
        clear: both;

        width: 90%;
        margin: 0 auto;
        margin-bottom: 40px;
    }
    .productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-title .button {
        width: 88px;
        height: 22px;
        background: url("/images/js/xls/read_more_black.png") no-repeat;
        font-size: 0px;
        position: relative;
        display: block;
        margin: 0px;
        bottom: unset;
        background-size: 100%;
    }
    .productintro-content-2024 .operation-title div:nth-child(2){
        float: right;
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: center;
        height: 44px;
    }
    .productintro-content .introtab .tab-contss .main-function .containers1 {
        padding: 50px 0 !important;
        width: 100%;
    }
    .productintro-content .introtab .tab-contss .main-function .containers1 .function-title {
        display: block;
        height: 44px;
        width: 90%;
        margin: 0 auto;
        float: unset;
    }
    #productintro > div > div > div.tab-cont.tab-contss > div > div.FrameWorks > div > div.FrameWorks_title {
        width: 90%;
        margin: 0 auto;
        position: relative;
        margin-bottom: 20px;
    }
    #productintro > div > div > div.tab-cont.tab-contss > div > div.FrameWorks > div > div.FrameWorks_title > h1 {
        width: 100% !important;
        position: unset;
    }
    .productintro-content-2024 .FrameWorks .containers1 {
        width: 100%;
        height: 100%;
        position: relative;
        margin: 0 auto;
        z-index: 999;
    }
    .productintro-content-2024 .bottom_circle_4 {
        display: none;
    }
    #productintro > div > div > div.tab-cont.tab-contss > div > div.FrameWorks > div > div:nth-child(2) > div.FrameWorks_bottom {
        width: 100%;
        margin: 0 auto;
        /* position: relative; */
    }
    .productintro-content-2024 .platform-bottom {
        width: 100%;
        height: auto;
        position: unset;
        /* left: 27px; */
    }
    .productintro-content-2024 .introtab .tab-contss .main-function {
        background: white;
        margin-bottom: unset;
        position: relative;
        z-index: 2;
    }
    .productintro-content-2024 .platform-all div{
    width: 100%;
         }
    .productintro-content-2024 .platform-all div {
        width: 100%;
        display: flex;
        flex-flow: wrap;
        justify-content: center;
    }
    .productintro-content-2024 .introtab .tab-contss .started {
        width: 100% !important;
        position: relative;
        top: unset !important;
        height: auto;
        padding: 20px 0;
        margin-bottom: 20px;
    }
    .productintro-content-2024 .introtab .tab-contss .FrameWorks {
        position: relative;
        z-index: 1;
        height: auto;
        overflow: hidden;
    }
    .productintro-content-2024 .introtab .tab-contss .started .started-back .containers2{
        width: 100%;
        margin: 0 auto;
    }
    .productintro-content-2024 .CONTACT {
        position: relative;
        width: 229px;
        height: 74px;
        right: unset;
        top: unset;
        box-sizing: border-box;
        border: 2px solid rgb(255, 255, 255);
        border-radius: 37px;
        background: rgb(133, 68, 255);
    }
    .productintro-content-2024 .TRY {
        border-radius: 37px;
        width: 229px;
        box-shadow: 0px 12px 34px -6px rgba(0, 0, 0, 0.25);
        background: rgb(255, 255, 255);
        position: relative;
        height: 74px;
        right: unset;
        top: unset;
        border: none;
    }
    .productintro-content-2024 .started .containers2 .started-text {
        /* width: 543px; */
        height: auto;
    }
    .productintro-content-2024 .CONTACT{
        margin-bottom: 20px;
    }
    .productintro-content-2024 .introtab .tab-contss .started .started-back {
        width: 90%;
        background: unset;
        border-radius: unset;
    }
    .productintro-content-2024 .platform-all {
        /* padding: 0px 33px; */
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 40px;
    }
    .productintro-content .introtab .tab-cont .item .Overview-card .card_list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 0.3rem;
    }
    .introbannertitle br{
        display: none;
    }
    .productintro-content-2024 .introbanner-box .introbanner-text div span br{
        display: none;
    }


    .productintro-content-2024.office .introbanner-box .introbanner-text div span {
        height: auto;
    }
    .productintro-content-2024.office .introtab .introbanner-box .introbanner .introbanner-text div div .button1 {
        margin-top: 0px !important;
    }
    .productintro-content-2024.office .introtab .introbanner-box .introbanner .introbanner-text div div .button2 {
        margin-top: 0px !important;
    }
    .productintro-content-2024.office .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-text{
        padding: 20px 0;
    }
    .productintro-content.javascript.office .introtab .tab-contss .main-function .containers1 .function-card .function-card1 {
        display: flex;
        justify-content: flex-start;
        flex-flow: column;
        height: auto !important;
    }
    #productintro .productintro-content.xls.office .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardimg {
        height: auto;
        margin-bottom: 20px;
    }
    #productintro .productintro-content.xls.office .introtab .tab-contss .main-function .containers1 .function-card .function-card1 div.cardtext p {
        height: auto !important;
    }
    .productintro-content-2024.office .FrameWorks .containers1 {
padding-left: 0 !important;
    }
    #productintro .productintro-content-2024.javascript.office .introtab .tab-contss .FrameWorks {
        height: auto;
    }
    #productintro .productintro-content-2024.javascript.office .introtab .tab-contss .started {
        top: unset !important;
    }
}

@media(min-width: 700px) and (max-width: 1200px){
    .productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div .button1 {
        margin-top: 0px !important;
    }
    .productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div .button2 {
        margin-top: 0 !important;
    }
    #productintro .productintro-content-2024.javascript .introtab .introbanner-box .introbanner {
        height: 600px !important;
        position: relative;
    }
    .productintro-content-2024 .introtab .tab-cont .item .Overview-card .card_list ul li {
        width: 76px !important;
    }
    .productintro-content .introtab .tab-cont .item .Overview-card .card_list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 0.3rem;
    }
    .productintro-content-2024 .introtab .tab-cont .item .Overview-card .card-cont .items .card-text {
        width: 100%;
    }
    .productintro-content .introtab .tab-cont .item .Overview-card .card-cont .items .card-text button {
        margin-top: 24px;
    }
    .productintro-content .introtab .tab-contss .operation .operation-text .operation-card ul {
        margin: 0px !important;
        gap: 2rem;
    }
    #productintro .productintro-content.xls .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardimg {
        width: 100%;
        text-align: center;
    }
    .productintro-content-2024 .platform-all {
        /* padding: 0px 33px; */
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 40px;
        width: 90%;
        margin: 0 auto;
    }
    .productintro-content-2024 .platform-all div {
        width: auto;
        display: unset;
    }
    .productintro-content-2024 .platform-all div img{
        width: 120px;
        display: unset;
        margin-bottom: 20px;
    }
    .productintro-content-2024 .CONTACT {
        margin-right: 20px;
    }
    .productintro-content .introtab .tab-contss .operation .operation-text .operation-card ul.justify {
        justify-content: center;
        display: none;
    }
    .productintro-content .introtab .tab-contss .main-function .containers1 {
        padding: 0 0 50px 0!important;
        width: 100%;
    }
    .productintro-content .introtab .tab-contss .main-function .containers1 .function-card {
        justify-content: space-between;
        width: 90%;
        margin: 0 auto;
    }
    .productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 {
        width: 290px !important;
    }
    #productintro .productintro-content.xls .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardimg img{
        width: 100%;
    }
    .productintro-content-2024 .FrameWorks .containers1 {
        width: 100%;
    }
    .productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-text {
        padding: 20px 0;
    }

    .productintro-content.office .introtab .tab-contss .main-function .containers1 .function-card .function-card1 {
        width: 44% !important;
    }



}
/*@media(min-width: 1020px) and (max-width: 1279px){*/
/*.productintro-content .introtab .tab-contss .main-function .containers1 .function-card {*/
/*    justify-content: space-between;*/
/*    width: 98%;*/
/*    margin: 0 auto;*/
/*}*/
/*}*/
@media(min-width: 1025px) and (max-width: 1599px){
    .productintro-content-2024 .FrameWorks .containers1 {
        width: 100%;
    }
    .productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-text{
        padding: 20px 0 !important;
    }
}
@media(min-width: 1025px) and (max-width: 1279px){
    .productintro-content-2024 .FrameWorks .containers1 {
        width: 100%;
    }
    .productintro-content-2024 .introtab .tab-cont .item .Overview-box .Overview-outside .containers1 .Overview-text {
        width: 100%;
        padding: 20px 0;
    }
    .productintro-content-2024 .introtab .tab-cont .item .Overview-card {
        width: 98%;
        padding: 0 !important;
    }
    .productintro-content-2024 .introtab .tab-contss .item .about .about-text {
        height: auto !important;
        width: 90%;
        display: flex;
        flex-flow: wrap;
        padding: 20px 0 !important;
    }
    #productintro .productintro-content.xls .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        position: inherit;
    }
    #productintro .productintro-content.xls .introtab .tab-contss .item .about .about-text .about-text-R .abut-right ul li{
        margin-right: 10px;
    }
    .productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-R .abut-right {
        margin-left: 20px;
    }
    .productintro-content-2024 .introtab .tab-contss .operation .operation-text {
        padding: 50px 0 !important;
        width: 90%;
    }
    .productintro-content .introtab .tab-contss .operation .operation-text .operation-card ul {
        /* margin: 0px !important; */
        /*gap: 2rem;*/
        justify-content: center;
    }
    .productintro-content-2024 .introtab .tab-contss .conversion .containers1 {
        width:95%;
        padding: 20px !important;

    }
    .productintro-content-2024 .FrameWorks .containers1 {
        width: 100%;
        padding-left: 0 !important;
    }
}