.model{
    position: relative;
    box-sizing: border-box; 
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.model .bg{
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.model:nth-child(2n) .bg{
    flex-direction: row-reverse;
    /* text-align: right; */
} 
.model .info{
    padding-left: 9.9vw;
}
.model:nth-child(2n) .info{
    padding-left: 0;
    padding-right: 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 .info .txt *{
    font-size: 2.2rem!important;
    font-family: OPPOSans-L, OPPOSans!important;
    white-space: pre-line; 
    color: #FFFFFF!important;
    line-height: 3.8rem!important;
}
.model.main1{
    background: linear-gradient(-133deg, rgba(4,163,180, 0.62) -30%, rgba(2,12,169,0) 60%);
}
.model.main1 .bg{
    background: linear-gradient(43deg, rgba(4,163,180, 0.91) -30%, rgba(4,163,180,0) 60%);
    z-index: 1;
}
.model.main1 .pic{
    width: 35.57%;
    margin-right: 7.03%;
    max-height: 90vh;
}
.model.main2{
    background: linear-gradient(46deg, rgba(2, 122, 169, 0.7) 0%, rgba(2,122,169,0) 100%);
}
.model.main2 .pic{
    width:40.42%;
    margin-bottom: -14%;
    margin-right: 5rem;
}
.model.main3{
    background: linear-gradient(-133deg, rgba(4, 165, 180, 0.31) 0%, rgba(4,163,180,0) 100%);
}
.model.main3 .pic{
    width:43.39%; 
    margin:0 4.53% 0 3.23%;
}
.model.main4{
    background: linear-gradient(45deg, rgba(2, 122, 169, 0.89) -30%, rgba(2,122,169,0) 90%);
}
.model.main4 .pic{
    width:46.35%; 
    margin:0 3.8% -10% 0;
}
.model.main5{
    background: linear-gradient(-45deg, rgba(4, 165, 180, 0.45) 0%, rgba(4,163,180,0) 130%);
}
.model.main5 .pic{
    width:50%;  
}
.model.join{
    height: 65.4vh;
    background-color: #051E3B;  
    background-position:  center;
    background-repeat: no-repeat ;
    background-size: contain;
    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;
}
.model .pic{
    margin: 0!important;
    margin-right: 0!important;
    max-height: none!important;
}
.model.main1 .pic{
    width: 100%;
    position: absolute;
    right: -50%;
    top: 50%;
    transform:translateY(-50%) rotate(30deg)!important;
}
.model.main2 .pic{
    width: 60%; 
    position: absolute;
    left:0%;   
    bottom:4%; 
}
.model.main3 .pic{
    width: 110%; 
    position: absolute;
    left:-5%;   
    top: 0%; 
}
.model.main4 .pic{
    width: 80%; 
    position: absolute;
    left:-20%;   
    bottom: -3rem; 
}
.model.main5 .pic{
    width: 100%;
    position: absolute;
    right: -20%;
    top: 50%;
    transform:translateY(-50%)!important;
}
.model.join{
    height:106.66vw; 
    background-size: 140% auto; 
} 
}