.shi-box {
}

.shi-teach {
    padding-bottom: 15px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

}

    .shi-teach .shi-img {
        width: 20%;
    }

        .shi-teach .shi-img img {
        }

        .shi-teach .shi-img p {
            margin: 0;
            text-align: left !important;
        }

   .shi-teach .shi-name {
        width: 30%;
        padding-left: 30px;
    }

        .shi-teach .shi-name h4 {
            font-weight: bold;
            color: #1a5ca3;
            font-size: 26px;
            color: #1b4692;
            margin-bottom: 20px;
        }

       .shi-teach .shi-name p,.shi-teach .shi-tt p {
color: #333;
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 15px;    
    position: relative;
        }
      .shi-teach .shi-name p:after,.shi-teach .shi-tt p:after {
content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #243b60;
        }

        .shi-teach .shi-name ul {
            padding-left: 0;
            margin-left: 0;
        }

    .shi-teach .shi-tt {
        width: 50%;
        padding-left: 30px;
    }

        .shi-teach .shi-tt h4 {
            font-weight: bold;
            color: #1a5ca3;
            font-size: 26px;
            color: #1b4692;
            margin-bottom: 20px;
        }

        .shi-teach .shi-tt ul {
            padding-left: 0;
            margin-left: 0;
        }

            .shi-teach .shi-tt ul li {
                line-height: 30px;
                list-style-type: none;
                color: #1a5ca3;
            }
            .shi-teach .shi-tt ul li p{
                    text-align: left;
            }

                .shi-teach .shi-tt ul li span {
                    font-size: 16px;
                    color: #777;
                }

.shi-top {
}

    .shi-top ul {
        width: 100%;
        display: table;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid #dbe7f7;
    }

        .shi-top ul li {
            display: table-cell;
            /*width: 20%;*/
            /*background: #1a5ca3;*/
            border-right: 1px solid #fff;
            line-height: 45px;
            text-align: center;
            padding: 10px 0;
            font-size: 16px;
            color: #333;
            cursor: pointer;
        }



            .shi-top ul li p {
                margin: 0;
                text-align: center;
                color: #333;
                font-weight: bold;
            }

            .shi-top ul li.active {
                background:#243b60;
                color: #fff;
            }
.shi-top ul li.active p {
    color: #fff;
}

.shi-con2 {
    margin: 25px 0;
}

.shi-con {
    margin-top: 20px;
}

.shi-con1 {
}

    .shi-con1 p,.shi-teach .shi-tt ul li p {
        font-size: 18px;
        color: #333;
        line-height: 35px;
        margin: 0;
    }

.w-ul-disc {
    padding-left: 0px !important;
    list-style: none;
    margin-left: 0 !important;
}

    .w-ul-disc li {

    position: relative;
        /*background: url(../images/hfang1.png) no-repeat left 8px;*/
        list-style-type: none !important;
        padding-left: 20px;
    }

.w-ul-disc li:after{
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    background: #243b60;
}

.w-ul-none {
    padding-left: 0px !important;
    list-style: none;
    margin-left: 0 !important;
}

    .w-ul-none li {
        list-style-type: none !important;
    }

.w-ul-decimal {
}

    .w-ul-decimal li {
        font-size: 16px;
        list-style-type: decimal !important;
    }


@media (max-width:991px) {




}

@media (max-width:767px) {
.shi-teach
{
    display: block;
}
.shi-box {
    font-size: 0;
}

.shi-teach .shi-img{
    width:40%;    
    display: inline-block;
    vertical-align: text-bottom;
}
.shi-teach .shi-name{
    width:60%;    
    display: inline-block;
    vertical-align: text-bottom;
}
.shi-teach .shi-tt{

    margin-top:20px;
    width:100%;    
    float: none;    
    padding-left: 0;
}


    .shi-top ul li {
        width: calc(50% - 20px);
        padding: 10px;
        border: 1px solid #eee;
        margin: 10px;
  display: inline-block;
    }
}