@media (-webkit-min-device-pixel-ratio: 1.25) {
    .layout-main {
        zoom: 0.796875;
    }
}


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

    :root{
        --fz18: 16px;
        --fz20: 16px;
        --fz24: 18px;
        --fz28: 20px;
    }
    .head .nva>li>a {
        padding: 0
    }
    .head .nva>li .drapdown {
        position: absolute;
        top: 40px;
    }
    
    header{position: relative}
    header .search{display: none}
    header .head nav{position: absolute;top: 0;left: 0;width: 100%;display: none;flex-direction: column;z-index: 50;background-color: #fff;height: 100vh;justify-content: unset;}
    header .head nav.active{display: flex}
    header .head nav li{text-align: center;line-height:38px;border-bottom: 1px dashed #CF3F39}
    .main_width{width: 95%;margin: 0 auto;transition: all .5s}
    .head .logo img{max-width: 80%}
    .m_nav{display: flex;flex-direction: column;width: 40px;height: 30px;justify-content: space-between;cursor: pointer;position: relative;z-index: 60}
    .m_nav span{width: 40px;height: 2px;background-color: #3b3939;}
    .index_title .inner>img{height: 20px;}

    .index_bg .mid_nav{top: 35%}
    .index_bg .mid_nav .banner_prev, .index_bg .mid_nav .banner_next{width: 30px;height: 30px;}
    .index_bg .bot_nav .inner{flex-wrap: wrap}

    .index_bg .bot_nav .list{width: 25%;}
    .index_bg .bot_nav .list img{width: 18px;height: 18px;}
    .index_bg .bot_nav .list .final{padding: 1px 0;align-items: center}
    .index_bg .bot_nav .list p{
        font-size: 10px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    
    .index_2{padding: 20px 0 0}
    .index_2 .top,.index_2 .college{flex-direction: column}
    .index_2 .left,.index_2 .college .img,.index_2 .college .news, .index_2 .right
    {width: 100%;}
    .index_2 .left .p_img img{height: 20px;}
    .index_2 .right{margin-left: unset;padding: 20px 0}
    .index_2 .right .list{margin-top: unset;}
    .index_2 .right .list>a{margin-top: 15px;}

    .index_2 .bottom{display: none}
    .index_4 .list{display: flex;flex-direction: column;grid-row-gap: 35px;width: 96%;margin: 20px auto 0}
    .index_4 .list .final{box-shadow: 0 10px 10px rgba(0,0,0,.2)}
    .index_4 .list .final .text{padding: 8px 8px 8px 0}
    .index_4 .list .text span{font-size: var(--fz12);}
    .index_4 .bottom_line{padding-bottom: 20px;}
    .index_5 .list{flex-wrap: wrap}
    .index_5 .list a{width: 100%;}
    .index_5 .list a:not(:first-of-type){margin-top: 50px;}

    .index_6 .list{flex-wrap: wrap}
    .index_6 .list a{width: 100%;}
    .index_6 .list a:not(:first-of-type){margin-top: 50px;}

    .index_7 .list{flex-wrap: wrap}
    .index_7 .list a{width: 100%;}
    .index_7 .list a:not(:first-of-type){margin-top: 50px;}

    .index_8 .list{flex-wrap: wrap}
    .index_8 .list a{width: 100%;}
    .index_8 .list a:not(:first-of-type){margin-top: 50px;}

    .index_9{grid-template-columns:repeat(2,48%);grid-gap:20px}
    footer .f_body{flex-direction: column}
    footer .f_body .left,footer .f_body .middle,footer .f_body .right{width: 100%;}
    footer .f_body .middle{margin:20px 0}
    footer .f_body .middle h3{text-align: center}
    footer .f_body .middle h3:after{left: 50%;transform: translate(-50%);width: 80%;}
    footer .f_body .right{margin-top: 15px;position: relative}
    footer .f_body .right::after,footer .f_body .right::before{content: '';position: absolute;top: -10px;width: 80%;height: 1px;background-color: #fff;left: 50%;transform: translateX(-50%)}
    footer .f_body .right::before{top: -5px;width: 80%}
    footer .f_body .right .qcode{width: 24.5%;}
    footer .f_body .right .qcode img{width: 100%;height: unset;}
/*inside*/
    .inside_body{flex-direction: column}
    .inside_body .left{width: 100%;margin-top: 20px;}
    .inside_body .right{width: 100%;margin-top: 20px;margin-left: unset;}
    .inside_body .img_list{margin-top: 20px;margin-bottom: 20px;}
    .inside_body .img_list a{box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);flex-direction: column}
    .inside_body .img_list a .img_list_left{width: 100%;}
    .inside_body .img_list a .time{width: 60px;height: 60px;flex: unset;display: flex;border: 1px solid #CF3F39;justify-content: space-between;margin-top: -30px;position: relative;z-index: 5;margin-left: 15px;}
    .inside_body .img_list a .time bdi{background-color: #CF3F39;display: flex;width: 100%;text-align: center;color: #ffffff;font-size: 18px;height: 30px;justify-content: center;align-items: center}
    .inside_body .img_list a .time span{display: flex;width: 100%;height: 30px;justify-content: center;align-items: center;}
    .inside_body .img_list a .content{width: 100%;padding: 10px;box-sizing: border-box}
    .inside_body .slide .slide_nav .swiper-pagination span{width: 30px;height: 4px;}

    .inside_body .video_list{display: flex;flex-direction: column}
    .text_body .body{flex-direction: column}
    .text_body .body .left{width: 100%;}
    .text_body .body .right{width: 100%;margin-left: unset;margin-top: 30px;}

    .img_list2{display: flex;flex-direction: column;margin-top: 20px;}

    /*about*/
    .about_1{width: 95%;}
    .about_1 .left{padding: 20px 0}
    .about_1 .left h2{font-size: 20px;}
    .about_2 .body{margin-top: 20px;}
    .about_2 .body .left,
    .about_2 .body .right{width: 100%;margin-left: unset;}
    .about_2 .body .right .list{grid-template-columns:repeat(2,48%)}
    .about_2 .body .right .more{margin-top: 30px;}

    /*service*/
    .service_title img{max-width: 100%}
    .inside_service_1{flex-direction: column}
    .inside_service_1 .left .list{display: flex;flex-direction: column}
    .inside_service_1 .more{margin-top: 15px;}
    .inside_service_1 .left,.inside_service_1 .right{width: 100%;margin-left: unset;}
    .inside_service_1 .right{margin-top: 20px;}
    .inside_service_2 .body{display: flex;flex-direction: column}
    .inside_service_1 .right .list{grid-row-gap: 20px;justify-content: space-between;grid-column-gap: unset}

    .inside_service_navigation .module1 .list{display: flex;flex-direction: column;}
    .inside_service_navigation .module2 .list{margin-top: 20px;}
    .inside_service_navigation .module2 .list .link{display: flex;flex-direction: column;align-items: unset;margin-top: 20px;}
    .inside_service_navigation .module2 .list .link .two{width: 100%;margin-top: 15px;grid-template-columns: repeat(2,48%);}

}


@media screen and (min-width: 981px) {
    .m_nav{display: none}
}

@media screen and (min-width: 1650px) {
    .main_width{min-width: 1600px;transition: all .5s}
}
@media screen and (min-width: 981px) and (max-width: 1649px){
    .main_width{width: 90%;transition: all .5s}
    .head.main_width{width: 95%;transition: all .5s}
    /*.head .search{display: none}*/
    .head .logo{width: 26.062%;}
    .head .logo img{max-width: 100%}
    .head nav{flex: 1;width: 0;padding: 40px 20px;}
    footer .f_body .right img{width: 80px;height: 80px;}

}
@media screen and (min-width: 981px) and (max-width: 1440px){
    footer .f_body{flex-wrap: wrap}
    footer .f_body .left{width: 48%;}
    footer .f_body .middle{width: 0;flex: 1}
    footer .f_body .right{width: 100%;margin-top: 30px;}
    .index_9{grid-template-columns: repeat(7,13%);grid-gap:20px}
    .about_2 .body .left{display: none}
}
@media screen and (min-width: 981px) and (max-width: 1300px){
    .index_2 .top{flex-direction: column}
    .index_2 .left{width: 100%;}
    .index_2 .right{width: 100%;margin-left: unset;margin-top: 30px;}
    .index_2 .right .list{margin-top: unset;}
    .index_2 .right .list a{margin-top: 15px;}
    .index_2 .bottom{display: none}
}





/*ÐÞ¸Ä*/
@media screen and (max-width: 980px) {
    .list_schooll{display: grid;grid-template-columns: repeat(2,48%);justify-content: space-between;grid-row-gap: 40px;margin-top: 45px;margin-bottom: 30px;}
    .borer_school{padding: 20px 10px 20px 20px;}
}