@charset "UTF-8";
/****************************首页 start****************************/
/*课程分类 start*/
.classify{
    position:absolute;
    z-index:9;
    top:50px;
    width:260px;
    height:450px;
    background:rgba(0,0,0,.5);
    padding:20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.classify li{
    width:100%;
    padding:0 15px;
    font-size:14px;
    transition:all .3s;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.classify li a{
    display:block;
    width:100%;
    height:45px;
    line-height:45px;
    color:#fff;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
.classify li:hover{
    padding:0 5px 0 25px;
    background:rgba(0,0,0,.25);
}
/*课程分类 end*/

/*两个重点 start*/
#important{
    width:100%;
    min-width:1200px;
    height:60px;
    background:url("../images/important.jpg") no-repeat center;
}
#important a{
    float:left;
    width:50%;
    height:60px;
}
/*两个重点 end*/

/*banner start*/
#banner{
    position:relative;
    width:100%;
    min-width:1200px;
    height:450px;
}
#carouselmain a{
    display:block;
    width:100%;
    height:450px;
}
/*banner end*/

/*热门课程 start*/
.add_course{
    position:relative;
    width:1200px;
    padding-bottom:35px;
    margin:0 auto;
}
.add_title{
    width:100%;
    height:70px;
    line-height:70px;
    font-size:20px;
    text-align:center;
    overflow:hidden;
}
.add_title img{
    vertical-align:-6px;
    margin-right:5px;
}

.add_title a {
    float: right;
    color: #333;
    font-size: 15px;
}

