html {
    font-size: 16px;
    /* 基础字体大小 */
}

@media (max-width: 1200px) {
    html {
        font-size: 14px;
        /* 较小屏幕时减小字体大小 */
    }
}

@media (max-width: 768px) {
    html {
        font-size: 14px;
        /* 更小屏幕时进一步减小字体大小 */
    }
}

.carousel-indicators li {
    background: #377CF7;
    /* background-color: #fff; */
    background-clip: padding-box;
    border-radius: 10px;
    opacity: 0.18;
}

.navbar-brand img {
    height: 1.625rem;
    /* 26px / 16px = 1.625rem */
    width: 1.625rem;
}

.navbar-brand {
    display: flex;
    align-items: center;
}

.banner {
    background-color: #f8f9fa;
    height: 12.5rem;
    /* 200px / 16px = 12.5rem */
    overflow: hidden;
}

.banner img {
    width: 100%;
    height: auto;
}

.carousel-item {
    height: 36.375rem;
    /* 582px / 16px = 36.375rem */
}

.carousel-inner img {
    height: 100%;
}

.productSystem {
    width: 100%;
    /* height: 46.5rem; */
    /* 744px / 16px = 46.5rem */
    background: url('https://cdnplus.qmake.com.cn/sikong/productWeb/image/maskBg.png');
    background-size: 100% 100%;
    padding-top: 7.5rem;
    /* 120px / 16px = 7.5rem */
}

.productSystem .row {
    width: 80.625rem;
    /* 1290px / 16px = 80.625rem */
    /* height: 20.375rem; */
    /* 326px / 16px = 20.375rem */
    margin: auto;
}

@media (max-width: 1300px) {
    .productSystem .row {
        width: auto;
        /* height: 20.375rem; */
        /* 326px / 16px = 20.375rem */
        margin: auto;
    }
}

/* .commerce {
    background: url('../img/index/systemBg1.png');
    background-size: 100% 100%;
} */

.row .card {
    border-radius: 0.875rem;
    /* 14px / 16px = 0.875rem */
}

.rowHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.8125rem 2.5rem;
    /* 29px / 16px = 1.8125rem, 40px / 16px = 2.5rem */
}

.commerce .rowHeader {
    background: url('../img/index/systemHeader1.png');
    background-size: 100% 100%;
}

.personage .rowHeader {
    background: url('../img/index/systemHeader2.png');
    background-size: 100% 100%;
}

.commerce .cardBody {
    background: url('../img/index/systemBody1.png');
    background-size: 100% 100%;
    /* background: #F9FBFF; */
    border-radius: 0 0 1rem 1rem;
    height: 14rem;
    /* 14px / 16px = 1rem */
}

.personage .cardBody {
    background: #F9FBFF;
    height: 14rem;
    border-radius: 0 0 1rem 1rem;
    /* 14px / 16px = 0.875rem */
}

.cardBody {
    height: 100%;
    font-size: 1.25rem;
    /* 20px / 16px = 1.25rem */
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding: 2.5rem;
    /* 40px / 16px = 2.5rem */
}

.cardBody span {
    color: #377CF7;
}

.card .icon {
    width: 2.625rem;
    /* 42px / 16px = 2.625rem */
    height: 2.625rem;
}

.rowHeaderLeft {
    font-size: 1.375rem;
    /* 22px / 16px = 1.375rem */
    color: #1C3355;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex;
    align-items: center;
}

