body, div, h1, h2, h3, h4, h5, h6, p, td, th, span, a, button {
    /*font-family: '思源黑体', sans-serif !important;*/
    font-family: "lucida sans unicode", "lucida grande", "arial", "verdana", "sans-serif", "微软雅黑";
}
#rt-contents > div > div.rt-grid-12.rt-alpha.rt-omega{
    width: 100%;
}
#rt-contents > div > div.rt-grid-12.rt-alpha.rt-omega .rt-block{
    margin: 0px;
    padding: 0px;
}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card_list ul li.actives{
    padding-bottom: 22px !important;
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-r .abut-right ul{
    margin: 0px;
}


.productintro-content-2024 .introtab .intro-title{
    height: 57px;
    width: 1140px;
}
.productintro-content-2024 .introtab .intro-title .tab-left{
    padding-top: 19px;
}
.productintro-content-2024 {
    font-family: '思源黑体', sans-serif !important;
}

.productintro-content-2024 .introtab .intro-title .tab_list ul li{
    color:#868b97;
    font-size: 16px;
    padding-bottom: 17px;
    margin-top: 22px;
    height: 22px;
}
.productintro-content-2024 .introtab .intro-title .tab_list ul li.active {
    border-bottom: 3px solid #138dff;
    color: #138dff;
}
.productintro-content-2024 .introtab .intro-title button {
    float: right;
    border: none;
    border-radius: 16px;
    background: rgb(19, 141, 255);
    width: 90px;
    height: 32px;
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0px;
    margin: 16px 0 0 16px;
}
#productintro .productintro-content-2024.javascript .introtab .introbanner-box .introbanner{
    width: 100%; /* 浣� div 瀹藉害鍗犳弧鐖跺鍣� */
    height: 100vh; /* 楂樺害璁剧疆涓鸿鍙ｉ珮搴︼紝鍙互鏍规嵁闇€瑕佽皟鏁� */
    background: unset;
    background-image: ; /* 璁剧疆鑳屾櫙鍥� */
    /*background-size: cover; !* 浣胯儗鏅浘瑕嗙洊鏁翠釜 div *!*/
    /*background-position: center; !* 鑳屾櫙鍥惧眳涓樉绀� *!*/
    background-repeat: no-repeat; /* 涓嶉噸澶嶈儗鏅浘 */

}
.productintro-content-2024 .introtab .introbanner-box{
    /*height: 100%;*/
}

.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text {
    width: 1140px;
    margin: auto;
    display: flex;
    /* padding: 50px 0 43px; */
    padding: 50px 0 60px;
}

.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div .introbannertitle {
    font-size: 30px;
    font-weight: 400;
    /*width: 646px;*/
    height: 87px;
    margin-bottom: 36px;
    line-height: 43px;
    margin-top: 24px;
}
.productintro-content-2024 .introbanner-box .introbanner-text div span{
    font-weight:700;
    font-size:60px;
    line-height:87px;
}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div .button1{
    /* 鐭╁舰 4 */
    /*position: absolute;*/
    width: 189px;
    height: 66px;
    border-radius: 33px;
    box-shadow: 0px 16px 22px -6px rgba(93, 5, 203, 0.2);
    background: rgb(133, 68, 255);
    margin-right: 50px;
}

.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div .button2{

    width: 189px;
    height: 66px;
    border-radius: 33px;
    box-shadow: 0px 16px 22px -6px rgba(93, 5, 203, 0.2);
    background: rgb(19, 141, 255);
}
.introtab{
    display: flex;
    flex-direction: column; /* 鍨傜洿鎺掑垪 */
    /*height: 100vh; !* 鍗犳弧瑙嗗彛楂樺害 *!*/
}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div button{
    float: left;
}
.productintro-content-2024 .introtab .tab-contss {
    position: absolute; /* 缁濆瀹氫綅 */
    top: 80vh; /* 浠庤鍙ｉ珮搴︾殑 50% 寮€濮� */
    height: 40vh; /* 涓嬮儴 div 鍗犵敤瑙嗗彛楂樺害鐨� 50% */
    width: 100%; /* 瀹藉害鍗犳弧 */
    background-color: transparent; /* 閫忔槑鑳屾櫙 */
}
.productintro-content-2024 .introtab .tab-cont .item .overview-box,.productintro-content-2024 .introtab .tab-cont .item .overview-cardb{
    background-color: transparent;
}
.productintro-content .introtab .tab-cont .item .overview-box .overview-outside .containers1 .overview-text p{
    font-weight:700;
    font-size:18px;
    color: rgb(83, 112, 173);

}
.productintro-content .introtab .tab-cont .item .overview-box .overview-outside .containers1 .overview-text p strong{
    color: rgb(33, 86, 197);
}
.product_icon1{
    background: ;
    width: 248px;
    height: 248px;
    /* position: relative; */
    display: flex;
    /* flex-direction: column; */
    justify-content: center;
    align-items: center;
}
.product_icon2{
    background:  no-repeat;
    width: 125px;
    height: 125px;
    /* margin: 0 auto; */
    text-align: center;
    /* position: relative; */
}

