@media only screen and (max-width:1521px) {
    .school2 {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media only screen and (max-width:1400px) {
    .work1-1 h3 p, .work2-2 h3 p,.news1 h3 p,.school1 h3 p,.item .item1 h3 p{
        font-size: 26px;
        white-space: nowrap;
        top: 56px;
        left: 0;
        transform: translatex(0);
    }
}

@media only screen and (max-width:1400px) {

    .news .news2 .news2-1 {
        width: auto;
    }

    .news .news2 .news2-1-1 {
        width: 329px;
    }

    .news2-2 ul li {
        margin-left: 14px;
        width: 96%;
    }

    /* â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€” */
    .work2-2 h3::before,
    .work1-1 h3::before {
        font-size: 32px;
        line-height: 30px;
    }
}

@media only screen and (max-width:1240px) {
    

    /* â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€” */
    .news .news2 .news2-1-1 {
        width: 267px;
    }

    .px33 {
        margin-right: 14px;
    }

    .news2-2 .news221 {
        padding: 10px 0 9px 16px;
    }

    .news2-2 .news222 {
        padding: 10px 19px 14px 22px;
    }

    /* â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€” */
    .school2-2 a {
        padding: 22px 22px 26px 22px;
    }
}

@media only screen and (max-width:1140px) {
    .item222 {
        margin-top: 10px;
    }

    .item2-1 {
        margin-right: 11px;
    }

    /* ________________ */
   
}

@media only screen and (max-width:1024px) {
    .news212{
        padding: 15px;
    }
    .news2-2 .news222{
        padding: 10px;
    }
    .news2-2 .news221 p{
        font-size: 20px;
    }
    .news2-2 .news221 span{
        font-size: 16px;
    }
    .news2-2 ul li a{
        padding-left: 85px;
    }
    .workli>a{
        padding-left: 15px;
    }
    .work2-3{
        padding-right: 15px;
    }
    .redbg{
        padding-bottom: 0;
    }
}

@media only screen and (max-width:950px) {
   
    /* æ–°é—»åš¨æ€æ¨¡å—ï¼š */
    .workbg {
        margin-top: 10px;
    }

    .news1 {
    }

    .news .news2 .news2-1 {
        float: none;
        width: 100%;
        margin-bottom: 15px;
    }

    .news2 .news2-1 .news2-1-1 {
        width: 49%;
    }

    .news2 .news2-2 {
        width: 100%;
    }

    .news2 .news2-2 ul li {
        width: 99%;
        margin-left: 2px;
    }

    /* ________________ */
    .item2-1 {
        float: none;
        width: 100%;
        /* height: 400px; */
        margin-right: 0;
    }

    .item2-1 a {
        /* height: 400px; */
    }

    .item2-2 {
        float: none;
        width: 100%;
        margin-top: 10px;
    }

    .item2-3 {
        float: none;
        width: 100%;
        /* height: 400px; */
        margin-top: 10px;
    }

    .item2-3 a {
        /* height: 400px; */
    }

    .item221 a:nth-child(2),
    .item221 a:first-child {
        /* height: 300px; */
    }

    /* ________________ */
   
}

@media only screen and (max-width:822px) {

    .bannerrr .slick-dots {
        bottom: 10px;
    }

   
}

@media only screen and (max-width:777px) {
   
    .bannerrr .slick-dots li {
    width: 20px;
    height: 20px;
    }
}

@media only screen and (max-width:768px) {

    .school2-2 .slick-next,
    .school2-2 .slick-prev {
        width: 40px;
        height: 40px;
    }

    .school2-2 a {
        padding: 15px;
    }

    .school2-2 a p {
        font-size: 14px;
    }

    .school2-2 a h5 {
        font-size: 16px;
    }

    /* â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€” */
    
    /* â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€” */
    .news1 a {
        top: 40px;
    }

    .news1 h3 {
    }

    .news1 h3::before,
    .work2-2 h3::before,
    .work1-1 h3::before,
    .school1 h3:before,
    .item .item1 h3::before {
        content: '';
    }

    /* â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€” */
    .px33 {
        margin-bottom: 15px;
    }

    .news2 .news2-1 .news2-1-1 {
        width: 100%;
    }

    .item {
        margin-top: 25px;
    }

    /* â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€” */
    .work1,
    .work2 {
        float: none;
        width: 100%;
    }

    .work2-2 h3,
    .work1-1 h3 ,.item .item1 h3,.school1 h3,.news1 h3{
        padding-top: 36px;
        text-align: left;
        padding-bottom: 20px;
    }
    .news1 h3 p{
        left: 0;
        transform: translatex(0);
    }
    .work2-2 a, .work1-1 a,.item .item1 a {
        top: 40px;
    }

    /* â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€” */
    .school {
        height: 320px;
    }

    .school1 h3 {
        /* padding-top: 55px; */
        padding-bottom: 48px;
    }

    .school1 a {
        top: 40px;
    }
    .school2-2{
        padding: 0;
    }
    .school2{
        padding: 0 40px;
    }
    .school2-2 .slick-prev{
        left: -50px;
    }
    .school2-2 .slick-next{
        right: -50px;
    }
}

@media only screen and (max-width:659px) {
  
    .bannerrr .slick-dots li button {
    }

    .bannerrr .slick-dots {
    }

    /* â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€”â€” */
    .item .item1 h3,
    .school1 h3,
    .work2-2 h3,
    .work1-1 h3,
    .news1 h3 {
        font-size: 25px;
    }
    .work1-1 h3 p, .work2-2 h3 p,.news1 h3 p,.school1 h3 p,.item .item1 h3 p{
        top: 20px;
        font-size: 20px;
    }
}