@media screen and (max-width: 1919px) {

    .slickNews,
    #partyBuildingAndStudentGroupArea,
    #talentAndExchangeArea,
    #headerContext {
    }

    #newsBar {
    }

    #news {
    }
}

@media screen and (max-width: 1500px) {
    #teacherWindowPageBox {
        margin-top: 0;
        width: 100%;
    }

    .teacherContext {
    }

    .slickTeacher {
        width: 50%;
    }

    .slickTeacher .slick-son img {
        width: 100%;
    }

    #teacher,
    #teacherContext {
        height: auto;
    }

    #generalTxt>:nth-child(3) {
    }

    .w1400{
    width: 90% !important;
}
    #generalContext,
    #teacherContext {
    }

    #generalContext>:nth-child(1) {
        background-repeat: no-repeat;
        width: 44%;
    }

    #generalContext>:nth-child(2) {
        width: 43%;
    }
}

@media screen and (max-width: 1450px) {
    #slickText {
    }

    .slick .slick-dots {
        margin-top: -80px;
    }

    #newContext,
    #partyBuildingAndStudentGroupArea,
    #talentAndExchangeArea {
    }

    #noticeContext {
        /* width: 96%; */
    }

    #noticeContext>li {
        width: 33.33%;
    }

    #news {
    }
}

@media screen and (max-width:1424px) {
    #exchangeUl>li>p:last-child {
        width: 90%;
    }
.footer{]margin-top: 0px;margin-top: 0 !important;}
    #footer {
        margin-top: -400px;
    }

    #exchange {
    }

    #talentAndExchange,
    #talentAndExchangeArea {
        height: auto;
    }

    #exchangeContext {
        text-align: left;
    }

    #exchangeContext img,
    .slickTalent img {
        /* width: 100% !important; */
        /* height: calc(95vw/16*7) !important; */
        height: auto;
    }

    #talent,
    #exchange,
    #talentTitle,
    #exchangeTitle {
        /* width: 100%; */
    }

    #dynamicContext>div>div>p {
    }

    #dynamic,
    #dynamicContext {
    }

    #dynamicContext div>span {
        display: inline-block;
        position: relative;
        top: -20px;
    }

    .dynamicBarPActive::before {
        margin-left: 145px;
        top: 85px;
        width: 4px;
        transform: rotate(90deg);display:none
    }

    #dynamicContext>:nth-child(1) {
    }

    #dynamicContext>div {
    }

    #dynamicContext>div>div {
    }
}

@media screen and (max-width: 1400px) {
    #newContext {
    }

    #newContext {
        overflow: hidden;
    }

    #news {
    padding: 60px 0;
    }
}

@media screen and (max-width:1384px) {
    #studentGroupContext {
        /* padding-right: 15px; */
        /* height: 256px; */
    }

    .slickStudy .slick-dots {
    }

    #studentGroupContext>ul {
        /* width: 58%; */
        /* margin-right: 20px; */
        /* margin-top: -260px; */
        /* float: right; */
    }

    #studentGroupTitle {
        width: 100%;
    }

    #partyBuildingTitle {
        width: 100%;
    }

    #menu {
        display: inline-block;
    }

    #headerContext input {
        display: none;
    }

    #searchBtn {
        right: 0;
    }

    #select,
    #selectItem {
        /* display: none; */
    }
    #select>li{
    padding: 0 35px;
}
#navigation{
     display: none;
}
    #chart {
        margin-top: 0;
    }

    #partyBuildingAndStudentGroup {
        height: auto;
    }

    #partyBuildingHeadlines {
    }

    #partyBuilding,
    #studentGroup {
        /* width: 100%; */
    }
}

@media screen and (max-width: 1350px) {
     #selectItem {
        /* display: none; */
    }
    #select>li{
    padding: 0 34px;
    }
    #select>:first-child {
    margin-left: 55px;
}
    
    #newsUl>li>:nth-child(3) {
        margin-top: -26px;
    }

    

    .blockTitle>:nth-child(4) {
        right: 100px;
    }

    #general {
        margin-top: 50px;
    }

    #noticeContext>li {
        width: 50%;
    }

    #noticeContext>li:nth-child(odd) {
        border-right: 1px solid #dedede;
    }

    #noticeContext>:nth-child(-n+3) {
    }

    #noticeContext>:nth-child(-n+4) {
    }

    #noticeContext>:nth-child(2),
    #noticeContext>:nth-child(4) {
        border-right: none;
    }

    #notice,
    #noticeContext {
        height: auto;
        margin-bottom: 30px;
    }