.rowHeaderRight {
    width: 8.8125rem;
    /* 141px / 16px = 8.8125rem */
    height: 2.4375rem;
    /* 39px / 16px = 2.4375rem */
    background: #377CF7;
    box-shadow: 0px 0.125rem 0.3125rem 0px rgba(32, 93, 201, 0.57);
    /* 2px / 16px = 0.125rem, 5px / 16px = 0.3125rem */
    border-radius: 0.625rem;
    /* 10px / 16px = 0.625rem */
    color: #fff;
    font-size: 0.8125rem;
    /* 13px / 16px = 0.8125rem */
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.rowHeaderRight img {
    width: 1rem;
    /* 16px / 16px = 1rem */
    height: 1rem;
    margin-left: 0.3125rem;
    /* 5px / 16px = 0.3125rem */
}

.child-title {}

.rowHeaderRight .child-title p {
    margin-bottom: 0;
}

.child-title .text-center {
    margin-bottom: 3.125rem;
    /* 50px / 16px = 3.125rem */
    font-size: 1.75rem;
    /* 28px / 16px = 1.75rem */
    color: #0F1736;
}

@media (min-width: 768px) {
    .navbar-nav {
        /* margin-left: 35% !important; */
        /* !important 用于覆盖 Bootstrap 的默认样式 */
        justify-content: space-between;
        width: 66%;
        margin-left: 13.33% !important;
    }
}


.navbar-nav .nav-item {
    margin: 0 0.9375rem;
    /* 15px / 16px = 0.9375rem */
}

.navbar-nav .nav-item:first-child {
    margin-left: 0;
}

.navbar-nav .nav-item:last-child {
    margin-right: 0;
}

.carousel-item .container {
    position: relative;
    top: -6.25rem;
    /* -100px / 16px = -6.25rem */
}

.carousel-caption a.btn {}

.carousel-item .container {
    position: unset;
}

.carousel-caption {
    color: #1C3355;
    top: 9.38rem;

    /* top: 13.5rem; */
}

.carousel-item:nth-child(2) h1 {
    width: 59rem;
    text-align: left;
    margin: 0 auto 3rem;
    padding-left: 44px;
}

.carousel-caption h1 {
    margin-bottom: 3rem;
    font-size: 3.75rem;
    color: #1C3355;
    line-height: 5.25rem;
    text-align: center;
    font-style: normal;
    text-transform: none;

}

.carousel-caption p {
    font-size: 1.88rem;
    color: #1C3355;
    margin-bottom: 3.62rem;
}

.btn {
    font-weight: 100;
    font-size: 0.88rem !important;
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    padding: 1rem 3.5rem;
}

.btn:nth-child(2) {
    background: #FFFFFF;
    color: #377CF7;
    border: 1px solid #377CF7;
}

.safety-content {
    width: 100%;
    height: 46.5rem;
    /* 744px / 16px = 46.5rem */
    padding-top: 6.25rem;
    /* 100px / 16px = 6.25rem */
    background: url('https://cdnplus.qmake.com.cn/sikong/productWeb/image/secureBg.png');
    background-size: 100% 100%;
}

.safety-content .marketing .card {
    text-align: center;
    height: 100%;
}

.safety-content .safety-card-text {
    font-size: 1.25rem;
    /* 20px / 16px = 1.25rem */
    color: #1C3355;
    line-height: 1.75rem;
    /* 28px / 16px = 1.75rem */
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.safety-content .text-center {
    margin-bottom: 1.75rem !important;
    /* 28px / 16px = 1.75rem */
}

.safety-content .textTips {
    font-size: 1rem;
    /* 16px / 16px = 1rem */
    color: #1C3355;
    line-height: 1.4375rem;
    /* 23px / 16px = 1.4375rem */
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 5.125rem;
    /* 82px / 16px = 5.125rem */
}

.safety-card-text h4 {
    font-size: 1.25rem;
    /* 20px / 16px = 1.25rem */
    color: #1C3355;
    line-height: 1.75rem;
    /* 28px / 16px = 1.75rem */
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 0;
}

.safety-content .safety-card-text p {
    /* width: 16.75rem; */
    /* 268px / 16px = 16.75rem */
    height: 5.125rem;
    /* 82px / 16px = 5.125rem */
    font-family: AppleSystemUIFont;
    font-size: 0.875rem;
    /* 14px / 16px = 0.875rem */
    color: #1C3355;
    line-height: 1.0625rem;
    /* 17px / 16px = 1.0625rem */
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin: auto;
    margin-top: 1.375rem;
    padding: 0 3.29rem;
    /* 22px / 16px = 1.375rem */
}

.encipherCardIcon {
    width: 8.625rem;
    /* 138px / 16px = 8.625rem */
    height: 8.625rem;
    margin: 2.75rem auto 1.25rem;
    /* 44px / 16px = 2.75rem, 20px / 16px = 1.25rem */
}

.service-xperience {
    padding-top: 10.125rem;
    /* 162px / 16px = 10.125rem */
    background: url('https://cdnplus.qmake.com.cn/sikong/productWeb/image/serviceBg.png');
    background-size: 100% 100%;
    margin-bottom: 5rem;
    /* 80px / 16px = 5rem */
}

.service-xperience .text-center {
    margin-bottom: 1.75rem !important;
    /* 28px / 16px = 1.75rem */
}

.service-xperience .textTips {
    font-size: 1rem;
    /* 16px / 16px = 1rem */
    color: #1C3355;
    line-height: 1.4375rem;
    /* 23px / 16px = 1.4375rem */
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 3.5rem;
    /* 56px / 16px = 3.5rem */
}

.service-xperience .row {
    display: flex;
    /* width: 80.625rem; 1290px / 16px = 80.625rem */
    justify-content: space-between;
    position: relative;
    margin: auto;
    width: 60%;
}

.service-xperience .rowItem {
    z-index: 99;
}

.service-xperience .row p {
    text-align: center;
    font-size: 1.25rem;
    /* 20px / 16px = 1.25rem */
    color: #1C3355;
    line-height: 1.75rem;
    /* 28px / 16px = 1.75rem */
    font-style: normal;
    text-transform: none;
    margin-left: 1.25rem;
    /* 20px / 16px = 1.25rem */
}

.serviceline {
    position: absolute;
    /* width: 74.375rem; 1190px / 16px = 74.375rem */
    width: 86%;
    /* border: 0.0625rem dashed #C4D3ED; */
    border: 0.19rem dashed #C4D3ED;
    /* 1px / 16px = 0.0625rem */
    left: 3.375rem;
    /* 54px / 16px = 3.375rem */
    top: 50%;
    z-index: 0;
    margin-top: -1.875rem;
    /* -30px / 16px = -1.875rem */
}

.serviceIcon {
    width: 11.75rem;
    /* 188px / 16px = 11.75rem */
    height: 11.75rem;
}

.contentFooter {
    width: 100%;
    height: 20rem;
    /* 320px / 16px = 20rem */
    background: blue;
    padding-top: 5.25rem;
    /* 84px / 16px = 5.25rem */
    background: url('../img/index/contentFooterBg.png');
    background-size: 100% 100%;
}

.contentFooter h2 {
    font-size: 2rem;
    /* 40px / 16px = 2rem */
    color: #FFFFFF;
    line-height: 3.5rem;
    /* 56px / 16px = 3.5rem */
    text-align: center;
    font-style: normal;
    text-transform: none;
    margin-bottom: 3.125rem;
    /* 50px / 16px = 3.125rem */
}

.contentFooter div {
    width: 10.5rem;
    /* 168px / 16px = 10.5rem */
    height: 2.5rem;
    /* 40px / 16px = 2.5rem */
    background: #fff;
    cursor: pointer;
    color: #377CF7;
    border-radius: 0.625rem;
    /* 10px / 16px = 0.625rem */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    font-size: 0.875rem;
    /* 14px / 16px = 0.875rem */
    font-style: normal;
    text-transform: none;
}

.bd-placeholder-img {
    margin: auto;
}

.safety-content .col-lg-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    height: 22.5rem;
    /* 360px / 16px = 22.5rem */
}

@media (max-width:770px) {
    .productSystem {
        padding-top: 2.34rem;
        /* height: 40.28rem; */
        /* 744px / 16px = 46.5rem */

    }

    .rowHeader {
        padding: 1.42rem 1.14rem !important;
        /* 29px / 16px = 1.8125rem, 40px / 16px = 2.5rem */
    }

    .cardBody {
        padding: 1.14rem !important;
        /* 40px / 16px = 2.5rem */
        font-size: 1rem !important;
    }

    .card .icon {
        width: 1.42rem !important;
        /* 42px / 16px = 2.625rem */
        height: 1.42rem !important;
    }

    .rowHeaderLeft {
        font-size: 1rem !important;
    }

    .card {
        height: 15.8rem !important;
        margin-bottom: 1.14rem !important;
    }

    .child-title .text-center {
        margin-bottom: 1.14rem !important;
        /* 50px / 16px = 3.125rem */
        font-size: 1.14rem !important;
        /* 28px / 16px = 1.75rem */
        color: #0F1736 !important;
    }

    .safety-content {
        height: 35.5rem !important;
    }

    .safety-content {
        padding-top: 2.28rem !important;
    }

    .safety-content .text-center {
        margin-bottom: 0.57rem !important;
    }

    .safety-content .textTips {
        margin-bottom: 1.14rem !important;
    }

    .mobile {
        display: block !important;
    }

    .pc {
        display: none !important;
    }

    .mobile .row {
        padding: 1.14rem;
        background: #F3F9FD;
        border-radius: 0.86rem;
        margin-bottom: 1.14rem;
    }

    .mobile .row img {
        width: 2rem !important;
        height: 2rem !important;
        margin-right: 0.57rem !important;
        ;
    }

    .mobile .row .itemHeader {
        display: flex;
        align-items: center;
        color: #1C3355;
        margin-bottom: 0.58rem;
    }

    .itemText {
        color: #1C3355;
        font-size: 1rem !important;
    }

    .service-xperience .textTips {
        margin-bottom: 0;
    }

    .service-xperience {
        padding-top: 2.29rem !important;
    }

    .serviceExperienceImg {
        width: 100% !important;
    }

    .serviceExperienceImg img {
        width: 100% !important;

    }
}

@media screen and (min-width: 770px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 1140px
    }

}

