@charset "UTF-8";
/*公共样式 start*/
@font-face{
    font-family:'FZBIAOYSJW';
    src: url('../font/FZBIAOYSJW.TTF');
}
body{
    position:relative;
    font-size:15px;
    font-family:'FZBIAOYSJW'!important;
    list-style:none;
}
.iplimit{padding: 50px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{ margin:0; padding:0; list-style:none; font-weight:400; color:#333;}
img{ vertical-align:middle; border:none;}
input,textarea{background-color:#fff;outline:none;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#666;}
i,em,b{ font-style:normal;font-weight:normal;}
.left{float:left;}
.right{float:right;}
.clear:after{ content:''; clear:both; display:block;}
.clear{clear:both;}
.clearfloat:after{display:block;content:'';height:0;clear:both;visibility:hidden;}
.clearfloat{zoom:1;}
.layui-container{ 
    min-width:1280px;
    padding:0;
}
/*公共样式 end*/

/*页面宽度 start*/
@media screen and (min-width: 1400px){
    .layui-container {
        width: 1400px !important;
    }
}   
@media screen and (max-width: 1399px){
    .layui-container {
        width: 1280px!important;
    }
}  
/*页面宽度 end*/

/*logo/搜索/登录注册 start*/
#top {
    width:100%;
    min-width:1280px;
    height:90px;
    background:#fff;
    overflow:hidden;
}
.top_nav{
    width:100%;
    overflow:hidden;
}
.logo{
    float:left; 
    height:70px;
    margin:10px 0;
    overflow:hidden;
}
.search{
    position:absolute;
    top:28px;
    left:50%;
    margin-left:-80px;
    width:340px;
    height:34px;
    background:#fff;
    border:1px solid #e50206;
    border-radius:34px;
    overflow: hidden;
}
.search input{
    float:left;
    border:0;
    width:280px;
    height:34px;
    font-size:14px;
    text-indent:15px;
    overflow:hidden;
}
.search a{
    float:right;
    width:60px;
    height:34px;
    background:#e50206;
    border-radius:34px;
    text-align: center;
    overflow:hidden;
}
.search a img{
    margin:2px 0;
}
.rtbox{
    float:right;
    height:34px;
    line-height:34px;
    border-radius:5px;
    color:#333;
    font-size:15px;
    padding:0 15px;
    margin:28px 0;
    overflow:hidden;
}
.rtbox a{
    color:#333;
}
#person{
    float:left;
    max-width:125px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}
/*logo/搜索/登录注册 end*/

/*导航 start*/
#nav{
    width:100%;
    min-width:1280px;
    height:50px;
    background:#fff;
    border-top: 1px solid #e6e6e6;
}
.layui-nav{
    display:flex;
    background:#fff;
    padding:0;
    text-align: center;
}
.layui-nav .layui-nav-item{
    position:relative;
    flex:1;
    line-height:50px;
    margin:0;
}
.layui-nav .layui-nav-item a{
    color:#333;
    font-size:16px;
    padding:0 3px;
}
.layui-nav .layui-this a,
.layui-nav .layui-nav-item  a:hover{
    color:#e50206;
}
.layui-nav .layui-nav-item .layui-nav-child a:hover{
    color:#fff;
}
.layui-nav .layui-nav-item dd a{
    color:#333; 
}
.layui-nav .layui-nav-child a:hover{
    background:#e50206;
}
.layui-nav-child{
    top:50px;
}
.layui-nav .layui-nav-more,
.layui-nav-itemed>a .layui-nav-more{ 
    border-color: #333 transparent transparent;
    border-top-color:#333;
    right:-4px;
}
.layui-nav .layui-nav-mored{
    border-color:transparent transparent #333;
}
.layui-nav .layui-this:after,
.layui-nav-bar,
.layui-nav-tree .layui-nav-itemed:after{
    height:3px;
    background:#e50206!important;
}
.layui-nav .layui-this:after{
    content: '';
    top: auto;
    bottom:5px;
    width:30px;
    left:50%;
    margin-left:-15px;
}
.layui-nav-bar{
    display:none;
}
.layui-nav .layui-nav-child dd.layui-this a, .layui-nav-child dd.layui-this{
    background-color: #e50206;
    color:#fff;
}
/*导航 end*/
.layui-breadcrumb a cite{
    color:#333;
}
/*底部 start*/
#footer{
    position:relative;
    z-index:9;
    width:100%;
    min-width:1280px;
    background-color:#242633;
    padding:50px 0 40px;
    overflow:hidden;
}
.footer_up{
    width:1280px;
    padding-bottom:20px;
    margin:0 auto;
    overflow:hidden;
}
.blank{
    display:flex;
    justify-content: center;
    float:left;
    width:24%;
    font-size:14px;
    text-align:center;
}
.blank li{
    flex:0 0 20%;
    margin:0 20px;
}
.blank li a{
    display:block;
    color:#fff;
    margin-bottom:25px;
}
.ewm{
    display:flex;
    float:left;
    width:40%;
    text-align:center;
    margin:0 3%;
    overflow:hidden;
}
.ewm  li{
    display:inline-block;
    flex:1;
    margin:0 20px;
}
.ewm  li img{
    width:120px;
}
.ewm li p{
    color:#fff;
    font-size:14px;
    line-height:50px;
}
.phone{
    float:left;
    width:30%;
}
.phone li{
    width:370px;
    margin:15px auto 0;
    overflow:hidden;
}
.phone img{
    float:left;
    margin-right:15px;
}
.phone span{
    float:left;
    color:#fff;
    font-size:14px;
    line-height:25px;
}
.footer_down{
    width:100%;
    padding-top:25px;
    border-top:1px solid #999;
    text-align:center;
    overflow:hidden;
}
.footer_down p{
    color:#fff;
    font-size:14px;
    line-height:36px;
}
.footer_down p a{
    color:#fff;
    margin-left:16px;
}
/*底部 end*/

