@charset "UTF-8";
/****************专题学习 start****************/
.zhuanti_banner {
    position:relative;
    width:100%;
    min-width:1280px;
    height:350px;
    overflow:hidden;
}
.zhuanti_center {
    position:absolute;
    left:50%;
    transform:translate(-50%,0);
    width:1920px;
    height:350px;
    background:url(../images/zhuanti_banner.jpg) no-repeat center;
    overflow:hidden;
}
#subject{
    margin:25px auto 0;
    overflow:hidden;
}
.subject_box{
    width:100%;
    background:#fff;
    border-radius:10px;
    padding:10px 20px 0;
    margin-bottom:20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.subject_title{
    width:100%;
    line-height:40px;
    border-bottom:1px solid #eee;
    padding:5px 0;
    margin:0 auto 20px;
    overflow:hidden;
}
.subject_title h2{
    position:relative;
    z-index:2;
    float:left;
    color:#000;
    font-size:18px;
    padding: 0 7px 0 30px;
}
.subject_title h2::before {
    content: '';
    position:absolute;
    left:7px;
    top:50%;
    transform:translate(0,-50%);
    width:0;
    height:0;
    border:8px solid transparent;
    border-left:14px solid #f56e2e;
}
.subject_title a{
    float:right;
    font-size:14px;
    line-height:34px;
    padding:0 15px;
    border-radius:5px;
    background-image:-moz-linear-gradient( -180deg, rgb(245,110,49) 1%, rgb(241,73,43) 100%);
    background-image:-webkit-linear-gradient( -180deg, rgb(245,110,49) 1%, rgb(241,73,43) 100%);
    background-image:-ms-linear-gradient( -180deg, rgb(245,110,49) 1%, rgb(241,73,43) 100%);   
    color:#fff;
    transition:all .3s;
    margin:8px 0;
    overflow:hidden;
}
.subject_title a i{
    vertical-align: -1px;
}
.subject_title a:hover{
    border-radius:30px;
}
.subject_nav{
    width:100%;
    overflow:hidden;
}
.left_tu{
    float:left;
    width:calc(25% - 15px);
    margin-right:20px;
    overflow:hidden;
}
.left_tu img{
    width:100%;
}
.subject_nav .course_list{
    float:left;
    width:calc(75% - 5px);
}
.subject_nav .course_list li{
    float:left;
    width:calc(33.33% - 13.29px);
    background:#fff;
    box-shadow:0 0 5px 1px rgba(0,0,0,0.08);
    margin:0 20px 20px 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.subject_nav .course_list li:nth-child(3n){
    margin-right:0;
}
.course_list li .c_down{
    padding:14px;
}
.course_list .c_down h4{
    width:100%;
    height:60px;
    line-height:30px;
    color:#000;
    margin-bottom:5px;
    overflow: hidden;
    display: -webkit-box;
    white-space: inherit;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
@media screen and (min-width: 1400px){
    .subject_nav .course_list li{
        height:340px;
    }
}   
@media screen and (max-width: 1399px){
    .subject_nav .course_list li{
        height:308px;
    }
    .left_tu img{
        height:636px;
    }
    .subject_nav .course_list li h4{
        height:52px;
        line-height:26px;
    }
    .course_list li .c_down p{
        height:26px;
        line-height:26px;
    }
}  
/****************专题学习 end****************/