.footerCenter+.mobile {
    display: none;
}

.mobile {
    display: none;
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.toast_box {
    /* width: 100%; */
    position: fixed;
    bottom: 70%;
    left: 50%;
    /* justify-content: center; */
    z-index: 10;
    transform: translate(-50%, -50%);
    display: none;
    z-index: 9999999;
}

.toast_box p {
    box-sizing: border-box;
    padding: 10px 20px;
    width: max-content;
    /* 提示框的背景色 */
    background: #707070;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-radius: 6px;
    opacity: 0.8;
}

.toliet {
    margin: 0 auto;
}

.searchInput::placeholder {
    color: #fff;
    font-size: 0.875rem !important;
}

.third-left {
    text-align: left;
}

.third-left h1 {
    text-align: left;
}

.tableListBox {
    width: 80.625rem;
    height: 100%;
    margin: 6rem auto;

}

.tableHeaderTitle {
    display: flex;
    background: #C4D3ED;
    justify-content: space-between;
}
.tableHeaderTitle div {
    font-size: 1.2rem;
    width: 33%;
    text-align: center;
}
.tableRow{
     display: flex;
    justify-content: space-between;
}
.tableRow div{
    font-size: 1rem;
    width: 33%;
    background: #fff;
}
.tableRowTable{
    padding-left: 3rem;
}
.tableRowValue{
    text-align: center;
}
.tableListBox img{ 
    width: 100%;
}