#clear-service{
    padding: 95px 0px; background: #FAFAFA;
}

.page-title{
    text-align: center; margin-bottom: 50px;
}

.page-title .tit{
    font-weight: bold; font-size: 46px; color: #4B83F4; line-height: 54px; margin-bottom: 15px;
}

.page-title span{
    display: inline-block; max-width: 330px; font-weight: bold; font-size: 18px; line-height: 30px; color: #333333;
}

.what-lists-main{
    display: flex; flex-direction: column-reverse;
}

.what-lists-main .what-item{
    margin-bottom: 28px; display: flex; justify-content: space-between;
}

.what-lists-main .what-item .img{
    width: 49.5%;
}

.what-lists-main .what-item .img img{
    max-width:100%; display: block;
}

.what-lists-main .what-item:nth-child(2n+1){
    flex-direction: row-reverse;
}

.what-lists-main .what-item .tw{
    background: white; width: 49.5%; display: flex; flex-direction: column; padding:30px 30px; justify-content: center;
}

.what-lists-main .what-item:nth-child(2n+1) .tw{
    border-left: solid 6px #4B83F4;
}

.what-lists-main .what-item .tw .title{
    font-weight: bold; font-size: 24px; color: #4B83F4; line-height: 28px; margin-bottom: 17px;
}

.what-lists-main .what-item .tw .content{
    margin-bottom: 18px; font-size: 20px; color: #444; line-height: 28px;
}

.what-lists-main .what-item .tw .content p{
    margin-bottom: 10px;
}

.what-lists-main .what-item .tw .mores{
    text-align: center;
}

.what-lists-main .what-item .tw .mores a{
    text-decoration: none; background-color: #4B83F4; color: white; font-size: 20px;  font-weight: bold;
    line-height: 50px; border-radius: 3px; padding: 0px 32px; display: inline-block; height: 50px;
}

.what-lists-main .what-item .tw .mores a:hover{
    background-color: #015998;
}

#page-banner{
    margin-bottom: 0px !important;
}

@media screen and (max-width: 767px){
    #clear-service {
        padding: 60px 0px;
    }

    .page-title .tit {
        font-size: 32px;
        line-height: 45px;
    }

    .what-lists-main .what-item{
        flex-direction: column !important;
    }

    .what-lists-main .what-item .img{
        width: 100%;
    }

    .what-lists-main .what-item .tw{
        width: 100%; padding: 25px 10px;
    }

    .what-lists-main .what-item .tw .content{
        font-size: 15px; line-height: 22px;
    }

    .what-lists-main .what-item .tw .title{
        font-size: 20px; margin-bottom: 12px;
    }

    .what-lists-main .what-item .tw .mores a{
        height: 42px; line-height: 42px; font-size: 15px;
    }

    .what-lists-main .what-item .img{
        margin-bottom: 18px;
    }

}