@media screen and (max-width:1780px){
}

@media screen and (max-width:1680px){


}

@media screen and (max-width:1477px){

}

@media screen and (max-width:1401px){


}

@media screen and (max-width:1380px){
}

@media screen and (max-width:1366px){
    .course-box{
        width: 80%;
    }
}

@media screen and (max-width:1320px){
}

@media screen and (max-width:1280px){

}

@media screen and (max-width:1200px){

}

@media screen and (max-width:1180px){

}

@media screen and (max-width:1080px){

}

@media screen and (max-width:1024px){
    .course-box{
        width: 95%;
    }
}

@media screen and (max-width:980px){

}

@media screen and (max-width:960px){
}

@media screen and (max-width:900px){
}

@media screen and (max-width:870px){
}

@media screen and (max-width:768px){
    .course-box{
        padding-left: 0;
    }
    .course-box ul li .course-bt{
        display: none;
    }
    .course-box .line{
        height: 0;
    }
}

@media screen and (max-width:730px){
}

@media screen and (max-width:680px){
}

@media screen and (max-width:650px){
    .course-box ul li div:nth-child(1){
        margin: 0 20px;
    }
    .course-box ul li{
        margin-bottom: 10px;
    }
}

@media screen and (max-width:486px){
    .course-box .line .fzlc-icon{
        width: 100px;
        height: 100px;
    }
    .course-box {
        margin: 130px auto 15px;
    }
    .course-box ul li div:nth-child(1) h1{
        font-size: 18px;
    }
    .course-box ul li div:nth-child(2) p{
        font-size: 14px;
    }
    .course-box ul li {
        padding: 10px 20px 10px 0;
    }
}

@media screen and (max-width:376px){

}

@media screen and (max-width:340px){
    .course-box .line .fzlc-icon {
        width: 80px;
        height: 80px;
    }
    .course-box .line {
        left: 46px;
    }
    .course-box {
        margin: 100px auto 15px;
    }
}