
.header {
    background: rgba(255, 255, 255, 1);
    /* backdrop-filter: blur(12px); */
}
.secondary-text {
    margin:0 5%;
    color:#333;
    line-height: 1.5;
    font-size: 1.1vw;
    text-align: center;
}
.p_albiz{
    background:#fff;
    position: relative;
    padding:4vw 0 3vw 0;
}
.p_albiz .hhh{
    text-align: center;
    color:#333;
    font-size: 3vw;
    font-weight: bold;
}

.p_albiz .hhh_en{
    font-size: 1.4vw;
    text-align: center;
    color:#999;
    padding: 0.5vw 0 0 0;
}

.p_albiz .banner{
    margin: 2vw 0 0 0;
    position: relative;
}

.p_albiz .banner .bgi{
    width: 100%;
}

.p_albiz .banner .ljw-lead-text {
    position: absolute;
    line-height: 1.5;
    font-size: 1.1vw;
    left:5%;
    /* top: 21%; */
    top: 27%;
    width: 40%;
}

.p_albiz .banner .bgi img{
    width: 100%;
    vertical-align: top;
}

.p_albiz .banner .brandlogo{
    position: absolute;
    left:5%;
    top:5%;
    height: 13%;    
}



.p_albiz .banner .brandlogo img{
    width: auto;
    height: 100%;
}

.p_albiz .banner .t0{
    position: absolute;
    left:5%;
    top:46%;
    width: 35vw;
    font-size: 1.1vw;
    font-weight: normal;
    height: 11%;    
    line-height: 3vw;
}

.p_albiz .banner .t0 b{
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    margin:0 10px;
    background: #ee7700;
}

.p_albiz .banner .list{
    position: absolute;
    left:5%;
    top:62%;
    width:28vw;
}


.p_albiz .banner .list li{
    width: 100%;
    margin:0 0 0.4vw 0;
}

.p_albiz .banner .list li img{
    width: 100%;
}


/* alprocessin */

.p_alprocessing{
    background:#fff;
    position: relative;
    padding:4vw 0 3vw 0;
}

.p_alprocessing .hhh{
    text-align: center;
    color:#333;
    font-size: 3vw;
    font-weight: bold;
}

.p_alprocessing .hhh_en{
    font-size: 1.4vw;
    text-align: center;
    color:#999;
    padding: 0.5vw 0 0 0;
}

.p_alprocessing .banner{
    margin: 2vw 0 0 0;
    position: relative;
}

.p_alprocessing .banner .bgi{
    width: 100%;
}

.p_alprocessing .banner .bgi img {
    width: 100%;
}

.p_alprocessing .banner .brandlogo{
    position: absolute;
    left:50%;
    /* top:12%; */
    top:21%;
    height: 10%;    
    display: flex;
    align-items: center;
}

.p_alprocessing .banner .ljw-lead-text {
    position: absolute;
    left:50%;
    width: 39%;
    /* top:26%; */
    top:41%;
    line-height: 1.8;
    font-size: 1.1vw;
}

.p_alprocessing .banner .brandlogo img{
    width: auto;
    height: 100%;
}

.p_alprocessing .banner .brandlogo b{
    color:#155396;
    font-size: 3vw;
    padding:0 0 0 1.7vw;
}

.p_alprocessing .banner .t0{
    position: absolute;
    left:50%;
    top:38%;
    width: 38vw;
    font-size: 1vw;
    font-weight: normal;
    height: 11%;    
    line-height: 1.9vw;
}

.p_alprocessing .banner .t0 b{
    font-size: 1.1vw;
    color: #0E5CE6;
}

.p_alprocessing .banner .list{
    position: absolute;
    display: flex;
    left:52%;
    top:60%;
    width:38vw;
    justify-content: space-between;
}

.p_alprocessing .banner .list li{
    width: 24%;
    background:#fff;
    box-shadow: 0 0 10px #cbdffc;
    box-sizing: border-box;
    position: relative;
    border-radius: 10px;
    padding:1.2vw 0 1.2vw 3vw;
}

.p_alprocessing .banner .list li .icon{
    position: absolute;
    left:-38%;
    top:-28%;
    height: 6vw;
}

.p_alprocessing .banner .list li .icon{
    position: absolute;
    left:-38%;
    top:-28%;
}

