.model{
    position: relative;
    box-sizing: border-box; 
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
} 
.model .bg{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.model .info{
    padding:0 9.9vw;
} 
.model  h2{
    font-size: 6rem;
font-family: OPPOSans-L, OPPOSans;
    font-weight: normal;
color: #FFFFFF;
line-height: 8rem;
}
.model .info .txt{
    margin-top: 0.7rem;
    font-size: 2.2rem;
    font-family: OPPOSans-L, OPPOSans;
    white-space: pre-line;

    font-weight: normal;
    color: #FFFFFF;
    line-height: 3.8rem;
}
.model.main1{
    background: linear-gradient(43deg, rgba(41, 121, 212, 0.91) 0%, rgba(5,70,97,0) 60%);
}
.model.main1 .bg{
    background: linear-gradient(-133deg, rgba(0, 95, 178, 0.62) 0%, rgba(4,61,110,0) 60%);
    z-index: 1;
}
.model.main1 .info{
text-align: center;
padding: 0 20%;
}
.model.main1 .pic{
    width: 52.14%;
    position: absolute;
    left: 24%;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.model.main2{
    background: #021944;
    z-index: 1;
    display: block;
    padding:9.9vw 0;
}
.model.main2 .list{
    padding: 0 9.9%;
    box-sizing: border-box;
    margin-top: 12.7rem;
}
.model.main2 .list .li{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 7rem;
}
.model.main2 .list .li .icon{
    width: 13.8rem;
    display: block;
    margin-right: 7rem;
}
.model.main2 .list .li .text{
    width: calc(100% - 20.8rem);
}
.model.main2 .list .li .text h3{
    font-size: 4rem;
    font-family: OPPOSans-L, OPPOSans;

    font-weight: normal;
    color: #FFFFFF;
    line-height: 5.3rem;
}
.model.main2 .list .li .text .tst{
    margin-top:2rem;
    font-size: 2.2rem;
    font-family: OPPOSans-L, OPPOSans;
    
    font-weight: normal;
    color: #FFFFFF;
    line-height: 3.8rem;
    
}
.model.main2 .list .li .text  .tst *{
    font-size: 2.2rem;
    font-family: OPPOSans-L, OPPOSans;
    
    font-weight: normal;
    color: #FFFFFF;
    line-height: 3.8rem;
}
.model.main2 .pic{
    width:100%; 
    position: absolute;
    left: 0%;
    bottom: 0%; 
    z-index: -1;
}
.model.main2 .pic1{
    width: 71.04%; 
    top: 3rem;
}
.model.main3{
    background: linear-gradient(145deg, rgba(5,70,97,0) 0%, #012C70 100%);
}
.model.main3 .bg{
    background: linear-gradient(231deg, rgba(2, 122, 169, 0.65) 0%, rgba(13,59,121,0) 100%);
    z-index: 1;
}
.model.main3 .info{
text-align: right;
padding: 0 9.9% 20% 40%;
}
.model.main3 .pic{
    width: 65%;
    position: absolute;
    left: 0%;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);
}
.model.join{
    height: 65.4vh;
    min-height: auto; 
    background-color: #021944FF;  
    background-position:  center;
    background-repeat: no-repeat ;
    background-size: cover;
    justify-content: center; 
    flex-direction: column;
} 
.model.join a{
    font-size: 2.4rem;
font-family: OPPOSans-L, OPPOSans;
    font-weight: normal;
color: #FFFFFF;
line-height: 7.5rem;
border: 1px solid #FFFFFF;
padding: 0 7.6rem; 
cursor: pointer;
margin:17rem auto 10rem;
}
.model.join a:hover{
    background: #fff;
    color: #051E3B;
}
@media screen and (max-width:750px) { 
    .model .info p{
        margin-top: 1.6rem;
        font-size: 2.8rem; 
        line-height: 4.6rem;
    }
    
.model .info{
    max-width: 88%;
    padding: 0!important;
    margin: 0 auto;
    text-align: center;
} 
.model.main1 .pic {
    width: 180%;
    position: absolute;
    left: -40%; 
    z-index: -1;
}
.model.main2 .list{
    padding: 0 8%;
    box-sizing: border-box;
    margin-top: 9rem;
}
.model.main2 .list .li{
    display: block;
    margin-top: 6rem;
}
.model.main2 .list .li .icon{
    width: 10rem;
    display: block;
    margin: 0 auto; 
}
.model.main2 .list .li .text{
    width: calc(100%);
    text-align: center;
}
.model.main2 .list .li .text h3{
    font-size: 3.2rem;
    line-height: 4.5rem;
    margin: 2.6rem 0 0.6rem;
}
.model.main2 .list .li .text  p{
    margin-top:0;
    font-size: 2.4rem;
    line-height: 4rem;
}
.model.main2 .pic1 {
    width: 110%;  
}.model.main2 .pic{
    width: 200%;
    position: absolute;
    left: -50%;
}.model.main3 .pic {
    width: 130%;
    position: absolute;
    left: 0%;
    top: auto;
    bottom: 0;
    z-index: -1;
    transform: translateY(-0%);
}.model.main3 .info{
    text-align: center;
    margin-bottom: 43vh;
}
.model.join{
    height:106.66vw;  
} 
}