.j-item{
    padding: 90px 0;
    background: url(/kjrk-..-css-..-images-jjy-setting.png.jpg) no-repeat bottom right;
        background-size: 80%;
}
.num1{
padding: 25px;
background: url(/kjrk-..-css-..-images-jjy-pic1.png.jpg)no-repeat;
background-size: 100% 100%;
display: flex;
justify-content: space-between;
/* box-shadow: 0 0 50px rgb(62 ,81, 110 ,26%); */
box-shadow: 0 0 10px rgb(62 ,81, 110,50% ); 
z-index: 1;
border-radius: 8px 8px 0 0;
}
.num1 .i-pic img{
    margin-top:27px ;
}
.num1 div img{
    margin: 0 auto;
    margin-top:15px ;
    padding: 0 10px;
}
.num1 .name{
    width: 300px;
    text-align: center;
    font-size: 36px;
    color: #fff;
    font-weight: bold;

}
.num2{
    padding: 50px 60px;
    background:#fff;
border-radius: 0 0 8px 8px;
    box-shadow:0 0 10px rgb(9 ,51, 102 ,20%);
    overflow:hidden;
}
.num2 #vsb_content{
    overflow-x:auto;
}
.num2 img{display:inline-block;}
.num2 table{
    margin:0 auto;
    width:1262px!important;
}
.num2 p{
    font-size: 20px;
    color: #333;
    //text-indent: 2em;
    line-height: 1.5 !important;
    //padding: 5px 0;
}
.num2 .end{
    text-align: right;
}

