@charset "UTF-8";
/*************学习资料 start***********/
.materials_banner{
    position:relative;
    width:100%;
    min-width:1280px;
    height:330px;
    overflow:hidden;
}
.materials_center{
    position:absolute;
    left:50%;
    transform:translate(-50%,0);
    width:1920px;
    height:330px;
    background:url("../images/materials_banner.jpg") no-repeat center;
}
#position>span{ padding:15px 0 5px;}
/*显式检索区 start*/
#kinds{
    width:100%;
    background:#fff;
    overflow:hidden;
}
.kinds_box{
    position:relative;
    overflow:hidden;
}
.kinds_nav{
    position:relative;
    width:100%;
    padding:10px 0;
    border-bottom:1px solid #eee;
    margin:0 auto;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.kinds_list{
    position:relative;
    width:100%;
    overflow:hidden;
}
.kinds_box .kinds_nav:last-child{
    border:0;
}
.kinds_list dt{
    position:absolute;
    left:0;
    top:0;
    width:80px;
    line-height:38px;
    font-size:16px;
    color:#000;
    overflow:hidden;
}
.kinds_list dd{
    position:relative;
    width:100%;
    padding:0 0 0 80px;
    overflow:hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.two .kinds_list,.three .kinds_list{max-height:36px;}
.two .kinds_list.active,.three .kinds_list.active{max-height:100%;}
.kinds_list dd a{
    float:left;
    height:28px;
    line-height:28px;
    border-radius:5px;
    padding:0 10px;
    margin:4px;
    transition:all 0.26s;
    overflow:hidden;
    cursor: pointer;
}
.kinds_list dd a:hover,
.kinds_list dd a.current{
    color:#fff;
    background:#1d4a9f;
}
.open,.open2{
    position:absolute;
    top:15px;
    right:0;
    width:65px;
    height:26px;
    line-height:26px;
    background:#1d4a9f;
    border:1px solid #1d4a9f;
    color:#fff;
    font-size:13px;
    border-radius:30px;
    text-align:center;
    cursor:pointer;
    transition:all .3s ease;
    display:none;
}
.open:hover,.open2:hover{opacity:0.9;}
.open i,.open2 i{font-size:13px;}
/*显式检索区 end*/

.materials .materials_item{ display:none;} 
/*列表 start*/
.materials_list{
    width:100%;
    margin:20px auto 10px;
    overflow:hidden;
}
.materials_list li{
    width:100%;
    background:#fff;
    border-radius:8px;
    padding:15px 20px 15px;
    margin-bottom:15px;
    overflow:hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.materials_list li:last-child{margin:0;}
.materials_list li .ma_title{
    position:relative;
    width:100%;
    line-height:40px;
    border-bottom:1px solid #eee;
    padding-bottom:10px;
    overflow:hidden;
}
.ma_title img{
    position:absolute;
    left:0;
    top:0;
    width:40px;
}
.ma_title h2{
    width:100%;
    line-height:40px;
    font-size:16px;
    padding:0 160px 0 50px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.pdf{
    position:absolute;
    right:0;
    top:0;
    width:120px;
    line-height:40px;
    background:#1d4a9f;
    border-radius:5px;
    color:#fff;
    text-align:center;
    transition:all .3s;
    overflow:hidden;
}
.pdf:hover{
    color:#fff;
    opacity:0.9;
}
.ma_message{
    width:100%;
    line-height:30px;
    padding-top:10px;
    overflow:hidden;
}
.ma_message span{
    float:left;
    color:#777;
    font-size:14px;
    line-height:35px;
    margin-right:35px 
}
.collect_btn{cursor:pointer;}
.collect_btn i{
    float:right;
    width:24px;
    height:24px;
    background:url(../images/icon_shoucang1.png) no-repeat center;
    background-size:cover;
    margin-top:5px;
}
.collect_btn i.sel{
    background:url(../images/icon_shoucang2.png) no-repeat center;
    background-size:cover;
}
/*列表 end*/
.layui-layer,.layui-layer-title{ border-radius:0!important;}
/*************学习资料 end***********/

/*************学习资料详情页 start***********/
#materials_layer{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#fff;
    overflow:hidden;
}
.materials_bg{
    position:relative;
    width:100%;
    min-width:1280px;
    height:200px;
    overflow:hidden;
}
.m_center{
    position:absolute;
    left:50%;
    transform:translate(-50%,0);
    width:1920px;
    height:200px;
    background:url("../images/materials_bg.jpg") no-repeat center;
    transition:all 0.36s;
}
.materials_return{
    position:absolute;
    z-index:99;
    left:20px;
    top:15px;
    border:2px solid #fff;
    border-radius:5px;
    padding:5px 15px;
    color:#fff;
}
.materials_return i{ margin-right:5px;}
.materials_return:hover{
    background:#fff;
    color:#1d4a9f;
}
#materials_pdf{
    width:1000px;
    background:#fff;
    margin:20px auto 0;
    overflow:hidden;
}
#materials_pdf iframe{
    position:absolute;
    left:50%;
    transform:translate(-50%,0);
    width:800px;
    height:calc(100% - 230px);
    background:#fff;
}
/*************学习资料详情页 end***********/