#notice {
   
    padding-bottom: 0px;
}
    .slick .slick-dots {
        margin-top: -140px;
    }

    .slickNews,
    #newsBar {
        width: 68%;
    }

    #newContext {
    }

    #news {
        height: auto;
    }
#dynamicContext li img{
    height: auto;
    min-height: 300px;
}
    #newsBar {
        width: 32%;
    }

    #newsBarTitle,
    #newsBar>p {
    }

    #newsUl {
        margin-top: 20px;
    }

    @keyframes newsItemActive {
        0% {
            z-index: 1;
            position: relative;
            left: 0px;
            background: #F7FAFF;
            color: black;
            transform: scale(1);
            height: 100px;
        }

        100% {
            z-index: 2;
            height: 100px;
            position: relative;
            transform: scale(1.05);
            color: white;
            right: -2px;
            background-size: cover;
            background-repeat: no-repeat;
            background-image: url('../images/newsBarLogo.png');
        }
    }

    @keyframes newsItemUnActive {
        0% {
            z-index: 2;
            height: 100px;
            position: relative;
            left: -16px;
            transform: scale(1.05);
            color: white;
            right: -2px;
            background: rgb(13, 84, 150);
        }

        100% {
            z-index: 1;
            position: relative;
            left: 0px;
            background: #F7FAFF;
            color: black;
            transform: scale(1);
            height: 100px;
        }
    }

}

@media screen and (max-width: 1300px) {
    #newContext {
    }

    #studentGroupContext>ul {
        /* width: 55%; */
        padding: 20px 30px 25px;
    }
    .slickNews .slick-son img{height: 550px;}
    #newsUl>li{
    min-height: 92px;
    padding: 10px 25px;
}
    #newsUl>li>:nth-child(2) {
    font-size: 15px;
    }
}

@media screen and (max-width: 1250px) {
    #selectItem {
        /* display: none; */
    }
    #select>li{
    padding: 0 28px;
    }
    .slick .slick-dots {
        margin-top: -180px;
    }

    #slickText {
    }

    #news {
    }
}

@media screen and (max-width:1220px) {
    #studentGroupContext>ul {
    }
}

@media screen and (max-width: 1200px) {
    #select {
        display: none;
    }
    #select>li{
    padding: 0 28px;
    }
    .slickTeacher,.teacher_right{
    float: none;
    width: 100%;
    position: relative;
}
    .teacherContext{
    padding: 40px;
}
    #talent, #exchange, #talentTitle, #exchangeTitle{
    width: 100%;
    float: none;
}
    #exchangeTitle{
    margin-top: 20px;
}
    #exchange{
    margin-top: 20px;
}
#teacherWindowPageBox{position: relative;}
    .teacherContext_inner a{position: relative;display: block;bottom: 0;margin: 30px auto 10px;width: 140px;padding: 14px 0;left: 0;transform: none;}
}

@media screen and (max-width:1184px) {

    #teacher {
        text-align: center;
    }

    #teacherContext {
        /* display: inline-block; */
        /* transform: scale(0.9); */
        /* width: 995px; */
    }

    #dynamic {
        height: auto;
    }

    #dynamicContext {
        width: 100%;
        height: auto;
        margin: 0 auto;
        /* margin-top: 290px; */
        /* transform: scale(1.5); */
    }
    #partyBuilding{width:100%}
    #studentGroup{width:100%;margin-top: 40px;}
    #studentGroupContext img{
    height: auto;
    height: auto;
}
    #studentGroupContext{
    height: auto;
    padding: 0;
}
    #partyBuildingHeadlines{
    width: calc(100% - 370px);
}
    #partyBuildingContext ul>li>span:first-child{
    width: 90%;
}
.dynamicImgBox{
    width: 100% !important;
    margin: 0 !important;
}
   .dynamicImgBox .active{
         width: 100%;
         flex-wrap: wrap;
   }
    .dynamicImgBox .active li{
         width: 100%;
         padding: 0;
         margin-bottom:30px;
   }

    #dynamicContext li>img {
   
width: 100%;
   