#hot{
    width:100%!important;
    height:230px!important;
    overflow:hidden;
}
#hot .item{
    background:#fff!important;
}
#hot .layui-carousel-ind{
    display:none;
}
#hot .layui-carousel-arrow{
    display:block!important;
    opacity:1!important;
    border-radius:0;
    background-color:rgba(0,0,0,.4);
}
.layui-carousel-arrow[lay-type=sub]{
    left:0;
}
.layui-carousel-arrow[lay-type=add]{
    right:0;
}
.layui-carousel:hover .layui-carousel-arrow[lay-type=add]{
    right:0;
}
.layui-carousel:hover .layui-carousel-arrow[lay-type=sub]{
    left:0;
}
.hot_list{
    width:100%;
    overflow:hidden;
}
.hot_list li{
    float:left;
    width:285px;
    background:#fff;
    border:1px solid #eee;
    margin-right:20px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hot_list li:last-child{
    margin-right:0;
}
.hot_list li a{
    display:block;
    width:100%;
    overflow:hidden;
}
.hot_list li span{
    display:block;
    width:100%;
    height:188px;
    overflow:hidden;
}
.hot_list li img{
    width:100%;
    transition: all .3s;
}
.hot_list li span:hover img{
    transform:scale(1.1,1.1);
}
.hot_list li h4,.hot_list li p{
    width:100%;
    height:30px;
    line-height:30px;
    padding:0 15px;
    color:#000;
    text-overflow: ellipsis;
    white-space:nowrap;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.hot_list li h4:hover{
    text-decoration: underline;
}
.hot_list li h4{
    margin-top:5px;
}
.hot_list li p{
    color:#888;
}
/*箭头 start*/
.triangle{
    position: absolute;
    z-index:99999;
    bottom:-30px;
    left:50%;
    margin-left:-35px;
    width:0;
    height:0;
    border-left:35px solid transparent;
    border-right:35px solid transparent;
    border-top:30px solid #fff;
}
.triangle i{
    display:block;
    position: absolute;
    top:-40px;
    left:50%;
    margin-left:-25px;
    width:0;
    height:0;
    border-left:25px solid transparent;
    border-right:25px solid transparent;
    border-top:22px solid #d1141c;
}
/*箭头 end*/
/*热门课程 end*/

/*名师讲堂 start*/
#teacher{
    width:100%;
    min-width:1200px;
    padding:20px 0 35px;
    background:#f4f4f4;
}
.Box_con {
    position: relative;
}
.Box_con .btnl {
    position: absolute;
}
.Box_con .btn{
    display:block;
    position:absolute;
    top:130px;
    z-index:999;
    width:40px;
    height:40px;
    cursor:pointer;
}
.Box_con .btnl {
    background: url(../images/jtl02.png) no-repeat center;
    left:0;
}
.Box_con .btnr {
    background: url(../images/jtr02.png) no-repeat center;
    right:0;
}
.Box_con .btnl:hover {
    background: url(../images/jtl03.png) no-repeat center;
}
.Box_con .btnr:hover {
    background: url(../images/jtr03.png) no-repeat center;
}
.Box_con .conbox {
    position:relative;
    overflow:hidden;
}
.Box_con .conbox ul {
    position:relative;
}
.Box_con .conbox ul li{
    position:relative;
    float:left;
    width:224px;
    height:300px;
    margin-left:20px;
    overflow:hidden;
}
.Box_con .conbox ul li:first-child{
    margin-left:0;
}
.Box_con .conbox ul li a{
    display:block;
    width:100%;
    overflow:hidden;
}
.Box_con .conbox ul li img{
    display:block;
    width:224px;
    transition:all 0.5s;
}
.Box_con .conbox ul li:hover img{
    transform: scale(1.1);
}
.black{
    position:absolute;
    z-index:9;
    left:0;
    top:200px;
    width:100%;
    height:300px;
    padding:10px;
    background:rgba(0,0,0,.4);
    transition:all .5s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.black h3{
    width:100%;
    height:30px;
    line-height:30px;
    color:#fff;
    text-align: center;
    transition:all .5s;
    overflow:hidden;
}
.black span{
    display:block;
    width:100%;
    height:48px;
    line-height:24px;
    color:#eee;
    font-size:13px;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
}
.black p{
    width:100%;
    line-height:24px;
    color:#eee;
    font-size:13px;
    margin-top:15px;
    overflow:hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp:4;
}
.conbox ul li:hover .black{
    top:0;
}
.conbox ul li:hover .black h3{
    margin-top:30px;
}

/*名师讲堂 end*/

/*课程分类 start*/
.course{
    position:relative;
    width:100%;
    min-width:1200px;
    padding:25px 0 30px;
}
#course2,#course4,#course6,#course8{
    width:100%;
    min-width:1200px;
    padding:30px 0 0;
    background:#f4f4f4;
}
.title{
    position:relative;
    width:100%;
    padding-bottom:16px;
    text-align: center;
    overflow:hidden;
}
.title h2{
    width:100%;
    line-height:40px;
    font-size:18px;
}
.title a{
    position:absolute;
    bottom:0;
    right:0;
}
/*课程样式 start*/
.course_list{
    width:100%;
    overflow:hidden;
}
.course_list li{
    float:left;
    width:285px;
    background:#fff;
    border:1px solid #eee;
    margin:20px 20px 0 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.course_list li:nth-child(4n){
    margin-right:0;
}
.c_up{
    width:100%;
    height:188px;
    position:relative;
    overflow:hidden;
}
.c_up i.mask{
    position:absolute;
    top:0;
    width:100%;
    height:188px;
    background:#000;
    opacity:0;
    z-index:9;
    left:0;
}
.c_up i.icon_play{
    position:absolute;
    top:50%;
    left:50%;
    margin:-30px 0 0 -30px;
    width:60px;
    height:60px;
    background:url("../images/icon_play.png") no-repeat center;
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transition: all .3s ease-out;
    z-index:10;
    opacity:0;
}
.c_up:hover i.mask{
    opacity:.3;
}
.c_up:hover i.icon_play{
    transform:scale(1);
    opacity:1;
}
.c_up img{
    width:100%;
    transition: all .5s;
}
.course_list li:hover img{
    transform:scale(1.2,1.2);
}
.c_down{
    width:100%;
    padding:5px 0;
    overflow:hidden;
}
.c_down h4, .c_down p {
    width:100%;
    height:30px;
    line-height:30px;
    padding:0 15px;
    color:#000;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.c_down p{
    color:#888;
}
/*课程样式 end*/
/*小banner start*/
.ad{
    width:100%;
    min-width:1200px;
    height:120px;
    margin-top:30px;
    overflow:hidden;
}
.ad_banner1{ background:url("../images/ad_banner1.jpg") no-repeat center;}
.ad_banner2{ background:url("../images/ad_banner2.jpg") no-repeat center;}
.ad_banner3{ background:url("../images/ad_banner3.jpg") no-repeat center;}
.ad_banner4{ background:url("../images/ad_banner4.jpg") no-repeat center;}
/*小banner end*/
/*课程分类 end*/

/*推荐课程 start*/
.add_course2{
    width:100%;
    min-width:1200px;
    position:relative;
    background:#f4f4f4;
    padding:15px 0 35px 0;
}
/*推荐课程 end*/

/*回到顶部 start*/
#return_top{
    position:fixed;
    right:50px;
    bottom:100px;
    width:40px;
    height:36px;
    display:none;
    cursor: pointer;
}
/*回到顶部 end*/
/****************************首页 end****************************/