.kjrk-list{width:100%;}
.kjrk-list ul{margin-left:-0.2rem;margin-right:-0.2rem;}
.kjrk-list ul li{width: calc( 100% / 8 );height: 100%;}
.kjrk-list ul li a{display:block;width: 100%;padding:0.2rem;}
.kjrk-list ul li .item{text-align:center;width: 100%;height: 100%;}
.kjrk-list ul li .item .wr{width:100%;margin:0 auto;transition:.3s;height: 100%;}
.kjrk-list ul li .item .wr .i_box{width:100%;height: 1rem;display:flex;align-items:center;justify-content:center;border:1px dotted #4474c4;border-bottom:0;}
.kjrk-list ul li .item i{font-size: .5rem;color:#4474c4;}
.kjrk-list ul li .item i.icon-oa{width:0.5rem;height:0.5rem;background:url(/kjrk-..-css-..-images-img-oa.png.jpg) no-repeat center center;background-size:auto 0.46rem;}
.kjrk-list ul li .item i.icon-zc{width:0.5rem;height:0.5rem;background:url(/kjrk-..-css-..-images-img-zc.png.jpg) no-repeat center center;background-size:auto 0.46rem;}
.kjrk-list ul li .item i.icon-yzgz{width:0.5rem;height:0.5rem;background:url(/kjrk-..-css-..-images-img-yzgz.png.jpg) no-repeat center center;background-size:auto 0.46rem;}
.kjrk-list ul li .item i.icon-xygz{width:0.5rem;height:0.5rem;background:url(/kjrk-..-css-..-images-img-xygz.png.jpg) no-repeat center center;background-size:auto 0.46rem;}
.kjrk-list ul li .item i.icon-rczp{width:0.5rem;height:0.5rem;background:url(/kjrk-..-css-..-images-img-rczp.png.jpg) no-repeat center center;background-size:auto 0.46rem;}
.kjrk-list ul li .item h4 span{background:#4474c4;color:#fff;display:block;height:0.3rem;line-height:0.3rem;}
.kjrk-list ul li .item:hover h4 span{background:#4474c4}
.kjrk-list ul li .item:hover .wr{transform:translateY(-0.1rem)}


@media screen and (min-width:1280px) and (max-width:1919px){
    .j-item{
        padding: 4.6875vw 0;
    }
    .num1{
    padding: 1.302vw;
    background: url(/kjrk-..-css-..-images-jjy-pic1.png.jpg)no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    }
    .num1 .i-pic img{
        margin-top:1.40625vw;
    }
    .num1 div img{
        margin: 0 auto;
        margin-top:0.78125vw ;
        padding: 0 0.52vw;
    }
    .num1 .name{
        width: 15.625vw;
        text-align: center;
        font-size: 1.875vw;
        color: #fff;
        font-weight: bold;
    }
    .num2{
        position: relative;
        padding: 2.604vw 3.125vw;
        background:#fff ;
        box-shadow:0 0 0.52vw  rgb(9 ,51, 102 ,20%);
    }
    
    

    .num2 p{
        font-size:1.041vw;
        color: #333;
        //text-indent: 2em;
        //line-height:  1.875vw !important;
        //padding-bottom: 0.781vw;
    }
    .num2 .end{
        text-align: right;
    }
}
@media screen and (max-width:1280px){
.kjrk-list ul li{width:calc( 100% / 7 );}
}
@media screen and (max-width:1366px){
    .j-item{
        padding: 70px 0;
    }
    .num1{
    padding: 25px;
    background: url(/kjrk-..-css-..-images-jjy-pic1.png.jpg)no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    }
    .num1 .i-pic img{
        margin-top:27px ;
    }
    .num1 div img{
        margin: 0 auto;
        margin-top:15px ;
        padding: 0 10px;
    }
    .num1 .name{
        width: 300px;
        text-align: center;
        font-size: 36px;
        color: #fff;
        font-weight: bold;
    }
    .num2{
        position: relative;
        padding: 50px 60px;
        background:#fff ;
    box-shadow:0 0 10px rgb(9 ,51, 102 ,20%);
    }
    
    
   /* .num2::after{
        position: absolute;
        content: " ";
        bottom: -10px;
        left: -10px;
        background: url(/kjrk-..-css-..-images-jjy-setting.png.jpg)no-repeat;
        background-size: 100% 100%;
        width: 102%;
        height: 100%;
        z-index: -1;
    
    }*/
    .num2 p{
        font-size: 20px;
        color: #333;
        //text-indent: 2em;
        //line-height: 36px !important;
        //padding-bottom: 15px;
    }
    .num2 .end{
        text-align: right;
    }
}

@media screen and (max-width:1080px){
    .j-item{
        padding:60px 0;
    }
    .kjrk-list ul li{width:calc( 100% / 6 );}
    .num1{
    padding: 25px;
    background: url(/kjrk-..-css-..-images-jjy-pic1.png.jpg)no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    }
    .num1 .i-pic img{
        margin-top:20px ;
    }
    .num1 div img{
        margin: 0 auto;
        margin-top:15px ;
        padding: 0 10px;
    }
    .num1 .name{
        width: 300px;
        text-align: center;
        font-size: 28px;
        color: #fff;
        font-weight: bold;
    }
    .num2{
        position: relative;
        padding: 50px 60px;
        background:#fff ;
    box-shadow:0 0 10px rgb(9 ,51, 102 ,20%);
    }
    
    
   /* .num2::after{
        position: absolute;
        content: " ";
        bottom: -10px;
        left: -10px;
        background: url(/kjrk-..-css-..-images-jjy-setting.png.jpg)no-repeat;
        background-size: 100% 100%;
        width: 102%;
        height: 100%;
        z-index: -1;
    
    }*/
    .num2 p{
        font-size: 20px;
        color: #333;
        //text-indent: 2em;
        //line-height: 36px !important;
        //padding-bottom:15px;
    }
    .num2 .end{
        text-align: right;
    }
}
@media screen and (max-width:950px){
    .num2 table{
        width:700px!important;
    }
    .teacherlist .tealist{
        overflow-x:auto;
    }
}
@media screen and (max-width:920px){
.kjrk-list ul li{width:20%;}
}
@media screen and (max-width:768px){
.kjrk-list ul{margin-left:-0.15rem;margin-right:-0.15rem;}
 .kjrk-list ul li a{padding:0.15rem;}
    .j-item{
        padding: 50px 0;
    }
    .num1{
    padding: 15px;
    background: url(/kjrk-..-css-..-images-jjy-pic1.png.jpg)no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    }
    .num1 .i-pic img{
        margin-top:16px ;
    }
    .num1 div img{
        margin: 0 auto;
        margin-top:15px ;
        padding: 0 10px;
    }
    .num1 .name{
        width: 260px;
        text-align: center;
        font-size: 20px;
        color: #fff;
        font-weight: bold;
    }
    .num2{
        position: relative;
        padding: 30px 20px;
        background:#fff ;
    border-radius: 0 0  15px 15px;
    box-shadow:0 0 10px rgb(9 ,51, 102 ,20%);
    }
    
    
  /*  .num2::after{
        position: absolute;
        content: " ";
        bottom: -10px;
        left: -10px;
        background: url(/kjrk-..-css-..-images-jjy-setting.png.jpg)no-repeat;
        background-size: 100% 100%;
        width: 102%;
        height: 100%;
        z-index: -1;
    
    }*/
    .num2 p{
        font-size: 20px;
        color: #333;
        //text-indent: 2em;
        //line-height: 36px !important;
        //padding-bottom: 15px;
    }
    .num2 .end{
        text-align: right;
    }
}
@media screen and (max-width:620px){
.kjrk-list ul li{width:25%;}
}
@media screen and (max-width:560px){

.num1{padding:15px 0px;}
.titico{display:none;}
.num1 .name{font-size:18px;padding:0 10px;}
}
@media screen and (max-width:500px){
.kjrk-list ul li{width:33.3333%;}
}
@media screen and (max-width:480px){
    .j-item{
        padding: 30px 0;
    }
    .num1{
    padding: 15px;
    background: url(/kjrk-..-css-..-images-jjy-pic1.png.jpg)no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    }
    .num1 .i-pic img{
        margin-top:12px ;
    }
    .num1 div img{
        margin: 0 auto;
        margin-top:15px ;
        padding: 0 5px;
    }
    .num1 .name{
        width: 400px;
        text-align: center;
        font-size: 16px;
        color: #fff;
        font-weight: bold;
    }
    .num2{
        position: relative;
        padding: 30px 20px;
        background:#fff ;
    border-radius: 0 0 15px 15px;
    box-shadow:0 0 10px rgb(9 ,51, 102 ,20%);
    }
}
@media screen and (max-width:400px){
.num1 .name{font-size: 14px;padding: 0;}
.kjrk-list ul li{width:50%;}
}
.teacherlist{width: 100%;border: 1px #c1c1c1 solid;border-radius: 10px;margin-top: .6rem;}
.teacherlist .teatitle{width:1.47rem;background-repeat: no-repeat;background-size: cover;background-position: center;display: flex;justify-content: center;align-items: center;min-height: 3.63rem;border-radius: 3px 0 0 3px;}
.teacherlist .teatitle p{color: #fff;font-size: .24rem;width: .3rem;text-indent: 0em;}
.teacherlist .tealist{width: calc(100% - 1.47rem);padding: .3rem .3rem .3rem .6rem;}
.tealist table{color: #333;height: 3rem;overflow-y: auto;display: block;width: 100%;}
.num2 .tealist table{width:100%!important;}
.tealist table::-webkit-scrollbar{background: #c1c1c1;width: 3px;}
.tealist table::-webkit-scrollbar-thumb{background: #063e7d;width: 5px;}
.tealist table thead{font-size: .2rem;line-height: .6rem;width: 98%;display: block;}
.tealist table thead tr{width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.tealist table thead th:nth-child(1){width: 10%;text-align: center;display: block;}
.tealist table thead th:nth-child(2){width: 20%;text-align: center;display: block;}
.tealist table thead th:nth-child(3){width: 70%;text-align: left;padding-left: .3rem;display: block;}
.tealist table tbody{width: 98%;display: block;}
.tealist table tbody tr{border-bottom: 1px #c1c1c1 dashed;width: 100%;display: flex;justify-content: flex-start;align-items: center;}
.tealist table tbody td{line-height: .3rem;padding: .1rem .05rem;display: block;}
.tealist table tbody td:nth-child(1){width: 10%;text-align: center;}
.tealist table tbody td:nth-child(2){width: 20%;text-align: center;}
.tealist table tbody td:nth-child(3){width: 70%;text-align: left;padding-left: .3rem!important;}
.teacherlist .teatitle.titleblu{background-image: url(/kjrk-..-css-..-images-titleblu.png.jpg);}
.teacherlist .teatitle.titlered{background-image: url(/kjrk-..-css-..-images-titlered.png.jpg);}
@media screen and (max-width:950px){
.tealist table thead th:nth-child(1){width: 25%;}
.tealist table thead th:nth-child(2){width: 25%;}
.tealist table thead th:nth-child(3){width: 50%;}
.tealist table tbody td:nth-child(1){width: 25%;}
.tealist table tbody td:nth-child(2){width: 25%;}
.tealist table tbody td:nth-child(3){width: 50%;}
    .teacherlist .tealist{
        overflow-x:auto;
    }
}
@media screen and (max-width:640px) {
    .teacherlist .teatitle{width: 100%;min-height: 1.5rem;text-align: center;border-radius: 10px 10px 0 0;}
    .teacherlist .teatitle p{width: 100%;padding: 0;}
    .teacherlist .tealist{width: 100%;}
    .teacherlist .tealist{padding: .3rem;}
    .tealist table thead th:nth-child(3){padding-left: .15rem;}
    .tealist table tbody td:nth-child(3){padding-left: .15rem!important;}
    .teacherlist .teatitle.titleblu{background-image: url(/kjrk-..-css-..-images-titleblu02.png.jpg);}
    .teacherlist .teatitle.titlered{background-image: url(/kjrk-..-css-..-images-titlered02.png.jpg);}
}