.mo_about{ width: 100%; overflow: hidden; background: url(../img/mo_about_bg.jpg) center no-repeat; background-size: cover;}
.mo_about .tt{ font-size: 2rem; color: #000000; font-weight: bold; text-align: center; margin-bottom: 1.75rem;}
.mo_tt{ display: flex; align-items: center; margin-bottom: 2.5rem;}
.mo_tt i{ display: block; width: 5px; height: 1.75rem; background: #44b2cf; margin-right: .625rem;}
.mo_tt h3{ font-size: 1.875rem; color: #1c89ca; font-weight: bold; 
    background: linear-gradient(to right, #43b1cf, #0057a6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.mo_tt span{ display: block; width: 61px; height: 22px; margin-left: -1rem; background: url(../images/mo_tt.png) center no-repeat; background-size: contain !important;}
.mo_con{ font-size: .9375rem; line-height: 1.875rem;}
.mo_about_pic{ display: block; margin: 4rem auto 0; }
 
.pad_bot{ padding-bottom: 5.5rem;}
.pad_top{ padding-top: 5.5rem;}

@media(max-width: 480px){
    .pad_top{ padding-top: 3rem;}
    .pad_bot{ padding-bottom: 3rem;}

    .mo_about .tt{ font-size: 1.625rem;}
    .mo_tt{ margin-bottom: 1rem;}
    .mo_tt h3{ font-size: 1.5rem;}
    .mo_tt span{ width: 40px;}
    .mo_tt i { width: 4px; height: 1.375rem;}
    .mo_about_pic{ margin-top: 2rem;}
}