.p_alprocessing .banner .list li:nth-of-type(1) .icon{
    position: absolute;
    left:-38%;
    top:-17%;
    height: 5vw;
}
.p_alprocessing .banner .list li:nth-of-type(2) .icon{
    position: absolute;
    left:-47%;
    top:-29%;
    height: 6.5vw;
}
.p_alprocessing .banner .list li:nth-of-type(3) .icon{
    position: absolute;
    left:-47%;
    top:-24%;
    height: 4.5vw;
}

.p_alprocessing .banner .list li .icon img{
    height: 100%;
}

.p_alprocessing .banner .list li  .f0{
    font-size: 1.2vw;
    font-weight: bold;
}

.p_alprocessing .banner .list li  .f1{
    font-size: 1.4vw;
    font-weight: bold;
    color:#0E5CE6;
}

/* alubook */

.p_alubook{
    background:#fff;
    position: relative;
    padding:4vw 0 3vw 0;
}

.p_alubook .hhh{
    text-align: center;
    color:#333;
    font-size: 3vw;
    font-weight: bold;
}

.p_alubook .hhh_en{
    font-size: 1.4vw;
    text-align: center;
    color:#999;
    padding: 0.5vw 0 0 0;
}

.p_alubook .banner{
    margin: 2vw 0 0 0;
    position: relative;
}

.p_alubook .banner .bgi{
    width: 100%;
}

.p_alubook .banner .bgi img {
    width: 100%;
}

.p_alubook .banner .brandlogo{
    position: absolute;
    left:7%;
    top:12%;
    height: 14%;
}
.p_alubook .banner .brandlogo img{
    width: auto;
    height: 100%;
}

.p_alubook .banner .t0{
    position: absolute;
    left:7%;
    top:32%;
    font-weight: bold;
    width: 38vw;
    font-size: 1.1vw;
    color:#0E5CE6;
    height: 11%;    
    line-height: 1.9vw;
}
.p_alubook .banner .t1{
    position: absolute;
    left:7%;
    top:41%;
    font-weight: normal;
    width: 38vw;
    font-size: 1vw;
    color:#333;
    height: 11%;    
    line-height: 1.5vw;
}

