.banner-box{
    position: relative;
    display: flex;
    align-items: center;
}
.banner-box .text {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    text-align: right;
    color: #fff;
}
.banner-box .text .title {
    font-size: 5rem;
    font-weight: 700;
}
.banner-box .text .desc {
    margin-top: 4rem;
    font-size: 2.3rem;
    line-height: 4rem;
}
.content-box{
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background: url("/img/bg-3.png") no-repeat;
    background-size: cover;
}
.content-box .info{
    font-size: 1.125rem;
    color: #fff;
}
.content-box .info >p {
    text-indent: 2em;
    line-height: 3.12rem;
}
.content-box .title {
    margin-bottom: 50px;
    font-size: 2.75rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
}
.content-box .desc {
    font-size: 2rem;
    text-align: center;
    color: #fff;
}
.phone-box{
    margin-top: 5rem;
    width: 100%;
    height: 23.75rem;
}
.phone-box >div{
    width: 50%;
    height: 100%;
}
.phone-box .left{
    background-image: linear-gradient(90deg,
    #2265e0 1%,
    #133685 100%),
    linear-gradient(
            #060a21,
            #060a21);
    background-blend-mode: normal,
    normal;
}
.phone-box .right{
    background: url("/img/afterSale/after-sale.png") no-repeat;
    background-size: cover;
}
.phone-box .left{
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.phone-box .left .item-box {
    margin-left: 3.75rem;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    height: 14.44rem;
    font-size: 1.25rem;
    line-height: 2.37rem;
    color: #fff;
}