.oder_all{
    width: 100%;   
     /* display: flex; */
}

.oder_img{
    width: 80%;
    margin: 0 auto;
}

.oder_img img{
    width: 100%;
}

.oder_p{
    text-align: center;
    padding: 60px 0;
    line-height: 30px;
}
.oder_p h2{
    color: #0098da;
    line-height: 50px;
    background-color: #e7e7e7;
    border-radius: 8px;
    width: auto;
    padding: 0 16px;
    display: table;
    align-content: center;
    text-align: center;
    margin: 16px auto;
}

.oder_phone{
    width: 80%;
    margin: 0 auto;
    
}

.oder_phone1 p {
    width: 300px;
    text-align: center;
    margin: 5px auto;
    padding: 10px 0;
    background-color: #0098da;
    border-radius: 5px;
    color: #fff;
}

.oder_phone1 i{
    color: #0098da;
}
 
/* 版本尺寸 */
@media screen and (min-width: 1920px){}
@media (min-width:1366px) and (max-width:1920px){}
@media (min-width:1024px) and (max-width:1365px){}
@media (min-width:768px) and (max-width:1023px){}
@media (min-width:414px) and (max-width:767px){
    .oder_img {
        display: none;
    }

    .oder_phone{
        display: block;
    }

    .oder_p {
        /* text-align: left; */
        width: 80%;
        margin: 0 auto;
    }

    .oder_p P{
        font-size: 14px;
    }

    .oder_p h2{
        font-size: 26px;
    }

    .oder_phone1 p {
        width: 45vw;
        font-size: 14px;
    }   
}

@media screen and (max-width: 413px){
    .oder_img {
        display: none;
    }

    .oder_phone{
        display: block;
    }

    .oder_p {
        /* text-align: left; */
        width: 80%;
        margin: 0 auto;
    }

    .oder_p P{
        font-size: 14px;
    }

    .oder_p h2{
        font-size: 18px;
    }

    .oder_phone1 p {
        width: 45vw;
        font-size: 14px;
    }   

    

}