height: auto;
}
    #dynamicContext>:nth-child(1),
    #dynamicContext>div>div {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    border: none;
    padding: 15px 10px;
    }
    #dynamicContext>div>div>*{
    flex:1;
    position: relative;
    bottom: 0;
}
    #dynamicContext div>a{
}
    .dynamicBarPActive:after{
    width: 100%;
    height: 2px;
    bottom: -1px;
    top: auto;
    left: 0;
}
    #dynamicContext>div{
    padding: 20px;
}

    .dynamicBarPActive::before {
        margin-left: 145px;
        top: 85px;
        width: 4px;
        transform: rotate(90deg);
    }

    .dynamicBarPActive::before {
        margin-left: 68px;
    }
}

@media screen and (max-width: 1150px) {
    #generalTxt>:nth-child(1) {
        margin-top: 30px;
    }

    #generalContext>:nth-child(1) {
    }

    #generalTxt>:nth-child(3) {
        width: 100%;
        float: right;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 15px;
        font-size: 16px;
    }

    #generalTxt>:last-child {
        margin-top: 40px;
    }

    #generalContext>:nth-child(2) {
        background: white;
        width: 40%;
        padding: 0px 0 80px;
    }

    #general {
    }

    #generalContext {
    padding-bottom: 0px;
    }

    #news {
    }

    #newContext {
    }

    .slick .slick-dots {
        margin-top: -220px;
    }

    #slickText {
        margin-top: -400px;
    }
}

@media screen and (max-width: 1100px) {
    .studentGroupContext {
        margin-top: 10px;
    }

    #studentGroupContext>ul {
    }

    #newContext {
    }

    #newsBarTitle,
    #newsBar>p {
    }

    .slick .slick-dots {
        margin-top: -280px;
    }
    #newsBar{
    }
}

@media screen and (max-width: 1090px) {
    .wrap{}
    .slickNews,
    #newsBar {
        width: 100%;
    }
    .slickNews .slick-son img{
    height: 580px;
}
 #newsUl>li{
    min-height: auto;
    padding: 15px 20px;
}
    #newsUl>li> a{min-height: auto;}
    .slick .slick-dots {
        margin-top: -320px;
    }
    #news {
    padding: 40px 0;
}
    #notice {
    margin: 40px 0 30px;
}
    #general{
    margin: 0;
    padding: 40px 0;
}
    #noticeContext>li{width:100%;min-height: auto;border: none !important;border-bottom: 1px solid #DEDEDE !important;}
    #noticeContext>li a{width:100%;padding: 30px;}
    #dynamic{
    padding-bottom: 40px;
}
    #partyBuildingAndStudentGroup{
    padding: 20px 0;
}
}

@media screen and (max-width: 1050px) {
    #partyBuildingHeadlines {
    }

    #newContext {
    }

    #header {
        height: 80px;
    }

    #headerContext {
        line-height: 80px;
        padding-top: 0;
    }

    #searchBtn {
        margin-left: -20px;
    }

    #headerContext>img:nth-child(1) {
        width: 470px;
    }
}

@media screen and (max-width: 1000px) {

    .slickTeacher{
    display: flex;
    justify-content: space-between;
    margin: 0;
}
    .slickTeacher .slick-son{width: 48%;margin: 0;margin-bottom: 30px;}
    
    #teacherWindowPageBox {
        /* margin-top: 50px; */
    }
 #generalContext {
    padding-bottom: 30px;
    }
    #teacherContext {
    margin-top: 0;
    }

    .teacherContext {
        margin-top: 0px;
        width: 100%;
        padding: 35px;
    }

    .slickTeacher,
    .slickTeacher .slick-son img {
        width: 100% !important;
        height: auto !important;
        object-fit: cover;
    }
.teacherContextTitle {
  
margin-top: 0;
}
  
#studentGroupContext .img-fluid {
        height: calc(94vw/16*8);
    }

    .slickStudy,
    .slickStudy .slick-son,
    .slickStudy .slick-son>img {
        width: 100%;
    }

    .slickStudy .slick-dots {
    }

    #studentGroupContext {
        padding-right: 0;
    }

    #teacher {
        /* margin-top: 50px; */
    }
    
    #studentGroupContext>ul {
    }

    #newsBar {
        /* margin-top: -30px; */
    }
    #generalContext>:nth-child(1){
    width: 100%;
    height: 400px;
    background-size: cover;
    position: relative;
}
    #generalContext>:nth-child(2){
    width: 100%;
    float: none;
    margin: 0;
    padding: 20px 50px 50px;
    height: auto;
}
    #generalContext>:nth-child(2) p{
    float: none;
    margin-top: 0;
    margin-bottom: 10px;
}
    #generalTxt a{
    position: relative;
    margin-top: 20px;
    font-size: 14px;
}
}



