@charset "utf-8";
.jy-box{margin-top: 18px;}
/* 教师库 */
.dj-jsk{min-height: 800px;}
.tab_hd2{border-bottom: 1px solid #d8d8d8;overflow: hidden;margin-bottom: 31px;}
.tab_hd2 ul li{position: relative;float: left;/*width: 75px;*/text-align: center;margin-right: 20px;}
.tab_hd2 ul li a{font-size: 22px;font-family: 'SourceHanSansCN-Regular';font-weight: bold;line-height: 48px;padding: 0 5px;}
.tab_hd2 ul li.on a{color: #c71b1f;}
.tab_hd2 ul li i{width: 100%;position: absolute;bottom: 0px;left: 0px;height: 2px;background-color: #c71b1f;display: none;}
.tab_hd2 ul li.on i{display: block;}
.jsk-list ul{margin: 0 -16px;display: flex;flex-wrap: wrap;justify-content: left;}
.jsk-list ul li{width: 20%;}
.jsk-list ul li>a{display: block;margin: 0 16px;-webkit-transition: all 0.3s ease-out;transition: all .3s ease-out;}
.jsk-list ul li .js-img{margin-bottom: 14px;height: 294px;width: 100%;overflow: hidden;}
.jsk-list ul li .js-img img{width: 100%;height: 100%;object-fit: cover;}
.jsk-list ul li a p{font-size: 18px;font-family: 'SourceHanSansCN-Regular';font-weight: bold;line-height: 30px;letter-spacing: 0px;}
.jsk-list ul li a p i{width: 5.5rem;display: inline-block;}

/* 教师库1.0 */
.dj-jsk01 .tab_hd2{margin-bottom: 20px;}
.jsk01-hd ul{overflow:hidden;margin: 26px 0 17px 0;display: flex;justify-content: center;}
.jsk01-hf{background: url(2025xxdjw_jsk_hf01.png) no-repeat center;border-radius: 8px;padding: 20px;padding-left: 30px;padding-right: 36px;background-size: cover;}
.jsk01-hf p{font-family: 'HanYiWeiBeiJian-Regular';font-size: 20px;color: #fff4c1;text-indent: 40px;line-height: 30px;}
.jsk01-hd ul li{float: left;padding: 0 56px;position: relative;line-height: 30px;}
.jsk01-hd ul li::after{content: "|";display: inline-block;width: 1px;right: 0;position: absolute;color: #c9c9c9;font-size: 11px;}
.jsk01-hd ul li:last-child::after{display:none;}
.jsk01-hd ul li.on a{font-weight: bold;color: #c71b1f;}
.jsk01-hd ul li a{font-size: 18px;}

.jskbox{width: 100%;}
.jskbox table {width: 100%;border-collapse: collapse;font-family: 'SourceHanSansCN-Regular';margin-bottom: 16px;}
.jskbox table th {background-color: #eaeaea;padding: 12px 0px;text-align: center;font-weight: bold;border: none;font-size: 18px;line-height: 26px;}
.jskbox table td {border: 1px solid #eaeaea;font-size:18px;line-height:36px;}
.jskbox table td:nth-child(1){font-weight: bold;}
.jskbox table td:nth-child(3) {padding-left: 26px;}
.jskbox table td:nth-child(4) {padding: 17px 15px;}
.jskbox table .center {text-align: center;}
.jskbox table .left {text-align: left;}
.jskbox table .nowrap {white-space: nowrap;}
.jskbox table .course-content {white-space: normal;word-break: break-all;}
.jskbox table .book-title {display: inline-block;white-space: nowrap;}

/* 通用 */
a:hover .js-img img{transform:scale(1.1)}
.jy-list{margin-bottom: 15px;}
.jy-list ul{margin: 0 -17px;display: flex;flex-wrap: wrap;justify-content: left;}
.jy-list ul li{width: 25%;margin-bottom: 34px;}
.jy-list ul li>a{display: block;margin: 0 17px;-webkit-transition: all 0.3s ease-out;transition: all .3s ease-out;}
.jy-list ul li>a p{text-align: center;padding: 0 20px;font-size: 18px;font-family: 'SourceHanSansCN-Regular';font-weight: bold;line-height: 26px;}
.jy-list ul li .js-img{margin-bottom: 13px;width: 100%;height: 200px;overflow:hidden;}
.jy-list ul li .js-img img{width: 100%;height: 100%;object-fit: cover;}
.jy-list ul li>a p{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 教学点 */
.dj-jxd .tab_hd2 ul li a{padding: 0 10px;}
/*.dj-jxd .tab_box:first-child .jy-list ul li>a p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: unset;white-space: normal;}*/

.dj-jxd .tab_box01{margin-bottom: 35px;}
.dj-jxd .jy-list ul{margin:0 -15px;}
.dj-jxd .jy-list ul li{width: 33.33%;}
.dj-jxd .jy-list ul li>a{margin:0px 15px;}
.dj-jxd .jy-list ul li>a p{text-align:left;padding:0px;margin-bottom: 8px;}
.dj-jxd .jy-list ul li>a span{font-size:16px;color:#999;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.dj-jxd .jy-list ul li .js-img{height:275px;}

.dj-jxd .jianjie{display: flex;justify-content: space-between;}
.dj-jxd .jianjie-l{width: 33.33%;}
.dj-jxd .jianjie-r{width: 66.66%;margin: -8px 0;}
.dj-jxd .jianjie-l .jianjie-img{margin-right: 15px;height: 610px;cursor: pointer;position: relative;}
.dj-jxd .jianjie-l .jianjie-img img{width: 112%;height: 112%;}
.dj-jxd .jianjie-r .jianjie-txt{margin-left: 52px;}
.dj-jxd .jianjie-r .jianjie-txt p{font-size: 18px;line-height: 52px;text-indent: 36px;text-align: justify;}
.dj-jxd .jianjie-l .img-bg{position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);top: 0;left: 0;z-index: 999;display: none;cursor: pointer;}
.dj-jxd .jianjie-l .img-bg p{text-align:center;display: flex;height: 100%;align-items: center;justify-content: center;}
.dj-jxd .jianjie-l .img-bg p img{width: 30px;height: 30px;}
.dj-jxd .jianjie-l .img-bg p span{color: #fff;font-size: 18px;line-height: 30px;margin-left: 10px;}

/* 图片全屏 */
.fullscreen-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.92);display: flex;justify-content: center;align-items: center;z-index: 1000;opacity: 0;visibility: hidden;transition: opacity 0.3s ease;}
.fullscreen-overlay.active {opacity: 1;visibility: visible;}
.fullscreen-content {position: relative;max-width: 90%;max-height: 90%;display: flex;justify-content: center;align-items: center;}
.fullscreen-image {max-width: 100%;max-height: 90vh;object-fit: contain;transform: scale(1);transition: transform 0.25s ease;}
.close-btn {position: absolute;top: 25px;right: 25px;font-size: 32px;color: white;background: rgba(0, 0, 0, 0.4);width: 50px;height: 50px;border-radius: 50%;cursor: pointer;z-index: 1001;transition: all 0.3s ease;line-height: 44px;text-align: center;}
.close-btn:hover {background: rgba(0, 0, 0, 0.6);transform: scale(1.1);}

/*  教育片 */
.dj-jyp .hf{margin-top: 30px;margin-bottom: 18px;width: 100%;}
.dj-jyp .hf img{width: 49.5%;height: 96px;}
.dj-jyp .hf img:hover{opacity: .8;}
.dj-jyp .tab_hd2 ul li a{padding: 0px 2px;}
.dj-jyp .tab_hd2 ul li i{width: 130px;}
.dj-jyp .jy-list ul li{margin-bottom: 0px;}
.dj-jyp .jy-list span{font-size: 18px;font-family: 'SourceHanSansCN-Regular';color: #999;font-weight: normal;}
.dj-jyp .tab_box:nth-child(3) .jy-list p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: unset;white-space: normal;}

@media only screen and (max-width: 1300px){
    .floor{width: 96%;}
    .dj-jyp .jy-list ul li{margin-bottom: 20px;}

    .jsk01-hf{height: auto;}
    .jsk01-hd ul{display:block;}
    .jsk01-hd ul li{padding: 0 20px;width:16.66%;text-align:center;box-sizing:border-box;}
    .jskbox{overflow-x: auto;}
    .jskbox table{min-width: 600px;margin-bottom: 0px;}
    .jskbox table .book-title{white-space: normal;}
}
@media only screen and (max-width: 1200px){
    .jsk-list ul li{width: 25%;} 
}
@media only screen and (max-width: 1000px){
    .jy-list ul li{width: 33.33%;}
    .dj-jxd .jy-list ul li .js-img{height:250px;}
}
@media only screen and (max-width: 800px){
    .jsk-list ul li{width: 235px;margin: 0 auto;float: none;margin-bottom: 15px;} 
    .jy-list ul li{width: 300px;margin: 0 auto;float: none;margin-bottom: 15px;} 

    .jsk01-hd ul li{width:33.33%;}
}
@media only screen and (max-width: 768px){
    .tab_hd2 ul li{padding: 10px 0;text-align: left;}
    .tab_hd2 ul li a{font-size: 18px;line-height: 26px;}

    .jy-list ul{margin: 0 auto !important;justify-content: space-between;}
    .jy-list ul li{width: 330px;width: calc(50% - 6px) !important;margin: 0px 0px 15px 0px;background: #f5f5f5;border-radius: 8px;padding-bottom: 8px;overflow: hidden;}
    .jy-list ul li .js-img{height: 180px;margin-bottom: 8px;}
    .jy-list ul li>a{margin: 0 auto !important;}
    .jy-list ul li>a p{font-size:14px;padding:0 5px;line-height: 24px;margin-bottom: 3px !important;}
    .jy-list ul li>a span{font-size:12px !important;}
    .dj-jyp .jy-list span{font-size:12px;}

    .jsk01-hd ul li{width:50%;}
    .dj-jxd .jianjie{display:block;}
    .dj-jxd .jianjie-l{width:80%;margin:0 auto;}
    .dj-jxd .jianjie-l .jianjie-img{height:auto;}
    .dj-jxd .jianjie-r{width:100%;}
    .dj-jxd .jianjie-r .jianjie-img{margin-right:0px;}
    .dj-jxd .jianjie-r .jianjie-txt{margin-left:0px;margin-top:20px;}
    .dj-jxd .jy-list ul li>a p, .dj-jxd .jy-list ul li>a span{padding: 0px 10px;}
    
}
@media only screen and (max-width: 520px){
    .dj-jxd .jy-list ul li .js-img{height: 210px;}
}
@media only screen and (max-width: 420px){
    .jy-list ul li{padding-bottom:3px;}
    .jy-list ul li .js-img{height: 140px;margin-bottom: 3px;}
    .dj-jxd .jy-list ul li .js-img{height:190px;}
}