.p_alubook .banner .consult_now{
    position: absolute;
    left:7%;
    top:80%;
    height: 44px;
    line-height: 44px;
    padding: 0 34px;
    color:#fff;
    background: linear-gradient(to right, #1378FF, #0ECEFF);
    border-radius: 100px;
    font-size: 0.92vw;
}

.p_alubook .banner .list{
    position: absolute;
    left:52%;
    top:19%;
    width:16vw;
}

.p_alubook .banner .list li{
    position: relative;
    margin:0 0 4vw 0;
}

.p_alubook .banner .list li .icon{
    position: absolute;
    height: 5vw;
    left: -3vw;
    top: -0.6vw;
}

.p_alubook .banner .list li:nth-of-type(1) .icon{
    top: -1.3vw;
}


.p_alubook .banner .list li .icon img{
    height: 100%;
}

.p_alubook .banner .list li .text{
    background:#fff;
    padding:0.6vw 0.6vw 0.6vw 4vw;
    box-shadow: 0 5px 10px rgba(0,0,0,0.3);
    font-size: 1.2vw;
    font-weight: bold;
    color:#0E5CE6;

}


/* aluworld */

.p_aluworld{
    background:#fff;
    position: relative;
    padding:4vw 0 3vw 0;
}

.p_aluworld .hhh{
    text-align: center;
    color:#333;
    font-size: 3vw;
    font-weight: bold;
}

.p_aluworld .hhh_en{
    font-size: 1.4vw;
    text-align: center;
    color:#999;
    padding: 0.5vw 0 0 0;
}

.p_aluworld .banner{
    margin: 2vw 0 0 0;
    position: relative;
}

.p_aluworld .banner .bgi{
    width: 100%;
}

.p_aluworld .banner .bgi img {
    width: 100%;
}

.p_aluworld .banner .brandlogo{
    position: absolute;
    left:53%;
    top:21%;
    height: 8%;
}
.p_aluworld .banner .brandlogo img{
    width: auto;
    height: 100%;
}

.p_aluworld .banner .t0{
    position: absolute;
    left:53%;
    top:41%;
    font-weight: normal;
    width: 34vw;
    font-size: 1vw;
    color:#333;
    height: 11%;    
    line-height: 1.5vw;
}

.p_aluworld .banner .consult_now{
    position: absolute;
    left:53%;
    top:66%;
    height: 44px;
    line-height: 44px;
    padding: 0 34px;
    color:#fff;
    background: linear-gradient(to right, #1378FF, #0ECEFF);
    border-radius: 100px;
    font-size: 0.92vw;
}

@media screen and (max-width: 640px){
    .secondary-text {
        font-size: 3.5vw;
    }

    .video_ban .ban_text .zh{
        font-size: 7.3vw;
    }

    .video_ban .ban_text .en{
        font-size: 4vw;
    }

    .p_albiz{
        padding: 8vw 0 3vw 0;
    }

    .p_albiz .hhh{
        text-align: center;
        color:#333;
        font-size: 8vw;
        font-weight: bold;
    }
    
    .p_albiz .hhh_en{
        font-size: 4vw;
        text-align: center;
        color:#999;
        padding: 0.5vw 0 0 0;
    }
    .p_albiz .banner{
        margin: 6vw 0 0 0;
    }
    .p_albiz .banner .brandlogo{
        position: inherit;
        left:inherit;
        text-align: center;
        top:inherit;
        width: 100%;
        height:16vw;
    }
    .p_albiz .banner .brandlogo img{
        margin:0 auto;
    }
    .p_albiz .banner .ljw-lead-text {
        position: inherit;
        font-size: 3.5vw;
        width: 90%;
        box-sizing: border-box;
        padding: 1em;
    }
    .p_albiz .banner .t0{
        position: inherit;
        font-size: 3.5vw;
        width: 80%;
        margin:4vw auto;
        left:inherit;
        /* text-align: center; */
        line-height: 8vw;
        top:inherit;
    }
    .p_albiz .banner .list{
        position: inherit;
        left:inherit;
        top:inherit;
        margin:0 auto 4vw auto;
        width:90%;
    }
    

    
    .p_alprocessing .hhh{
        text-align: center;
        color:#333;
        font-size: 8vw;
        font-weight: bold;
    }
    
    .p_alprocessing .hhh_en{
        font-size: 4vw;
        text-align: center;
        color:#999;
        padding: 0.5vw 0 0 0;
    }
    .p_alprocessing .banner{
        margin: 6vw 0 0 0;
    }
    .p_alprocessing .banner .brandlogo{
        position: inherit;
        left:inherit;
        text-align: center;
        top:inherit;
        height:16vw;
        justify-content: center;
    }

    .p_alprocessing .banner .ljw-lead-text {
        position: inherit;
        left:auto;
        width: auto;
        margin: 4vw;
        top: auto;
        font-size: 4vw;
        line-height: 7vw;
        box-sizing: border-box;
    }
    
    .p_alprocessing .banner .brandlogo b{
        font-size: 6vw;
        padding:0 0 0 2vw;
    }
    
    .p_alprocessing .banner .t0{
        position: inherit;
        left:inherit;
        top:inherit;
        width: 90%;
        margin:4vw auto;
        font-size: 4vw;
        font-weight: normal;
        height:auto;    
        line-height: 7vw;
    }
    
    .p_alprocessing .banner .t0 b{
        font-size: 4.5vw;
        color: #0E5CE6;
    }
    
    .p_alprocessing .banner .list{
        position: inherit;
        display: block;
        left:inherit;
        top:inherit;
        width:90%;
        margin:0 auto;
        justify-content: space-between;
    }


    .p_alprocessing .banner .list li{
        width: 100%;
        margin:0 0 5vw 0;
        background:#fff;
        box-shadow: 0 0 10px #cbdffc;
        box-sizing: border-box;
        position: relative;
        border-radius: 10px;
        padding:4.2vw 0 4.2vw 4vw;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .p_alprocessing .banner .list li:nth-of-type(2){
        padding:2.5vw 0 2.5vw 4vw;

    }
    
    .p_alprocessing .banner .list li .icon{
        position: inherit;
        left:inherit;
        top:inherit;
        height: 8vw;
    }
    

    
    .p_alprocessing .banner .list li:nth-of-type(1) .icon{
        position: inherit;
        left:inherit;
        top:inherit;
        height: 14vw;
    }
    .p_alprocessing .banner .list li:nth-of-type(2) .icon{
        position: inherit;
        left:inherit;
        top:inherit;
        height: 17vw;
    }
    .p_alprocessing .banner .list li:nth-of-type(3) .icon{
        position: inherit;
        left:inherit;
        top:inherit;
        height: 14vw;
    }
    
    .p_alprocessing .banner .list li .icon img{
        height: 100%;
    }
    
    .p_alprocessing .banner .list li  .f0{
        font-size: 4.2vw;
        font-weight: bold;
    }
    
    .p_alprocessing .banner .list li  .f1{
        font-size: 5.5vw;
        font-weight: bold;
        color:#0E5CE6;
    }
    



    
    .p_alubook .hhh{
        font-size: 8vw;
    }
    
    .p_alubook .hhh_en{
        font-size: 4vw;
    }

    
    .p_alubook .banner .bgi{
        width: 100%;
    }
    
    .p_alubook .banner .brandlogo{
        position: inherit;
        left:inherit;
        top:inherit;
        text-align: center;
        height: 13vw;
        margin: 5vw 0 4vw 0;
    }
    .p_alubook .banner .brandlogo img{
        width: auto;
        height: 100%;
    }
    
    .p_alubook .banner .t0{
        position: inherit;
        left:inherit;
        top:inherit;
        font-weight: bold;
        width: 90%;
        margin:0 auto;
        text-align: center;
        font-size: 4.1vw;
        color:#0E5CE6;
        height: 11%;    
        line-height: 8.9vw;
    }
    .p_alubook .banner .t1{
        position: inherit;
        left:inherit;
        top:inherit;
        font-weight: normal;
        width: 90%;
        margin:0 auto;
        font-size: 4vw;
        color:#333;
        height: 11%;    
        line-height: 8.2vw;
    }
    
    .p_alubook .banner .consult_now{
        position: inherit;
        left:inherit;
        top:inherit;
        height: 5vw;
        line-height: 5vw;
        padding: 3vw 8vw;
        color:#fff;
        background: linear-gradient(to right, #1378FF, #0ECEFF);
        border-radius: 100px;
        font-size: 4.4vw;
        width: 28vw;
        margin:4vw auto;
        text-align: center;
    }
    
    .p_alubook .banner .list{
        position: inherit;
        left:inherit;
        top:inherit;
        width:90%;
        margin: 0 auto;
    }
    
    .p_alubook .banner .list li{
        position: relative;
        margin:0 0 4vw 0;
    }
    
    .p_alubook .banner .list li .icon{
        position: absolute;
        height: 10vw;
        left: 1vw;
        top: 3vw;
    }
    
    .p_alubook .banner .list li:nth-of-type(1) .icon{
        top: 2vw;
    }
    
    
    .p_alubook .banner .list li .icon img{
        height: 100%;
    }
    
    .p_alubook .banner .list li .text{
        background:#fff;
        padding:4vw 4vw 4vw 14vw;
        box-shadow: 0 5px 10px rgba(0,0,0,0.1);
        font-size: 4.2vw;
        border-radius: 10px;
    
    }


    
    .p_aluworld .hhh{
        font-size: 8vw;
    }
    
    .p_aluworld .hhh_en{
        font-size: 4vw;
    }
    
    .p_aluworld .banner{
        margin: 2vw 0 0 0;
        position: relative;
    }
    
    .p_aluworld .banner .bgi{
        width: 100%;
    }
    
    .p_aluworld .banner .brandlogo{
        position: inherit;
        left:inherit;
        top:inherit;
        height: 12vw;
        text-align: center;
        margin:5vw 0;
    }
    .p_aluworld .banner .brandlogo img{
        width: auto;
        height: 100%;
    }
    
    .p_aluworld .banner .t0{
        position: inherit;
        left:inherit;
        top:inherit;
        font-weight: normal;
        width: 90%;
        margin: 0 auto;
        font-size: 4vw;
        color:#333;
        height: auto;    
        line-height: 7.5vw;
    }
    
    .p_aluworld .banner .consult_now{
        position: inherit;
        left:inherit;
        top:inherit;
        height: 5vw;
        line-height: 5vw;
        padding: 3vw 8vw;
        color:#fff;
        background: linear-gradient(to right, #1378FF, #0ECEFF);
        border-radius: 100px;
        font-size: 4.4vw;
        width: 28vw;
        margin:4vw auto;
        text-align: center;
    }
    
}