@media screen and (min-width: 750px) and (max-width:3000px){
    .pro_box .pro_box_right{
        width: 79%;
    }
    .pro_box_right .right_bx{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .right_bx .right_bx_1{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 4% 0;
        border-bottom: 1px dotted #ccc;
    }
    .right_bx_1 .right_bx_50{
        width: 56%;
    }
    .right_img img{
        max-height: 300px;
    }
    .right_img {
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .right_bx_1 .right_fl{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .right_fl span{
        margin-top: 4%;
    }
    .right_fl h2{
        font-size: 24px;
        margin-bottom: 4%;
    }
    .right_fl p{
        font-size: 14px;
        line-height: 2;
        color: #666;
    }
    .right_fl span{
        font-size: 14px;
        color: #0b4193;
        line-height: 2;
    }
    .ri_bot_dis {
        display: flex;
        justify-content: space-between;
        margin-top: 2%;
    }
    .right_fl_doe {
        width: 100%;
        padding-top: 4%;
    }
    .right_bx .view_at{
        display: flex;
        flex-direction: column;
    }
    .view_at .view_at_tit{
        font-size: 24px;
        line-height: 2;
        font-weight: bold;
       text-align: center;
    }
    .view_at .view_at_time{
        padding: 1% 0 2% 0;
        font-size: 12px;
        color: #999;
        text-align: center;
    }
}
/*移动端*/
@media only screen and (max-width: 1200px){
    .pro_box .pro_box_right{
        width: 100%;
    }
    .pro_box_right .right_bx{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    .right_bx .right_bx_1{
        display: none;
    }
    .right_bx_1 .right_bx_50{
        width: 56%;
    }
    .right_img img{
        max-height: 300px;
    }
    .right_img {
        width: 40%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .right_bx_1 .right_fl{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .right_fl span{
        margin-top: 4%;
    }
    .pro_box_ri12 {
        display: none;
    }
    .right_fl h2{
        font-size: 24px;
        margin-bottom: 4%;
    }
    .right_fl p{
        font-size: 14px;
        line-height: 2;
        color: #666;
    }
    .right_fl span{
        font-size: 14px;
        color: #0b4193;
        line-height: 2;
    }
    .ri_bot_dis {
        display: flex;
        justify-content: space-between;
        margin-top: 2%;
        font-size: 0.24rem;
    }
    .right_fl_doe {
        width: 100%;
        padding-top: 4%;
    }
    .right_bx .view_at{
        display: flex;
        flex-direction: column;
    }
    .view_at .view_at_tit{
        font-size: 0.32rem;
        line-height: 2;
        font-weight: bold;
        text-align: center;
        padding-bottom: 0.2rem;
        border-bottom: 1px dotted #999;
        margin-bottom: 0.2rem;
    }
    .view_at .view_at_time{
        display: none;
    }
    .view_at_p {
        font-size: 0.28rem;
        line-height: 1.6;
    }
}