@media screen and (max-width:1780px){
    .company-box .company-num ul {
        padding-top: 50px;
    }
}

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


}

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

}

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


}

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

@media screen and (max-width:1366px){
    .company-box .company-num {
        width: 80%;
    }
    .company-box .company-jj {
        width: 80%;
    }
    .company-box .company_img {
        width: 80%;
    }
    .honor-box .honor {
        width: 80%;
    }
    .course-box .course {
        width: 80%;
    }
    .branches-box .branches {
        width: 80%;
    }
    .social {
        width: 80%;
    }
    .branches-box .branches {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .social .social-content .social-content-left .social-img {
        width: 100%;
        height: 301px;
    }
}

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

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

}

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

}

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

}

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

}

@media screen and (max-width:1024px){
    .company-box .company-num {
        width: 95%;
    }
    .company-box .company-jj {
        width: 95%;
    }
    .company-box .company_img {
        width: 95%;
    }
    .honor-box .honor {
        width: 95%;
    }
    .course-box .course {
        width: 95%;
    }
    .branches-box .branches {
        width: 95%;
    }
    .social {
        width: 95%;
    }
    .company-box .company-num ul li div h1 {
        font-size: 30px;
    }
    .company-box .company-num ul li div span {
        font-size: 30px;
    }
    .company-box .company-num ul li p {
        font-size: 17px;
    }
    .company-box .company-num ul {
        padding-top: 0;
        align-items: center;
    }
    .branches-box .branches .branches-content {
        margin-top: 28px;
    }
    .branches-box .branches .branches-content ul li div:nth-child(1) {
        font-size: 35px;
    }
    .social .social-content .social-content-left .social-img {
        width: 100%;
        height: 269px;
    }
    .social .social-content .social-content-right ul li {
        margin-top: 35px;
    }
    .course-box .course .course-swiper .course-button-next {
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 999;
    }
    .course-box .course .course-swiper .course-button-prev {
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: 999;
    }
}

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

}

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

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

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

@media screen and (max-width:768px){
    .company-box .company-num {
        height: 180px;
    }
    .company-box .company-num ul li div h1 {
        font-size: 25px;
    }
    .company-box .company-num ul li p {
        font-size: 15px;
    }
    .branches-box .branches .branches-content {
        flex-direction: row;
    }
    .branches-box .branches .branches-content ul {
        width: 80%;
    }
    .honor-box .honor .honor-bd .honor-ul .honor-container {
        width: 50%;
    }
    .honor-box .honor .honor-bd .honor-ul .ihonor-container{
        width: 50%;
    }
    .course-box .course .course-swiper .course-button-next {
        top: 50%;
        right: 0;
        transform: translateY(-50%);
        z-index: 999;
    }
    .course-box .course .course-swiper .course-button-prev {
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        z-index: 999;
    }
    .social .social-content .social-content-left .social-img {
        height: 199px;
    }
    .social .social-content .social-content-right ul li a h1 {
        font-size: 20px;
    }
    .social .social-content .social-content-right ul li {
        margin-top: 20px;
    }
    .branches-box {
        background-size: auto;
        background: #e9f3fc;
    }
    .branches_img {
        display: block;
    }
    .social .social-content .social-content-left .social-text {
        height: 300px;
    }
}

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

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

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

}

@media screen and (max-width:486px){
    .company-box .company-num ul li div {
        align-items: center;
        height: 48px;
    }
    .company-num {
       flex-direction: column;
    }
    .company-box .company-num ul {
        width: 100%;
    }
    .company-box .company-num ul li {
        align-items: self-end;
    }
    .company-box .company-num ul li:after {
        width: 0!important;
    }
    .company-box .company-num ul li p {
        font-size: 13px;
    }
    .company-box .company-jj {
        padding-left: 0;
    }
    .company-box .company_img {
        flex-wrap: wrap;
        margin: 40px auto 0;
    }
    .company-box .company_img img {
        width: 100%;
        height: auto;
        margin-bottom: 20px;
    }
    .honor-box .honor .honor-bd .honor-ul .honor-container {
        width: 70%;
    }
    .honor-box .honor .honor-bd .honor-ul .ihonor-container{
        width: 70%;
    }
    .company-box {
        padding: 40px 0 81px;
    }

    .course-container {
        width: 70%;
    }
    .course-box .course .course-swiper .course-slide > div {
        width: 161px;
    }
    .course-box .course .course-swiper .course-slide > div .course-img {
        width: 137px;
        height: 91px;
    }
    .course-box .course .course-swiper .course-slide {
        padding-left: 35px;
    }
    .course-box .course .course-swiper .course-button-next {
        top: 50%;
        right: 0;
        transform: translateY(-50%);
    }
    .course-box .course .course-swiper .course-button-prev {
        top: 50%;
        left: 0;
        transform: translateY(-50%);
    }
    .branches-box .branches .branches-content ul {
        padding-left: 20px;
    }
    .social .social-content {
        flex-wrap: wrap;
    }
    .social .social-content .social-content-left {
        flex: none;
        width: 100%;
    }
    .social .social-content .social-content-right {
        flex: none;
        width: 100%;
        padding-bottom: 20px;
    }
    .social {
        padding: 75px 0 48px 0;
    }

}

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

}

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