.productintro-content-2024 .introtab .tab-cont .item .overview-box .overview-outside{
    width: 1140px;
    box-shadow: 0px 4px 24px -3px rgba(93, 5, 203, 0.2);
    background-color: rgb(255, 255, 255);
    border-radius: 30px;
}
.productintro-content-2024 .introtab .tab-cont .item .overview-box .overview-outside .containers1{
    width: auto;
    padding: 30px 29px 28px 35px;
}
.overview-outside .product_name{
    position: absolute;
    margin-top: 26px;
    margin-left: 63px;
}
.overview-outside .platform{
    position: absolute;
    margin-top: 204px;
    margin-left: 238px;

}
.productintro-content-2024 .introtab .tab-cont .item .overview-box .overview-outside .containers1 .overview-images{
    padding: unset;
}
.productintro-content-2024 .introtab .tab-cont .item .overview-box .overview-outside .containers1 .overview-text{
    padding: unset;
    line-height: 125%;
    width: 742px;
    float: right;
}
.productintro-content-2024 .introtab .tab-cont .item .overview-box .overview-outside .containers1 {
    display: flex;
    margin: auto;
    justify-content: space-between;
}
.productintro-content-2024 .card_list{
    width:1140px;
    height:auto;
    background: rgb(241, 248, 255);
    border-radius:76px;
    padding-top: 25px;

}
.productintro-content-2024 .introtab .tab-cont .item .overview-card{
    width: 1140px;
    padding-top: 25px;
}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card_list ul{
    border-bottom: unset;
    margin-left: 57px;
    margin-right: 52px;
    /*gap: 62px;*/
    padding: unset;


}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card_list ul li{
    width: auto;
}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card_list ul li.actives p{
    height:24px;
    font-weight:700;
    font-size:16px;
    line-height:20px;
    color: rgb(19, 141, 255);
}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card_list ul li img{
    margin-bottom: 18px;
}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card_list ul li{
    padding-bottom: 0px;
}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card_list ul li p{
    color:rgb(0, 28, 87);
    height:24px;
    font-weight:400;
    font-size:16px;
    line-height:23px;
}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card-cont .items .card-text h3{
    font-weight:700;
    font-size:30px;
    line-height:43px;
    color: rgb(0, 28, 87);

}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card-cont .items .card-text p{
    font-weight:400;
    font-size:18px;
    line-height:26px;
    color: rgb(0, 28, 87);
}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card-cont .items .card-text button{
    width:215px;
    height:65px;
    border-radius:32.5px;
    background: rgb(19, 141, 255);
}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card-cont .items .card-text button a{
    font-weight:700;
    font-size:20px;
    line-height:29px;
    color: rgb(255, 255, 255);
}
.productintro-content-2024 .carditems .card-frame .card-picture{
    /* image.png */
    width: 762px;
    height: 439px;
    border-radius: 30px;
    box-shadow: 0px 7px 24px 4px rgba(44, 143, 236, 0.16);
    float: right;

}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card-cont .carditems .card-frame{
    justify-content: space-between;
    padding: 49px 0 156px 0;
}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card-cont .items div img{
    width: 100%;
    height: 100%;
    box-shadow:none;
    border-radius: 30px;
}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card-cont .items .card-text{
    width: 303px;
    padding-top: 54px;
}
.productintro-content-2024 .card-cont{
    width: 1140px;
    margin: 0 auto;


}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-l h1{
    /* 鐭╁舰 12 */
    color: rgb(19, 141, 255);
    font-size: 30px;
    font-weight: 700 !important;
    line-height: 43px;
    text-align: left;
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text p{
    color: rgb(0, 28, 87);
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    text-align: left;
}
.productintro-content-2024 .introtab .tab-contss .item .about{
    background: linear-gradient(to right, rgb(196, 225, 255) 50%, rgb(145, 87, 255) 50%);
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text{
    height: 330px;
    width: 1140px;
    padding: 50px 0 0px 0px;
}
.productintro-content-2024 .about-text-l img{
    position: absolute;
    right: 26px;
    bottom: -20px;
    z-index: 9999;
}
.productintro-content-2024 .productintro-content .introtab .tab-contss .item .about .about-text .about-text-l {
    width: 50%;
    position: relative;
    overflow: hidden; /* 闅愯棌瓒呭嚭閮ㄥ垎 */
}
.productintro-content-2024 .about-text-r{
    width: 50%;
    position: relative;
    /*overflow: hidden; !* 闅愯棌瓒呭嚭閮ㄥ垎 *!*/
}
.productintro-content-2024 .about-text-r img{
    position: absolute;
    left: 188px;
    bottom: -45px;
    z-index: 9999;
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-r .abut-right{
    margin-left: 93px;
}
#productintro .productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-r .abut-right ul{
    list-style: none;
}
#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: 157px !important;
    margin-left: 2px;
    margin-bottom: 22px;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-card ul li img {
    padding: 33px 30px 16px 30px !important;
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text .about-text-r .abut-right ul li::before{
    display: none;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-title h1{
    color: rgb(0, 28, 87) !important;
    font-size: 30px;
    font-weight: 700 !important;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;
    margin: 0px !important;

}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-card ul li{
    width:268px;
    height:201px;

    border-radius:30px;
    background: rgb(245, 250, 255);
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-card ul li p{
    font-weight:700;
    font-size:18px;
    line-height:26px;
    color: rgb(19, 141, 255);
    padding: 0px !important;

}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text{
    width: 1140px;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-title {
    position: relative;
    clear: both;
    margin-bottom: 40px;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-card {
    position: relative;
    clear: both;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-title .button{
    /* 缁勫悎 19 */
    width: 176px;
    height: 44px;
    background:  no-repeat !important;
    font-size: 0px;
    position: relative;
    display: block;
    margin: 0px;
    bottom: unset;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-title .button a{
    color: rgb(0, 28, 87);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: right;
    font-size: 0px;
    bottom: unset;

}
.productintro-content-2024 .operation-title div:first-child{
    float: left;
}
.productintro-content-2024 .operation-title div:nth-child(2){
    float: right;
}
.productintro-content-2024 .operation-title{
    height: 45px;
}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-card ul li:hover{
    background: rgb(213, 234, 255);
    border-radius: 30px;
    cursor: pointer;

    box-shadow: 0px 13px 16px -5px rgba(14, 110, 199, 0.24);

}
.productintro-content-2024 .introtab .tab-contss .conversion{
    width: 100%;
    height: 659px;
    background: unset;
    background-image: url(/uploads/image/ijxls/conversion_background.png);
    background-repeat: no-repeat;
    padding-top: 74px;
}
.productintro-content-2024 .introtab .tab-contss .conversion .containers1{
    /* 鐭╁舰 32 */
    /*    position: absolute;*/
    width: 1033px;
    height: 488px;
    /*left: 290px;*/
    /*top: 4094px;*/
    border: 6px solid rgba(255, 255, 255, 0.72);
    border-radius: 30px;

    backdrop-filter: blur(50px);
    background: rgba(0, 44, 135, 0.22);
    padding: 49px 49px 59px 58px;
    /*margin-top: 74px;*/
}
.productintro-content-2024 .introtab .tab-contss .conversion .containers1 .conversion-title h1{
    color: rgb(255, 255, 255) !important;
    font-size: 30px;
    font-weight: 700 !important;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;
    float: left;
    width: 195.59px;
    height: 44px;
    margin: 0px;
}
.productintro-content-2024 .introtab .tab-contss .conversion .containers1 .conversion-title a{
    float: right;
    width: 176px;
    height: 44px;
    background: ;
    font-size: 0px;

}
.productintro-content-2024 .introtab .tab-contss .conversion .containers1 .conversion-title p{
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;
}
.productintro-content-2024 .conversion-title div{
    display: block;
    height: 44px;
}
.productintro-content-2024 .conversion-img {
    /*background: ;*/
    width: 1041px;
    height: 335px;

    margin: 0 auto;
    margin-top: 40px;

}
.productintro-content-2024 .introtab .tab-contss .edit{
    display: none;
}

.productintro-content .introtab .tab-contss .main-function .containers1 h1{
    color: rgb(0, 28, 87) !important;
    font-size: 30px;
    font-weight: 700 !important;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;
    float: left;
    margin: 0px !important;
}
.productintro-content .introtab .tab-contss .main-function .containers1 a{
    float: right;
    width: 176px;
    height: 44px;
    background: ;

}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-title {
    display: block;
    height: 44px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card{
    clear: both;
    /*border-radius: 30px;*/

    /*background: rgb(245, 250, 255);*/
}
.productintro-content-2024 .introtab .tab-contss .main-function .containers1 .function-title a {
    float: right;
    width: 176px;
    height: 44px;
    background: ;
    font-size: 0px;
}
#productintro .productintro-content.xls .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardimg{
    /* 鐭╁舰 112 */
    width: 341px;
    height: 219px;
    border-radius: 30px 30px 0px 0px;

    background: rgb(224, 240, 255);
}
.productintro-content .introtab .tab-contss .main-function .containers1{
    width: 1140px;
    padding-bottom: 0px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 p{
    color: rgb(19, 141, 255);
    font-size: 15px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    width: 100%;
    height: 44px !important;
    margin: 0px 0px 16px 0px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1{
    width: 341px;
    border-radius: 30px;
    /*height: 621px;*/

    background:rgb(245, 250, 255);
    margin-bottom: 0px;
    margin-top: 60px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardtext{
    padding: 18px 16px 0 16px;
}
#productintro .productintro-content .main-function .cardtext span{
    color: rgb(0, 28, 87);
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 18px;
}

.productintro-content-2024 .bottom_circle_1{
    width: 495px;height: 495px;line-height: 495px;background:  no-repeat;margin: 0 auto;
    display: flex;
    justify-content: center; /* 姘村钩灞呬腑 */
    align-items: center; /* 鍨傜洿灞呬腑 */
}
.productintro-content-2024 .bottom_circle_2{
    width: 805px;height: 805px;line-height: 1461px;background: ;margin: 0 auto;
    display: flex;
    justify-content: center; /* 姘村钩灞呬腑 */
    align-items: center; /* 鍨傜洿灞呬腑 */
}
.productintro-content-2024 .bottom_circle_3{
    width: 1135px;height: 1135px;line-height: 1461px;background: ;margin: 0 auto;
    display: flex;
    justify-content: center; /* 姘村钩灞呬腑 */
    align-items: center; /* 鍨傜洿灞呬腑 */
}
.productintro-content-2024 .bottom_circle_4{
    width: 1461px;height: 1461px;line-height: 1461px;background: ;margin: 0 auto;
    display: flex;
    justify-content: center; /* 姘村钩灞呬腑 */
    align-items: center; /* 鍨傜洿灞呬腑 */
}
.productintro-content-2024 .introtab .tab-contss .frameworks{
    /*position: absolute;*/
    /*top: 80vh;*/
    /*height: 40vh;*/
    /*width: 100%;*/
    /*background-color: transparent;*/
    position: relative;
    z-index: 1;
    height: 1461px;
}

.productintro-content-2024 .frameworks .containers1{
    width: 1461px;
    height: 100%;
    position:relative;
    margin: 0 auto;
    /*margin-top: -100px;*/
    z-index: 999;
}

.productintro-content-2024 .introtab .tab-contss .main-function{
    background: white;
    margin-bottom: -20px;
    position: relative;
    z-index: 2;
}
.productintro-content-2024 .platform-bottom{
    width: 1140px;
    height: 500px;
    /*background: red;*/
    position: absolute;
    bottom: 60px;
    /*left: 27px;*/
}
.productintro-content-2024 .platform-all{
    /*padding: 0px 33px;*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}
.productintro-content-2024 .introtab .tab-contss .started{
    border-radius: 30px;

    background: rgb(133, 68, 255);
    /* 鐭╁舰 156 */
    position: absolute;
    width: 1140px;
    height: 182px;
    padding: 47px 44px 0 44px;
}
.productintro-content-2024 .introtab .tab-contss .started .started-back{
    width:100%;
    background: unset;
    border-radius: unset;
}
.productintro-content-2024 .started .containers2 h1{
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;
    /* get started */

    /*width: 200px;*/
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;

}
.productintro-content-2024 .started .containers2 .started-text{
    /* free trials for all progress solutions */
    /*    width: 543px;*/
    height: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;


    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: left;
    margin-top: 37px;
}
.productintro-content-2024 .contact{
    /* 鐭╁舰 158 */
    position: absolute;
    width: 229px;
    height: 74px;
    right: 295px;
    top: 73px;
    box-sizing: border-box;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 37px;

    background: rgb(133, 68, 255);

}

.productintro-content-2024 .contact a{
    color: rgb(255, 255, 255);
    font-size: 24px;
    font-weight: 400;
    line-height: 35px;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: none;
}
.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);
    /* 鐭╁舰 156 */
    position: absolute;
    height: 74px;
    right: 36px;
    top: 73px;
    border: none;

}
.productintro-content-2024 .try a{
    color: rgb(133, 68, 255);
    font-size: 30px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: center;
    text-decoration: none;

}

.productintro-content-2024 .introtab .tab-contss .frameworks {
    position: relative; /* 淇濇寔鐩稿瀹氫綅 */
    z-index: 1;
    height: 861px; /* 鐖剁骇楂樺害 */
    overflow: hidden; /* 闅愯棌瓒呭嚭閮ㄥ垎 */
}
.productintro-content-2024 .frameworks .containers1 {
    width: 1461px;
    height: 100%; /* 淇濇寔100%楂樺害 */
    position: relative;
    margin: 0 auto;
    z-index: 999;
    /*transform: translatey(-30%); !* 鍚戜笂绉诲姩30% *!*/
    /*height: 130%; !* 澧炲姞楂樺害浠ヨˉ鍋垮悜涓婄щ鍔ㄧ殑閮ㄥ垎 *!*/
}


.productintro-content-2024 .introtab .tab-contss{display: contents;}
.productintro-content .introtab .tab-cont>.item{margin-top: -200px;}
.productintro-content-2024 .introtab .introbanner-box{height: unset !important;
    background: unset !important;}
#productintro .productintro-content-2024.javascript .introtab .introbanner-box .introbanner{
    height: 821px !important;
}
@media (min-width: 1200px) {
    .containers1 {
        max-width: unset !important;
    }
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-l{
    position: relative;
    overflow: hidden;
}
.productintro-content-2024 .introtab .tab-contss .started{bottom:0px;}
.productintro-content-2024 .platform-bottom{top: 380px;}
.productintro-content-2024 .started .containers2 h1 {
    color: rgb(255, 255, 255) !important;
}
.productintro-content-2024 .introtab .tab-contss .started{width:1052px !important;}
#toolbar .wrapper{width:1140px !important;}
#toolbar .wrapper {
    width: 1140px !important;
    margin: auto;
    /* display: flex; */
}
.productintro-content-2024 .introtab .intro-title .tab_list ul li{

    color: rgb(19, 141, 255) !important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: left;
    width: 71px;
    height: 24px !important;
    margin-top:20px !important;
    padding-bottom: 18px !important;
}
.productintro-content-2024 .introtab .intro-title .tab-left p{
    width: 240px;
    height: 29px;
    color: rgb(0, 28, 87);
    font-size: 20px;
    font-weight: 400;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;
    margin-top:0px !important;
}
.productintro-content-2024 .introtab .intro-title .tab-left {
    padding-top: 18px !important;
}
.productintro-content .introtab .introbanner-box .introbanner .introbanner-text div div a button {
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 16px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card .function-card1 .cardtext {
    padding: 15px 16px 38px 16px !important;
}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-r h1{
    color: rgb(255, 255, 255) !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;


}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text{
    padding:0px !important;
}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div .introbannertitle{
    margin-top:88px !important;
    margin-bottom:12px !important;
}
.productintro-content-2024 .introbanner-box .introbanner-text div span {
    font-weight: 700;
    font-size: 60px;
    line-height: 87px;
    display: block;
    height: 166px;
    padding: 22px 0;
}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div .button1{margin-top:54px !important;}
.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div .button2{margin-top:54px !important;}
.productintro-content .introtab .tab-cont .item .overview-box .overview-outside .containers1 .overview-text p{
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 26px !important;
    letter-spacing: 0px;
    text-align: left;

}
.overview-images .product_icon {
    width: 307px;
    height: 309px;
    background: ;
    margin: 0 auto;
    text-align: center;
    line-height: 100%;
    /* height: 100%; */
    display: inline-block;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.productintro-content-2024 .introtab .tab-cont .item .overview-box .overview-outside .containers1 .overview-images{
    /*margin-left: 15px !important;*/
    margin-top: 0px;
    line-height: 100%;
    text-align: center;
    position: relative;
    /* height: 100vh; */
    display: block;
    display: flex;
    justify-content: center;
    align-items: center;


}
.productintro-content-2024 .introtab .tab-cont .item .overview-box .overview-outside{
    box-shadow: 0px 4px 24px -3px rgba(44, 143, 236, 0.16) !important;


}
.productintro-content-2024 .card_list{height:128px;}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card_list ul li.actives p{margin-top:0px !important;margin-bottom:0px !important;}
/*.productintro-content-2024 .introtab .tab-cont .item .overview-card .card_list ul li{padding-bottom:0px !important;}*/
.productintro-content-2024 .introtab .tab-contss .item .about .about-text{padding: 78px 0 0px 0px !important;}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-r h1{margin-bottom:35px !important;}
.productintro-content .introtab .tab-contss .item .about .about-text .about-text-l h1{
    margin-bottom:27px !important;
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text {
    height: 302px !important;}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text .operation-card ul li{border:none !important;}
.productintro-content .introtab .tab-contss .operation .operation-text .operation-card ul{margin:0px !important;}
.productintro-content-2024 .introtab .tab-contss .operation .operation-text{padding: 156px 0 124px 0 !important;}
.productintro-content .introtab .tab-contss .main-function .containers1{padding: 156px 0px 0px 0px !important;}

#productintro > div > div > div.tab-cont.tab-contss > div > div.frameworks > div > div.frameworks_title{
    width: 1140px;
    margin: 0 auto;
    position: relative;
}
/*#productintro > div > div > div.tab-cont.tab-contss > div > div.frameworks > div > h1{*/
#productintro > div > div > div.tab-cont.tab-contss > div > div.frameworks > div > div.frameworks_title > h1{

    color: rgb(0, 28, 87);
    font-size: 30px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;
    margin:0px;
    position: absolute;
    width: 401px;
    top:145px;
    left: 0px;

}
#productintro > div > div > div.tab-cont.tab-contss > div > div.frameworks > div > div:nth-child(2) > div.frameworks_bottom{
    width: 1140px;
    margin: 0 auto;
    /*position: relative;*/
}



.productintro-content-2024 .platform-bottom{
    top: 281px !important;
    bottom:unset !important;


}
.productintro-content-2024 .introtab .tab-contss .started{
    top: 306px !important;
    bottom:unset !important;

}
.productintro-content-2024 .started .containers2 .started-text p{
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: 300;
    line-height: 43px;
    letter-spacing: 0px;
    text-align: left;


}
.productintro-content-2024 .introtab .tab-cont .item .overview-card .card_list ul li{
    width:89px !important;
}

.productintro-content-2024 .introtab .introbanner-box .introbanner .introbanner-text div div .button2{
    border-radius: 33px;
    box-shadow: 0px 16px 22px -6px rgba(37, 107, 255, 0.2) !important;
    background: rgb(19, 141, 255);


}
.productintro-content-2024 .introtab .tab-cont .item .overview-box .overview-outside .containers1 .overview-text p {
    font-family: "lucida sans unicode", "lucida grande", "arial", "verdana", "sans-serif" !important;}

.productintro-content-2024 .introtab .tab-cont .item .overview-box{
    padding-bottom: 108px;
}
.productintro-content-2024 .introtab .tab-contss .item .about .about-text p:first-child{
    margin-bottom: 30px;
}

.productintro-content-2024 .introtab .tab-contss .main-function .function-text .button{
    /* 缁勫悎 19 */
    width: 176px;
    height: 44px;
    background:  no-repeat;
    font-size: 0px;
    position: relative;
    display: block;
    margin: 0px;
    bottom: unset;
}
.productintro-content-2024 .introtab .tab-contss .main-function .function-text .button{
    color: rgb(0, 28, 87);
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: right;
    font-size: 0px;
    bottom: unset;

}
.productintro-content-2024 .function-title {
    float: left;
}
.productintro-content-2024 .function-text {
    float: right;
}
.xls.javascript .text{
    /* 矩形 149 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052ff;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: 0px;
    top: 0px;
    width: 78.71px;
    height: 59.89px;


}
.xls.javascript .xps{
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052ff;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: calc(21.55px   78.71px);
    top: 0px;
    width: 78.71px;
    height: 59.89px;
}
.xls.javascript .svg{
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052ff;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: calc(21.55px   78.71px   21.55px   78.71px);
    top: 0px;
    width: 78.71px;
    height: 59.89px;
}

.xls.javascript .pdf{
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052ff;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: calc(21.55px   78.71px   21.55px   78.71px   21.55px   78.71px);
    top: 0px;
    width: 78.71px;
    height: 59.89px;
}


.xls.javascript .xml{
    /* 矩形 149 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052ff;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: 0px;
    top: calc(59.89px   29.01px);
    width: 78.71px;
    height: 59.89px;


}
.xls.javascript .image{
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052ff;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: calc(21.55px   78.71px);
    top: calc(59.89px   29.01px);
    width: 78.71px;
    height: 59.89px;
}

.xls.javascript .postscript{
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight:700;
    font-size:16px;
    line-height:100%;
    letter-spacing: 0px;
    text-align: center;
    color: #0052ff;
    /* 添加以下样式以实现垂直和水平居中 */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */

    left: calc(21.55px   78.71px   21.55px   78.71px);
    top: calc(59.89px   29.01px);
    width: 177.09px;
    height: 59.89px;
}
.xls.javascript .arrow2{
    /* 箭头 2 */
    position: absolute;
    width: 83.39px;
    height: auto;
    left: 423.52px;
    top: 71.9px;
    /*transform: rotate(180.00deg);*/
    /*border: 5px solid rgb(255, 255, 255);*/

}
.xls.javascript  .product-image{
    /* image.png */
    position: absolute;
    width: 119px;
    height: 118.84px;
    left: 558.45px;

    top: 0px;

}
.xls.javascript .arrow3{
    /* 箭头 2 */
    position: absolute;
    width: 91.83px;
    height: auto;
    left: 728.98px;
    top: 71.9px;
    /*transform: rotate(180.00deg);*/
    /*border: 5px solid rgb(255, 255, 255);*/

}
.xls.javascript .product-word{
    /* xlsx,xlsm,xlsb,ods */
    position: absolute;
    width: 215px;
    height: 27px;
    left: 514px;
    top: 135px;
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;

}
.xls.javascript .csv{
/* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    right: 114.31px;
    top: 59.85px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(0, 28, 87);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* csv */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */



}
.xls.javascript .html{
    /* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    right: 0px;
    top: 59.85px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(0, 28, 87);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* csv */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */



}
.xls.javascript .arrow4 {
    position: absolute;
    width: 52.78px;
    height: 5px;
    left: calc(193.02px - 24.39px);
    top: calc(175.86px   21.39px);
    /* transform: rotate(180.00deg); */
    /* border: 5px solid rgb(255, 255, 255); */
    transform: rotate(90.00deg);
    /* border-left: 5px solid rgb(255, 255, 255); */
    /* border-right: 5px solid rgb(255, 255, 255); */
    border-radius: 10px;
}
.xls.javascript .rectangle160{
    /* 矩形 160 */
    position: absolute;
    width: 381.36px;
    height: 87.96px;
    left: 0px;
    top: 247.04px;
    box-sizing: border-box;
    border: 3px solid rgb(255, 255, 255);
    border-radius: 49px;

}
.xls.javascript .png{
    /* 矩形 153 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(89, 0, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* csv */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */


    width: 61.84px;
    height: 59.89px;
    left: 15.93px;
    bottom: 14.04px;


}
.xls.javascript .bmp{
    /* 矩形 153 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(89, 0, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* csv */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */


    width: 61.84px;
    height: 59.89px;
    left: calc(15.93px   11.24px   61.84px);
    bottom: 14.04px;


}
.xls.javascript .jpeg{
    /* 矩形 153 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(89, 0, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* csv */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */


    width: 61.84px;
    height: 59.89px;
    left: calc(15.93px   11.24px   61.84px   11.24px   61.84px);
    bottom: 14.04px;


}

.xls.javascript .emf{
    /* 矩形 153 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(89, 0, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* csv */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */


    width: 61.84px;
    height: 59.89px;
    left: calc(15.93px   11.24px   61.84px   11.24px   61.84px   11.24px   61.84px);
    bottom: 14.04px;


}
.xls.javascript .tiff{
    /* 矩形 153 */
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(89, 0, 255);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* csv */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */


    width: 61.84px;
    height: 59.89px;
    left: calc(15.93px   11.24px   61.84px   11.24px   61.84px   11.24px   61.84px   11.24px   61.84px);
    bottom: 14.04px;


}
/*{*/
/*!* 箭头 5 *!*/
/*    position: absolute;*/
/*    width: 83.39px;*/
/*    height: 0;*/
/*    left: 945.91px;*/
/*    top: 4312.02px;*/
/*    transform: rotate(180.00deg);*/
/*    border: 5px solid rgb(255, 255, 255);*/
/*}*/

.xls.javascript .arrow5 {
    position: absolute;
    width: 83.39px;
    height: auto;
    left: 422.52px;
    bottom: 26.98px;
    /* transform: rotate(180.00deg); */
    /* border: 5px solid rgb(255, 255, 255); */
}
.xls.javascript .chart{
/* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: 563.13px;
    bottom: 14.04px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    color: rgb(0, 28, 87);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* csv */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}


.xls.javascript .excel{
    /* 矩形 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: 677.45px;
    bottom: 14.04px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    color: rgb(0, 28, 87);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    /* csv */
    display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
}


/**
doc product
 */
#productintro .productintro-content-2024.doc_javascript .introtab .introbanner-box .introbanner {
    background: ;
    background-repeat: no-repeat;
    background-position: center top;
}

#productintro .productintro-content-2024.doc_javascript .overview-images .product_icon {
    width: 308px;
    height: 308px;
    background: ;
}
#productintro .productintro-content-2024.doc_javascript .introtab .tab-contss .item .about {
    background: linear-gradient(to right, #c4f3ff 50%, #6071ff 50%);
}
#productintro .productintro-content-2024.doc_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li {
    height: 200px;
}
#productintro .productintro-content-2024.doc_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li p{
    margin-top: 0px;
}
.doc_javascript .conversion .text {
    width: 130px;
}
.doc_javascript .conversion .xps {
    width: 130px;
    left: calc(20px   130px);
}
.doc_javascript .conversion .svg {
    width: 130px;
    left: calc(40px   260px);
}
.doc_javascript .conversion .pdf {
    width: 130px;
    left: 0px;
    top: calc(50px   30px);
}
.doc_javascript .conversion .xml {
    width: 130px;
    top: calc(50px   30px);
    left: calc(20px   130px);
}
.doc_javascript .conversion .image {
    width: 130px;
    top: calc(50px   30px);
    left: calc(40px   260px);
}
.doc_javascript .conversion .arrow2 {
    /* 绠ご 2 */
    position: absolute;
    width: 60px;
    height: auto;
    left: calc(516px - 64px);
    top: 60px;
    /*transform: rotate(180.00deg);*/
    /*border: 5px solid rgb(255, 255, 255);*/
}
.doc_javascript .conversion .product-image {
    position: absolute;
    width: 119px;
    height: 119px;
    left: calc(600px - 64px);
    top: 21px;
}
.doc_javascript .conversion .arrow3 {
    position: absolute;
    width: 68px;
    height: auto;
    left: calc(741px - 64px);
    top: 60px;
}
.doc_javascript .conversion .odt
{
    /* 鐭╁舰 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: calc(820px - 64px);
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.doc_javascript .conversion .xml2
{
    /* 鐭╁舰 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: calc(918px - 64px);
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.doc_javascript .conversion .html
{
    /* 鐭╁舰 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: calc(1016px - 64px);
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.doc_javascript .conversion .rtf
{
    /* 鐭╁舰 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: calc(872px - 64px);
    top: calc(280px - 197px);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.doc_javascript .conversion .txt
{
    /* 鐭╁舰 152 */
    position: absolute;
    width: 78.71px;
    height: 59.89px;
    left: calc(970px - 64px);
    top: calc(280px - 197px);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #000c25;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
}
.doc_javascript .conversion .arrow4 {
    position: absolute;
    width: 52.78px;
    height: 5px;
    left: calc(260px - 64px);
    top: calc(175.86px   21.39px);
    /* transform: rotate(180.00deg); */
    /* border: 5px solid rgb(255, 255, 255); */
    transform: rotate(90.00deg);
    /* border-left: 5px solid rgb(255, 255, 255); */
    /* border-right: 5px solid rgb(255, 255, 255); */
    border-radius: 10px;
}
.doc_javascript .conversion .product-word {
    left: calc(598px - 64px);
    top: calc(353px - 197px);
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: center;
    width: 123px;
    height: 27px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.doc_javascript .conversion .arrow5 {
    /* 绠ご 5 */
    position: absolute;
    width: 139px;
    height: 60px;
    left: calc(520px - 64px);
    top: calc(404px - 157px);
    /*transform: rotate(180.00deg);*/
    /*border: 5px solid rgb(255, 255, 255);*/
}
#productintro .productintro-content-2024.doc_javascript .main-function .cardtext span ul li{
    margin-left: 0px !important;
    padding-left: 0px !important;
}
#productintro .productintro-content-2024.doc_javascript .main-function .cardtext span ul li::before{
    display: none;
}

#productintro .productintro-content-2024.ppt_javascript .introtab .introbanner-box .introbanner{

    background: ;


}
.productintro-content-2024 .introbanner-box .introbanner-text div span {
    color: rgb(0, 12, 37);
    font-size: 50px;
    font-weight: 700;
    line-height: 66px;
    letter-spacing: 0px;
    text-align: left;
}
.productintro-content-2024.ppt_javascript .introtab .tab-cont .item .overview-box .overview-outside .containers1 .overview-images{
    align-items: unset;
    padding-top: 28px;
}
.productintro-content-2024.ppt_javascript .introtab .tab-contss .item .about {
    background: linear-gradient(to right, #8fe8ff 50%, #fd8445 50%);
}
#productintro .productintro-content-2024.ppt_javascript .introtab .tab-contss .item .about .about-text .about-text-r .abut-right ul li{
    width: 477px !important;
    margin-bottom: 13px;
    line-height: 26px;
}
.productintro-content-2024.ppt_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li{
    background: #f0fcff;
}
.productintro-content-2024.ppt_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li:hover {
    background: #cbf6ff;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0px 13px 16px -5px rgba(14, 110, 199, 0.24);
}
.productintro-content-2024.ppt_javascript .introtab .tab-contss .conversion {
    background: url(/uploads/image/ijppt/conversion-bg.png) no-repeat center top, #e8e8fe;
}
.productintro-content-2024.ppt_javascript .introtab .tab-contss .conversion .containers1{
    border: 6px solid rgba(255, 255, 255, 0.72);
    border-radius: 30px;
    padding: 49px 45px 45px 45px;
    backdrop-filter: blur(50px);
    background: rgba(114, 28, 0, 0.22);
}
.xls.ppt_javascript .text {
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;



    text-align: center;
    color: rgb(255, 98, 51);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0px;
    top: 0px;

    width: 130px;
    height: 50px;
}

.xls.ppt_javascript .html {
    position: absolute;
    width: 130px;
    height: 50px;
    left: calc(130px   20px);
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    color: rgb(255, 98, 51);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.xls.ppt_javascript .xps {
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: rgb(255, 98, 51);
    display: flex;
    justify-content: center;
    align-items: center;
    left: calc(260px   40px);
    top: 0px;
    width: 130px;
    height: 50px;
}
.xls.ppt_javascript .svg {
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: rgb(255, 98, 51);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 75px;
    top: calc(50px   30px);
    width: 130px;
    height: 50px;
}
.xls.ppt_javascript .xml {
    position: absolute;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0px;
    text-align: center;
    color: rgb(255, 98, 51);
    display: flex;
    justify-content: center;
    align-items: center;
    left: calc(75px   170px);
    top: 80px;
    width: 130px;
    height: 50px;
}
.xls.ppt_javascript .product-image {
    position: absolute;
    width: 119px;
    height: 119px;
    left: 600px;
    top: 21px;
}
.xls.ppt_javascript .arrow2 {
    position: absolute;
    width: 60px;
    height: auto;
    left: 516px;
    top: 60px;
}

.ppt_javascript .conversion .odt {
    position: absolute;
    width: 259px;
    height: 60px;
    right: 0px;
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(0, 12, 37);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
}

.ppt_javascript .conversion .xml2 {
    position: absolute;
    width: 259px;
    height: 60px;
    right: 0px;
    top: 79px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgb(0, 12, 37);
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
}
.xls.ppt_javascript .product-word {
    position: absolute;
    width: 240px;
    height: 27px;
    left: 540px;
    top: calc(353px - 197px);
    display: flex;
    flex-direction: row;
    align-items: center;
    color: rgb(255, 255, 255);
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0px;
    text-align: left;
}
.xls.ppt_javascript .arrow5 {
    position: absolute;
    width: 423px;
    height: auto;
    left: 520px;
    bottom: 30px;
    /* transform: rotate(180.00deg); */
    /* border: 5px solid rgb(255, 255, 255); */
}

.ppt_javascript .conversion .arrow4 {
    position: absolute;
    width: 52.78px;
    height: 5px;
    left: calc(260px - 64px);
    top: calc(175.86px   21.39px);
    transform: rotate(90.00deg);
    border-radius: 10px;
}
.xls.ppt_javascript .png,.xls.ppt_javascript .bmp,.xls.ppt_javascript .jpeg,.xls.ppt_javascript .emf,.xls.ppt_javascript .tiff{
    color: #138dff;
}
#productintro .ppt_javascript .main-function .cardtext span ul li{
    padding-left: 0px;
    list-style: none;

}
#productintro .ppt_javascript .main-function .cardtext span ul li::before{
    display: none;
}
.ppt_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li:hover p{
    color: #ff803c;
}
.ppt_javascript .overview-images .product_icon {
    background: url(/uploads/image/ijppt/ppt1.png);
    width: 308px;
    height: 308px;
}
/* pdf javascript*/
#productintro .productintro-content-2024.pdf_javascript .introtab .introbanner-box .introbanner {
    background: url(/uploads/image/ijpdf/banner.png);
}
.pdf_javascript .overview-images .product_icon {
    background: url(/uploads/image/ijpdf/pdf.png);
    width: 312px;
    height: 308px;
}
.productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about {
    background: linear-gradient(to right, #9380d0 50%, #d96b6b 50%);
}
.productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-l h1.javascript-h1{
    color:#ffffff !important;
}
.productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text p{
    color:#ffffff;
}
.productintro-content-2024.pdf_javascript .introtab .tab-cont .about .about-text-l div {
    font-size: 16px;
    line-height: 150%;
    z-index: 10000;
    position: relative;
    padding-right: 39px;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-r .abut-right ul{
    justify-content: flex-start;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-r .abut-right ul li{
    width: auto !important;
    margin-right: 31px;
    margin-bottom: 12px;
    line-height: 24px;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-r h1 {
    margin-bottom: 18px !important;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text {
    padding: 50px 0 0px 0px !important;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-r .abut-right{
    margin-left: 49px;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text
{
    width: 1200px;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-r .abut-right ul:nth-child(2) li:nth-child(5){
    width: 181.84px !important;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-r .abut-right ul:nth-child(4) li:nth-child(4){
    width: 136.5px !important;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-l h1{
    line-height: 35px;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-r h1{
    line-height: 35px;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .operation .operation-text .operation-title p
{
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    height: 28px;
    letter-spacing: 0px;
    text-align: left;
    color: #000c25;
}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li {
    background: #f7f5ff;
}

#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li:hover {
    background: #f0ebff;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 0px 23px 40px -15px rgb(201, 190, 255);

}
#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .operation .operation-text .operation-card ul li:hover p {
    color: #ff6857;
}

#productintro .productintro-content-2024.pdf_javascript .introtab .tab-contss .conversion {
    background: url(/uploads/image/ijpdf/conversion-bg.png) no-repeat center top, #e8e8fe;
}
#productintro .productintro-content-2024.pdf_javascript .conversion-img .top div{
    width: 80px;
}
.xls.pdf_javascript .text{
    /*left: 24px;*/
}
.xls.pdf_javascript .html{
    left: calc(80px   27px);
}
.xls.pdf_javascript .xps{
    left: calc(160px   54px);
}
.xls.pdf_javascript .svg{
    left: 51px;
}
.xls.pdf_javascript .xml{
    left: calc(80px   78px);
}
.xls.pdf_javascript .arrow2 {
    position: absolute;
    width: 123px;
    height: auto;
    left: 313px;
    top: 55px;
}
.xls.pdf_javascript .product-image {
    position: absolute;
    width: 119px;
    height: 119px;
    left: 460px;
    top: 16px;
}
.xls.pdf_javascript .arrow5 {
    position: absolute;
    width: 83px;
    height: auto;
    left: calc(484px   116px);
    top: 55px;
}

.pdf_javascript .conversion .odt
{
    /* 閻晛鑸� 152 */
    position: absolute;
    width: 100px;
    height: 50px;
    right: 232px;
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #ff6857;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.pdf_javascript .conversion .xml2
{
    /* 閻晛鑸� 152 */
    position: absolute;
    width: 100px;
    height: 50px;
    right: 116px;
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #ff6857;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.pdf_javascript .conversion .html2
{
    /* 閻晛鑸� 152 */
    position: absolute;
    width: 100px;
    height: 50px;
    right: 0px;
    top: 0px;
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #ff6857;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.pdf_javascript .conversion .rtf
{
    /* 閻晛鑸� 152 */
    position: absolute;
    width: 100px;
    height: 50px;
    right: 232px;
    top: calc(280px - 197px);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #ff6857;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;

}
.pdf_javascript .conversion .txt
{
    /* 閻晛鑸� 152 */
    position: absolute;
    width: 100px;
    height: 50px;
    right: 116px;
    top: calc(280px - 197px);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #ff6857;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
}
.pdf_javascript .conversion .postscript
{
    /* 閻晛鑸� 152 */
    position: absolute;
    width: 100px;
    height: 50px;
    right: 0px;
    top: calc(280px - 197px);
    border-radius: 32px;
    background: rgba(255, 255, 255, 0.8);

    display: flex;
    justify-content: center;
    align-items: center;
    color: #ff6857;
    font-size: 16px;
    font-weight: 700;
    line-height: 23px;
    letter-spacing: 0px;
    text-align: center;
}
.xls.pdf_javascript .product-word {
    left: 460px;
    width: 119px;
    height: 27px;
    text-align: center;
    justify-content: center;
}

.pdf_javascript .conversion .arrow4 {
    position: absolute;
    width: 52.78px;
    height: 5px;
    left: calc(260px - 150px);
    top: calc(175.86px   21.39px);
    transform: rotate(90.00deg);
    border-radius: 10px;
}
.xls.pdf_javascript .png, .xls.pdf_javascript .bmp, .xls.pdf_javascript .jpeg, .xls.pdf_javascript .emf, .xls.pdf_javascript .tiff {
    color: #9372ff;
}
.productintro-content.pdf_javascript .introtab .tab-contss .main-function .containers1 .function-card .function-card1 p{
    color: #9372ff;
}
.productintro-content.pdf_javascript .introtab .tab-contss .main-function .containers1 .function-card .function-card1{
    background:#f7f5ff;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card-2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card-2 .function-card1:nth-child(1) {
    margin-right: 58.5px;
}
.productintro-content .introtab .tab-contss .main-function .containers1 .function-card-2 .function-card1:nth-child(2) {
    margin-right: 58.5px;
}
.productintro-content-2024.pdf_javascript .introtab .tab-contss .item .about .about-text .about-text-l h1 {
    color: #ffffff;
}
#rt-top > div > div.rt-grid-6.rt-omega > div > div > div > div > ul{
margin:0px;
}