.res_phi{
    background: url(../images/dev_bg.jpg)no-repeat;
    background-size: cover;
    padding: 5rem 0;
}
.res_thi_con{
    position: relative;
    background: #fff;
    padding: 2rem 5rem;
    overflow: hidden;
}
.res_thi_con::before{
    content: "\ea00";
    font-family: icomoon;
    font-size: 15rem;
    background: linear-gradient(-135deg, #35a7e9, #737d8c);
    background: -webkit-linear-gradient(-135deg, #35a7e9, #737d8c);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
    position: absolute;
    right: 1rem;
    bottom: -3.5rem;
    opacity: .1;
}
.res_thi_txt{
    border-left: 1px solid #85C9F5;
    padding: 0 1rem;
}
.res_thi_txt .thr_title{
    margin-bottom: 1rem;
}

.res_box, .res_box2{
    clear: both;
}
.res_txt{
    position: relative;
    background: #5DB9ED;
    background: -moz-linear-gradient(90deg, rgba(53, 167, 233, 0.1) 0%, rgba(115, 125, 140, 0.1) 100%); 
    background: -webkit-linear-gradient(90deg, rgba(53, 167, 233, 0.1) 0%, rgba(115, 125, 140, 0.1) 100%); 
    background: linear-gradient(-90deg, rgba(53, 167, 233, 0.1) 0%, rgba(115, 125, 140, 0.1) 100%); 
    width: 70%;
    margin-top: 100px;
    padding: 4.5rem 10rem 4.5rem 18rem;
    float: left;
}
.res_box2{
    padding-top: 80px;
}
.res_box2 .res_txt{
    padding: 4.5rem 18rem 4.5rem 10rem;
}
.res_txt .res_tit{
    display: inline-block;
    position: relative;
    padding: 0px 1rem 4rem 0;
    font-size: 1.5rem;
    color: #FF8552;
    font-weight: bold;
}
.res_txt .res_tit::before{
    content: "";
    width: 45px;
    height: 45px;
    border-right: 1px solid #FF8552;
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: -5px;
}
.res_txt ul li{
    position: relative;
    padding: 0 1rem 1rem 4rem;
    font-size: 1.125rem;
}
.res_txt ul li::before{
    content: "\ea23";
    font-size: 3rem;
    font-family: icomoon;
    color: #ff8552;
    position: absolute;
    left: 0;
    top: -1.4rem;
}
.res_img{
    position: relative;
    width: 35%;
    float: left;
    box-shadow: 3px 5px 15px rgba(0,0,0,10%);
    margin-left: -5%;
}
.res_img img{
    width: 100%;
}
.res_box2 .res_img{
    margin-left: 0;
    margin-right: -5%;
    z-index: 1;
}
@media screen and (max-width:1199px) {
    .res_txt, .res_box2 .res_txt{
        padding: 4.5rem 5rem;
    }

}
@media screen and (max-width:767px) {
    .res_thi_con{
        padding: 2rem;
    }
    .res_img{
        width: 100%;
        margin-left:0;
    }
    .res_box2{
        display: flex;
        flex-wrap: wrap;
    }
    .res_txt, .res_box2 .res_txt{
        width: 100%;
        padding: 4.5rem 2rem 4.5rem 2.5rem;
    }
    .res_txt{
        margin-top: 0;
    }
    /* .res_box2 .res_img{
        order: 1;
    }
    .res_box2 .res_txt{
        order: 0;
    } */
}