@media screen and (max-width: 900px) {
    #dynamicContext {
        /* height: 1300px; */
        /* margin-top: 140px; */
        /* transform: scale(1.3); */
    }
#partyBuilding{
     margin-top: 35px;
}
    .blockTitle>:nth-child(4) {
        right: 0;
        margin-top: 2px;
    }

    #noticeContext {
        width: 100%;
        text-align: center;
        display: block;
        margin-bottom: 0;
    }
    #noticeContext li{box-shadow: 0px 0px 0 #dadada;}
    #noticeContext>li {
        text-align: left;
        display: inline-block;
        width: 100%;
    }

    #noticeContext>li {
        border: none !important;
        border-bottom: 1px solid #dedede !important;
    }

    #noticeContext>li:last-child {
        border: none !important;
    }

    #newsBar {
        /* margin-top: -80px; */
    }

    #news {
    padding-top: 50px;
    }

   
    .slickNews .slick-son img{
    height: 530px;
}
}

@media screen and (max-width: 875px) {}

@media screen and (max-width: 850px) {
    #partyBuildingHeadlines {
    }

    .slick .slick-dots {
        margin-top: -410px;
    }
}


@media screen and (max-width: 800px) {
    #slickTalentTxt{
    padding: 10px 20px 20px;
}
    .banner .slick-arrow{display:none}
    .blockTitle span{font-size: 21px;}
    .blockTitle span em{
    font-size: 13px;
}
    .blockTitle a{}
    #newsBarTitle{font-size: 24px;margin: 25px 15px 0;}
    #newsUl{
    margin-top: 0px;
}
    #newsBarTitle a{margin-top: 3px;font-size: 14px;}
    .blockTitle> a{font-size: 14px;bottom: 2px;}
    .blockTitle>:nth-child(4){margin-top: 3px;font-size: 14px;}
    #news{}
    .blockTitle{font-size: 20px;}
    .blockTitle span:after{margin: 15px 0;}
    #noticeContext>li a{padding: 20px;}
    .noticeBlockTitle{
    font-size: 16px;
}
    .noticeBlockText{
    margin-top: 5px;
}
    .noticeBlockText p{
    font-size: 13px;
    line-height: 22px;
    -webkit-line-clamp: 3;
    height: 65px;
}
    .noticeBlockTime{
    font-size: 14px;
    margin-bottom: 5px;
}
    .slickNews .slick-son img{
    height: 410px;
}
    .slickNews .titbox{
    padding: 10px;
    width: 100%;
}
    .slickNews .titbox p.slickNewsContext{
    font-size: 15px;
    margin-top: 0px;
}
    .slickNews .titbox p{font-size: 0;height: 15px;}
    #newsUl>li>:nth-child(2){font-size: 15px;}
    #footer {
        height: auto;
    }

    #icp {
        display: none;
    }

    #icp2 {
        display: inline-block;
    }

    #footerContext {
        width: 90%;
    }

    #studentGroupContext {
    }

    #newsBar {
        /* margin-top: -120px; */
    }

    .slick .slick-dots {
        margin-top: -460px;
    }

    #slickText {
        margin-top: -250px;
        font-size: 14px;
    }
    #general{
    padding: 30px 0;
}
    #generalContext>:nth-child(1){height: 370px;}
    #generalContext>:nth-child(2){padding: 0px 20px 10px;}
    #generalTxt>:nth-child(1){}
    #generalContext>:nth-child(2) p{
    margin-top: 15px;
    line-height: 28px;
    font-size: 15px;
}
    #generalContext>:nth-child(2) p.tit{
    width: 145px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 15px;
    margin-top: 15px;}
    #dynamicContext li img{    min-height: auto;}
    #dynamic{padding: 30px 0;}
    #dynamicContext>:nth-child(1){padding-bottom:0}
    #dynamicContext div div p{font-size:13px;padding: 15px 0;border-bottom: 1px solid #CCCCCC;}
    #dynamicContext div div p span{}
    #dynamicContext div div p span img{}
    #dynamicContext div>a{
    width: 30px;
    /* position: absolute; */
}
    .dynamicImgBox .active li{    margin-bottom: 15px;}
    .dynamicTxtTitle{font-size: 16px;margin-top: 10px;}
    .dynamicTxt{font-size: 14px;line-height: 22px;padding-top: 10px;}
    #partyBuildingContext img{    width: 50%;}
    #partyBuildingHeadlines{width: 42%;margin: 17px 12px;}
    #partyBuildingHeadlines>p:first-child{    font-size: 13px;}
    #partyBuildingHeadlines>p:nth-child(2){    margin-top: 5px;    line-height: 24px;
    font-size: 16px;    height: 76px;}
    #partyBuildingHeadlines>p:nth-child(3){    display: none;}
    #partyBuildingContext ul{margin-top:0}
    #partyBuildingContext ul>li{
    height: 55px;
    line-height: 55px;
    overflow: hidden;
}
    #partyBuildingContext ul>li a{
    overflow: hidden;
    display: block;
}
    #partyBuildingContext ul>li a span:first-child{
    width: 75%;
    overflow: hidden;
    font-size: 16px;
    font-weight: normal;
}
     #partyBuildingContext ul>li a span{}
    #studentGroup{
    margin-top: 30px;
}
    #studentGroupContext>ul{
    padding: 20px 15px 15px;
}
    .studentGroupTitle{
    font-size: 16px;
    line-height: 24px;
    height: 50px;
}
    .studentGroupContext{
    font-size: 14px;
    line-height: 22px;
    height: 40px;}
    #teacher{
    padding: 25px 0 0;
    margin-top: 5px;
}
    .slickTeacher{display: flex;flex-wrap: wrap;margin: 0;}
