.xbzy_banner {
    position: relative;
    min-height: 180px;
}

.jysDetail_content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
    height: 159px;
    border-radius: 8px;
    background-size: 100% 100%;
    margin-bottom: 20px;
    padding: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: rgba(184, 12, 5, 0.6)
}

.jysDetail_content img {
    width: 110px;
    height: 110px;
    border-radius: 50%;
}

.jysDetail_content_right {
    width: 1020px;
}

.jysDetail_content_right h3 {
    width: 100%;
    /* height: 24px; */
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    /* white-space: nowrap; */
    /* overflow: hidden;
    text-overflow: ellipsis; */
}

.jysDetail_content_text {
    width: 100%;
    height: 75px;
    line-height: 24px;
    margin-top: 10px;
    font-family: PingFang SC;
    font-size: 12px;
    color: #fff;
    /* text-align: justify; */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;

    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
}

.xbzy_sfkc {
    width: 100%;
    height: 472px;
    display: flex;
    justify-content: space-between;

}

.xbzy_sfkc_left {
    width: 590px;
    height: 472px;
    background-color: #fff;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #ECEEF4;
}

.xbzy_sfkc_left img {
    object-fit: cover;
    width: 590px;
    height: 332px;
}



.reouce_list_item_bottom_content {
    width: 100%;
    height: 58px;
    padding-top: 10px;
    /* border-top: 1px solid #ECEEF4; */
    margin: 0 auto;
    width: 570px;
    height:58px;
    font-size: 12px;
    line-height: 24px;
    color: #666666;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.xbzy_sfkc_right{
    width: 590px;
    height: 100%;
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.reouce_list_item2{
    width: 285px;
    height: 226px;
}
.reouce_list_item2 img{
width: 285px;
height: 160px;
}
.reouce_list_item_bottom{
    width: 100%;
    height: 66px;
}
.reouce_list_item2 .reouce_list_item_top{
    width: 100%;
    height: 160px;
}

.jys_szpx_box{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.jys_szpx_box_item{
    width: 386px;
    height: 100px;
    padding: 10px;
    background: #FFFFFF;
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
}
.jys_szpx_box_item img{
    width: 80px;
    height: 80px;
    
}
.jys_szpx_box_item_right{
    width: 276px;
    height: 100%;
    
    flex-direction: column;
    justify-content: space-between;
    padding: 8px 0 4px 0;
}
.jys_szpx_box_item_right h3{
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: #000000;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    margin-bottom: 5px;
}
.jys_szpx_box_item_right h3:hover{
    color: #CB272B;
}

.news_list_item_right_bottom {
  
    display: flex;
    justify-content: space-between;
}

.news_list_item_right_bottom span {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    color: #9E9E9E;
    display: flex;
    gap: 5px;
    align-items: center;

}

.news_list_item_right_bottom span img {
    width: 16px;
    height: 16px;

}
.fzzy_class{
    display: inline-block;
    height: 24px;
   
    line-height: 24px;
    border-radius: 6px;
    background: #FFEEEE;
    padding: 0 10px;
    font-size: 12px;
    color: #FF4C45;
    margin-bottom: 5px;
   
}



/* 教学案例 */

.jycgList {
    margin-top: 30px;
    width: 100%;
    display: flex;
    gap: 20px;
}

.jycgList_item {
    width: 387px;
    height:302px;
    border-radius: 8px;
    background-color: #fff;
}

.jycgList_item_top {
    width: 100%;
    height: 100px;
    border-radius: 6px 6px 0 0;
}

.content_list {
    margin-top: 20px;
    display: flex;
    width: 100%;
    height: 24px;
    line-height: 24px;
    font-family: PingFang SC;
    font-size: 14px;
    font-weight: 500;
    padding: 0 10px;
    

}
.content_list h3{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 230px;
    height: 24px;
    cursor: pointer;

}
.content_list h3:hover{
    color: #F94D47;
}

.content_list img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
}

.newcenter_content {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 30px;
    margin-bottom: 20px;
}

.newcenter_content_item {
    width: 387px;
    height: 384px;
    padding: 10px;
    background: linear-gradient(180deg, #FAF0EB 0%, #F1D0CC 100%);
    border-radius: 8px;
}

.newcenter_content_item h3 {
    width: 100%;
    height: 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #7A3C33;
}

.newcenter_content_item h3 img {
    width: 118px;
    height: 15px;
}

.newcenter_content_item:nth-child(2) {
    background: linear-gradient(180deg, #F9F3E4 0%, #F0E2BB 100%);
}

.newcenter_content_item:nth-child(3) {
    background:  linear-gradient(180deg, #F4F7FF 0%, #C4D6F1 100%);
}

.newcenter_content_item_news {
    width: 100%;
    height: 332px;
    background-color: #fff;
    border-radius: 8px;
    margin-top: 10px;
    padding: 10px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.news_list_item {
    width: 100%;
    height: 66px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.news_list_item img {
    width: 100px;
    height: 66px;
}

.news_list_item_right {
    width: 236px;
    height: 100%;
    padding: 10px 0px;
}

.news_list_item_right h3 {
    display: block;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    font-weight: 600;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    cursor: pointer;

}

.news_list_item_right h3:hover {
    color: #FF4C45;
}

.news_list_item_right_bottom {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
}

.news_list_item_right_bottom span {
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    color: #9E9E9E;
    display: flex;
    gap: 5px;
    align-items: center;

}

.news_list_item_right_bottom span img {
    width: 16px;
    height: 16px;

}