.title-box {
    background-color: #F3F6FF;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.07);
}

.main-title {
    text-align: center;
    font-size: 1.125rem;
    color: #333333;
    line-height: 1.6875rem;
    padding-top: 1.375rem;
    padding-bottom: 0.87rem;
}

.main-title:hover {
    /*border-bottom: 4px solid #3673FF;*/
    /*padding-bottom: 10px;*/
}


.bg-num1 {
    background-image: url("/website/cn/pages/other/ch/assets/img/bg-num1.png");
    background-size: 100% 100%;
}

.bg-num2 {
    background-image: url("/website/cn/pages/other/ch/assets/img/bg-num2.png");
    background-size: 100% 100%;
}

.bg-num3 {
    background-image: url("/website/cn/pages/other/ch/assets/img/bg-num3.png");
    background-size: 100% 100%;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
}

.com-title {
    width: 100%;
    text-align: center;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.com-txt {
    position: absolute;
    transform: translateX(-50%);
    z-index: 2;
    font-size: 2rem;
    font-weight: 600;
    width: 100%;
    line-height: 3rem;
    color: #000;
}

.bg-txt {
    position: absolute;
    transform: translateX(-50%);
    z-index: 2;
    font-size: 4rem;
    font-weight: 700;
    width: 100%;
    line-height: 2rem;
    opacity: 0.1;
    color: #333;
}

.txt1 {
    font-size: 1rem;
    padding: 7.1875rem 3.75rem 2.3125rem 3.8125rem;
    color: #222222;
}

.img2 {
    padding: 6rem 2.75rem 2.75rem 2.75rem;
}

.comp-title {
    font-size: 1.25rem;
    padding-left: 0.4rem;
    color: #A2A2A2;
}

.comp-box-1 {
    float: left;
    width: 12%;
}

.comp-txt {
    font-size: 0.9rem;
    padding-top: 0.3125rem;
    padding-bottom: 0.3rem;
    padding-left: 0.4rem;
    color: #222222;
    margin: 0 auto;
    width: 100%;
}

.comp-box {
    margin-top: 3rem;
    background-image: url("/website/cn/pages/other/ch/assets/img/com-bg.png");
    background-size: 100% auto;
}

.com-box1:hover {
    background-image: url("/website/cn/pages/other/ch/assets/img/com-hover.png");
    background-size: 100% auto;
    cursor: pointer;
}

.com-box1:hover .comp-title {
    color: #FFFFFF !important;
}

.com-box1:hover .comp-txt {
    color: #FFFFFF !important;
}

.context-box {
    box-shadow: 0px 0px 15px 0px rgba(55, 116, 255, 0.3);
    border: 1px solid #FFFFFF;
    margin-top: 3rem;
    margin-bottom: 3rem;
    border-top: 4px solid #6A5AFB;
}

.context-title {
    font-size: 1.75rem;
    text-align: center;
    padding-top: 2.5rem;
    color: #6A5AFB;
}

.context-txt {
    font-size: 1rem;
    padding: 2rem;
    text-indent: 2rem;
    line-height: 30px;
}

.con-img-title {
    font-size: 1.125rem;
    padding-top: 2.375rem;
    padding-left: 2rem;
    color: #222222;
}

.con-img {
    padding: 2rem;
}

.sub-box {
    padding-top: 3.125rem;
    padding-bottom: 3.125rem;
}

.sub-btn {
    width: 13rem;
    height: 3.5rem;
    background: #6A5AFB;

    display: inline-block;
    font-size: 1.75rem;
    color: #FFFFFF;
    line-height: 3.4375rem;
}

.pc-box {
    background-image: url("/website/cn/pages/other/ch/assets/img/pc.png");
    background-size: 100% 100%;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    margin-top: 3rem;
}

.wechat-box {
    background-image: url("/website/cn/pages/other/ch/assets/img/wechat.png");
    background-size: 100% 100%;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    margin-top: 3rem;
}

.pc-title {
    padding-top: 4rem;
    font-size: 1.125rem;
    color: #222222;
    text-align: center;
}

.pc-line {
    width: 100%;
    height: 0.0625rem;
    border: 1px solid #2F79ED;
    margin-top: 1.25rem;
    position: relative;
}

.pc-icon {
    margin-top: -0.875rem;
}

.pc-txt {
    padding-top: 1.25rem;
    font-size: 0.99rem;
    color: #333333;
    text-align: center;
    padding-bottom: 2.25rem;
}

.wechat-eq {
    margin-top: 2.95rem;
}

.context-text {
    text-indent: 2rem;
    padding-bottom: 2rem;
    color: #3774FF;
}

.works-box {
    margin-top: 1.25rem;
    box-shadow: 0px 0px 15px 0px rgba(55, 116, 255, 30%);
    border: 1px solid #FFFFFF;
    padding-top: 0.25rem;
    padding-bottom: 1.25rem;
    margin-top: 3rem;
    margin-bottom: 7.25rem;
}

.works-txt {
    font-size: 1rem;
    color: #333333;
    padding-left: 1.875rem;
    padding-top: 1.125rem;
}

.works-txt img {
    padding-right: 1.25rem;
}

.works-btn {
    width: 184px;
    height: 40px;
    background: #3774FF;
    display: inline-block;
    font-size: 1.125rem;
    color: #FFFFFF;
    line-height: 2.5rem;
}

.card-num {
    font-size: 2rem;
    text-align: center;
    line-height: 2.875rem;
    /* color: #666666; */
}

.card-title {
    text-align: left;
    font-size: 1.125rem;
}

.card-txt {
    text-align: left;
    font-size: 0.8125rem;
}

.works-title {
    font-size: 1.25rem;
    color: #222222;
    padding-bottom: 0.625rem;
}

.works-content {
    font-size: 1rem;
    color: #666666;
    padding-top: 0.625rem;
    line-height: 2rem;
}

.explain-title {
    font-size: 1.75rem;
    color: #222222;
}

.explain-box {
    padding: 1.25rem;
    font-size: 1rem;
    color: #3774FF;
}

.nav-link:focus, .nav-link {
    color: #666666;
}

.guid-box {
    height: 6.8125rem;
    box-shadow: 0px 0px 15px 0px rgba(55, 116, 255, 0.3);
    border-radius: 0.1875rem;
    border: 1px solid #FFFFFF;
    line-height: 3.5rem;
    font-size: 1.125rem;
    color: #333333;
    margin-top: 3rem;
}

.works-box1 {
    margin-top: 3rem;
}

.title-img {
    padding-right: 10px;
}

.point-btn {
    color: #222222;
}

.box-checked {
    background-image: url('/website/cn/pages/other/ch/assets/img/com-hover.png');
    background-size: 100% auto;
}

.box-checked .comp-title {
    color: #FFFFFF;
}

.box-checked .comp-txt {
    color: #FFFFFF;
}

.bg1 {
    background-image: url("/website/cn/pages/other/ch/assets/img/bg1.png");
    background-size: 100% 100%;
    padding-bottom: 3rem;
}

.bg2 {
    background-image: url("/website/cn/pages/other/ch/assets/img/bg2.png");
    background-size: 100% 100%;
}

.bg3 {
    background-image: url("/website/cn/pages/other/ch/assets/img/bg3.png");
    background-size: 100% 100%;
}

/**分辨率适配**/
@media (max-width: 1400px) {
    .main-title {
        font-size: 0.9rem;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .pc-txt {
        font-size: 0.8rem;
    }

    .tab-content {
        padding-left: 4rem;
        padding-top: 4rem;
    }

    .comp-txt {
        font-size: 0.6rem !important;
    }

}

@media (max-width: 1200px) {
    .tab-content {
        padding-left: 4rem;
        padding-top: 4rem;
    }

    .main-title {
        font-size: 0.6rem;
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }

    .pc-txt {
        font-size: 0.6rem;
    }


    body {
        font-size: 0.8rem;
        background-color: #F3F6FF;
    }
}

@media (max-width: 992px) {
    .no-snwop {
        flex-wrap: unset;
        width: 100%;
        overflow: scroll;
    }

    .no-snwop .col-lg {
        width: auto;
    }

    .comp-box .col-lg {
        width: 146px;
    }

    .comp-box {
        background-image: url("/website/cn/pages/other/ch/assets/img/phone/com-bg.png");
        background-size: 100% auto;
    }

    .comp-title {
        margin-top: 0;
    }

    .no-snwop button {
        width: 100%;
    }

    .main-title {
        float: left;
        margin: 0 2rem;
        flex-wrap: unset;
        font-size: 1.25rem;
    }

    .txt1 {
        padding: 66px 20px 25px 20px;
        text-indent: 2rem;
    }

    .context-txt {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .con-img-title {
        padding-left: 1.25rem;
        padding-bottom: 0 !important;
        padding-top: 0 !important;
    }

    .con-img {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .context-text {
        text-indent: 0;
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .works-txt {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .img2 {
        padding: 70px 30px 0 30px;
    }

    .y-line {
        width: 1px;
        height: 100%;
        border: 1px solid #2F79ED;
        margin-left: 2.0625rem;
    }

    /**时间安排**/
    .bg-num3-phone {
        background-image: url("/website/cn/pages/other/ch/assets/img/phone/bg-phone3.png");
        background-size: 100% auto;
    }

    .pc-box-phone {
        background-image: url("/website/cn/pages/other/ch/assets/img/phone/pc-phone.png");
        background-size: 100% auto;
    }

    .wechat-box-phone {
        background-image: url("/website/cn/pages/other/ch/assets/img/phone/wechat-phone.png");
        background-size: 100% auto;
        clear: both;
    }

    .p-box {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
        margin-left: -2rem;
    }

    .works-txt img {
        padding-right: 0.5rem;
    }

    .p-title {
        font-size: 1rem;
        color: #222222;
    }

    .p-txt {
        font-size: 0.8rem;
        color: #333333;
        padding-top: 0.625rem;
    }

    .wechat-box-phone {
    }

    .works-box {
        margin-bottom: 0;
        margin-top: 0;
    }

    .works-box1 {
        margin-top: 0;
    }

    .box3 {
        margin-top: 0 !important;
    }
    .box4 {
        margin-top: 2rem !important;
    }

    .px-img {
        width: 100%;
        max-height: 500px;
        padding-top: 2rem;
    }

    .com-title {
        padding-top: 3rem;
    }

    .box3-phone-box {
        padding-left: 1.25rem;
    }

    .box3-phone-num {
        font-size: 2.25rem;
        color: #666666;
    }

    .box3-phone-title {
        font-size: 1.25rem;
        color: #666666;
    }

    .box3-phone-txt {
        font-size: 0.5rem;
        color: #666666;
    }

    .works-title {
        padding-top: 1.25rem;
    }

    .works-content {
        padding-bottom: 1.25rem;
    }

    .bg-num1 {
        background-image: url("/website/cn/pages/other/ch/assets/img/phone/bg-phone1.png");
        background-size: 100% 100%;
    }

    .bg-num2 {
        background-image: url("/website/cn/pages/other/ch/assets/img/phone/bg-phone2.png");
        background-size: 100% 100%;
    }

    .bg-num3 {

    }

    .tab-content {
        padding-left: 0;
        padding-top: 0;
    }

    .p-icon {
        margin-left: 0;
        height: 210px;
    }

    .title-box {
        position: unset;
    }

    .bg1 {
        padding-bottom: 0rem !important;
        background-image: none;
    }

    .bg2 {
        background-image: none;
    }

    .bg3 {
        background-image: none;
    }

    .bg-txt {
        font-size: 2rem;
    }

    .guid-box {
        height: auto;
        box-shadow: 0px 0px 15px 0px;
    rgba(55, 116, 255, 0.3);
        border-radius: 0.1875rem;
        border: 1px solid #FFFFFF;
        /* line-height: 7.5rem; */
        line-height: 35px;
        font-size: 0.7rem;
        color: #333333;
        /* margin-top: 3rem; */
        margin-top: 0rem;
        text-align: left;
        padding: 12px;
    }

    .num3-phone-box1 {
        padding-top: 46px;
        margin-bottom: 3rem;
    }

    .logo-img {
        margin-top: 8px !important;
    }
}

.logo-img {
    height: 40px;
    margin-top: 12px;
}

.box3 {
    box-shadow: 0px 0px 15px 0px rgba(55, 116, 255, 0.3);
    border: 1px solid #FFFFFF;
    margin-top: 3rem;
}

.box4 {
    box-shadow: 0px 0px 15px 0px rgba(55, 116, 255, 0.3);
    border: 1px solid #FFFFFF;
    margin-top: 3rem;
}

.nav-box {
    width: 24rem;
    display: flex;
    align-items: center;
}

.nav-left {
    float: left;
}

.nav-right {
    float: left;
    padding-left: 1.25rem;
    text-align: center;
}

.icon1-box-left {
    float: left;
    width: 20%;
    text-align: center;
}

.pc-phone-box1 {
    padding-top: 46px;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
}

.pc-phone-box1 .p-icon {
    height: 290px;
}

.wechat-phone-box1 {
    padding-top: 46px;
    padding-bottom: 3rem;
}

.wechat-phone-box1 .p-icon {
    height: 290px;
}

.icon1-box-right {
    /*float: left;*/
}

.icon1-right-box {
    padding-bottom: 25px;
}

.icon1-litte-box {
}

.px-img {
    width: 100%;
    max-height: 500px;
}