.slickTeacher .slick-son{width: 100%;margin: 0 0 15px 0;padding: 15px;}
.slickTeacher .slick-son:hover{background: #1c6eba;background-size: cover;}
.slickTeacher .slick-son a{box-sizing: border-box;display: flex;align-items: center;}
.slickTeacher .slick-son > *{transition:.3s}
.slickTeacher .slick-son:hover > *{color: #FFF !important; }
.slickTeacher .slick-son:hover > a *{color: #FFF !important; }
.slickTeacher .slick-son a .s-date{font-family: Georgia;font-size: 14px;color: #1488c6;text-align: center;font-weight: bold;}
.slickTeacher .slick-son a .s-date em{font-size: 20px;margin-bottom: 3px;}
.slickTeacher .slick-son a .s-tit{font-size: 15px;line-height: 1.6;font-weight: bold;margin-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;text-align: left;}

    .teacherContext{
    padding: 20px;
}
    .teacherContextTitle{font-size:16px}
    .teacherContextTxt{font-size: 14px;-webkit-line-clamp: 3;line-height: 22px;margin-top: 10px;}
    .teacherContext_inner a{
    font-size: 14px;
    width: 120px;
    padding: 11px 0;
}
    #talentAndExchange{
    padding: 25px 0;
}
    .talentPage>span{
    font-size: 16px;}
    .slickTalentTxtTitle{font-size:16px;margin-top: 25px;}
    .slickTalentTxtP{font-size: 14px;line-height: 22px;height: 44px;}
    #exchangeUl{
    padding: 0px 20px 30px 20px;
}
    #exchangeUl>li{    padding: 15px 0;}
    #exchangeUl li p{font-size:15px;}
    #exchangeUl li .date{
    font-size: 14px;
}
    #exchangeUl li .date em{
    font-size: 17px;
}
}

@media screen and (max-width: 760px) {
    .w1400 {
    width: 95% !important;
}
    
}

@media screen and (max-width: 750px) {
    #teacherWindowPageBox {
    }
#partyBuilding {
        margin-top: 0px;
    }
    #studentGroupContext {
    }

    #dynamicContext {
    }

    #newsBar {
        /* margin-top: -150px; */
    }

    #news {
    padding: 25px 0;
    }
    #notice{
    margin: 25px 0 15px;
    padding: 0px 0 0px;
    }

    .slick .slick-dots {
        margin-top: -500px;
    }

    #slickText {
        margin-top: -200px;
        font-size: 12px;
    }
        
}

@media screen and (max-width:650px) {
    .slickNews .slick-son img{
    height: 410px;
}
}

@media screen and (max-width: 450px) {

        .slickNews .slick-son img{
    height: 230px;
}
    #generalContext>:nth-child(1){
    height: 200px;
}
}