/*课程样式 start*/
.course_list{
    width:100%;
}
.course_list li{
    position:relative;
    float:left;
    width:calc(25% - 15px);
    height:318px;
    background:#fff;
    border-radius:8px;
    box-shadow:0 0 5px 1px rgba(0,0,0,0.08);
    margin:20px 20px 0 0;
    transition:all .5s ease;
    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;
}
.course_list li:hover{
    background:transparent;
    box-shadow:0 16px 16px rgba(0,0,0,.1);
}
.course_list li a{
    display:block;
    width:100%;
    overflow:hidden;
}
.course_list li .c_up{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}
.course_list li .c_up i.mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:0;
    z-index:9;
}
.course_list li:hover i.mask{
    opacity:.25;
}
.course_list li .c_up i.icon_play{
    position:absolute;
    top:50%;
    left:50%;
    margin:-25px 0 0 -25px;
    width:50px;
    height:50px;
    background:url("../images/icon_play.png") no-repeat center;
    background-size:cover;
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    transition: all .35s ease-out;
    z-index:10;
    opacity:0;
}
.course_list li:hover i.icon_play{
    transform:scale(1.2);
    opacity:0.8;
}
.course_list li .c_up img{
    width:100%;
    transition: all .5s;
}
.course_list li:hover img{
    transform:scale(1.1,1.1);
}
.course_list li .c_down{
    position:relative;
    z-index:2;
    width:100%;
    padding:15px;
    transition: all .5s;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* .course_list li .c_down:before {
    position: absolute;
    left:50%;
    bottom:0;
    content: "";
    width:0;
    height:100%;
    background-color:#e50206;
    transition: all .3s;
    opacity: 0;
} */
.course_list li:hover .c_down:before {
    z-index:-1;
    left:0;
    opacity:1;
    width:100%;
}
.course_list .c_down h4{
    width:100%;
    line-height:30px;
    color:#000;
    margin-bottom:5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow:hidden;
}
.course_list .c_down p {
    width:100%;
    height:30px;
    line-height:30px;
    color:#888;
    text-overflow:ellipsis;
    white-space:nowrap;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/* .course_list li:hover h4,
.course_list li:hover p {
    color:#fff;
} */
@media screen and (max-width: 1399px){
    .course_list li{
        height:298px;
    }
}  
/*课程样式 end*/

/*试卷列表 start*/
.test_list{
    position:relative;
    width:100%;
    background:#fff;
    border-radius:5px;
    padding:0 25px;
    margin:20px auto 0;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.test_list li{
    position:relative;
    width:100%;
    padding:15px 0;
    background:#fff;
    border-bottom:1px solid #eee;
    transition:all .5s;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.test_list li:last-child{
    border:0;
}
.test_list .icon_test{
    position:absolute;
    top:30px;
    left:0;
    width:40px;
    height:40px;
}
.test_nav{
    width:100%;
    padding:0 150px 0 50px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.test_nav a,.test_nav span{
    display:block;
    width:100%;
    height:35px;
    line-height:35px;
    font-size:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.test_nav a:hover{
    color:#e50206;
    text-decoration:underline;
}
.test_nav span{
    color:#999;
    font-size:15px;
}
.test_btn{
    position:absolute;
    top:30px;
    right:0;
    width:130px;
    height:40px;
    overflow:hidden;
}
.test_btn a{
    float:right;
    width:100%;
    height:40px;
    line-height:40px;
    background:#ffd4d4;
    border-radius:40px;
    color:#e50206;
    text-align:center;
    transition:all .3s;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.test_btn a:hover{
    color:#fff;
    background:#e50206;
}
/*试卷列表 end*/

/*所在页面位置 start*/
#position>span{
    display:block;
    padding:20px 0;
}
#position a:hover{
    color:#e50206!important;
}
.layui-breadcrumb a{
    font-size:15px!important;
}
/*所在页面位置 end*/

/*分页 start*/
.page{
    text-align: center;
    margin:10px 0;
}
.layui-laypage a, .layui-laypage span{
    padding:0 20px;
    height:35px;
    line-height:35px;
    font-size:14px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color:#e50206;
}
/*分页 end*/

/*暂无搜索结果 start*/
.none_tu{
    width:100%;
    text-align:center;
    margin:100px 0;
    overflow:hidden;
}
.none_tu p{
    font-size:18px;
    color:#999;
    margin:10px 0;
}
/*暂无搜索结果 end*/

/*弹出框 start*/
.layui-layer-title {
    color:#fff!important;
    background:#e50206!important;;
    font-size:15px!important;;
}
.layui-layer-setwin a{
    width:26px!important;
    height:26px!important;
}
.layui-layer-setwin{
    top:8px!important;
}
.layui-layer-setwin .layui-layer-close1{
    background-position: 0 0!important;
}
.layui-layer-setwin .layui-layer-ico{
    background:url("../images/icon_down.png") no-repeat center;
    background-size:cover;
}
.layui-layer{
    border-radius:8px!important;
}
/*试题弹出框 end*/

/*回到顶部 start*/
#return_top{
    position:fixed;
    z-index:999;
    right:50px;
    bottom:100px;
    width:40px;
    height:40px;
    background:#e50206 url('../images/icon_top.png') no-repeat;
    background-size:cover;
    border:2px solid #fff;
    border-radius:50%;
    text-align: center;
    transition:all .4s ease;
    overflow:hidden;
    display:none;
    cursor: pointer;
}
#return_top i{
    font-size:18px;
    color:#fff;
    line-height:40px;
}
#return_top:hover{
    transform:scale(1.2);
}
/*回到顶部 end*/