.banner{
    background:url("https://www.xuedaoniu.com/static/web/img/shixun/same03.jpg") center no-repeat;
    padding: 1rem 0;
    height: 380px;
}

.banner .container{
    background: rgba(245,255,255,1);
    padding: 2rem;
    /*color: #ffffff;*/
    color: #666666;
    position: relative;
    height: 240px;
    width: 100%;
    margin-top: 60px;
}

.banner .container h3{
    font-weight: bold;
    font-size: 2.25rem;
}

.banner .commitment{
    background: #ffc107;
    height: 50px;
    width: 450px;
    display: flex;
    color: #ffffff;
    align-items: center;
    position: absolute;
    bottom: 0;
}

.banner .commitment div:first-child{
    border: 1px solid black;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #000000;
}

.practice{
    background: #f5f8fa;
    padding: 2.5rem;
}

.practice h3{
    font-weight: bold;
}

.practice .practice-product .col-md-3{
    padding: 1rem;
    margin-top: 1rem;
}

.practice .practice-product .col-md-3 img{
    width: 260px;
    height: 230px;
}

.practice .practice-product .col-md-3 .text{
    background: #e2e3e5;
    text-align: center;
    padding: 1rem 0;
}