

@media (min-width: 1595px) {
    header .top .main_width{max-width: 1535px;}
    .index_banner .main_width{max-width: 1535px}
    header .nav .main_width{max-width: 1535px;}
    .index_list .main_width{max-width: 1535px}
    .index_list.list .main_width{max-width: 1535px;}
}
@media (min-width: 990px) {

    header .top .main_width {width: 90%;transition: all .3s}
    header .mobile_btn{display: none}
    header .nav .main_width{width: 90%;transition: all .3s}
    header .nav .main_width li span{display: none}
    header .nav ul li:hover .nav_s{display: block}
    header.inside .list_menu{display: flex}

    footer .code .one:nth-of-type(2){margin-top: 15px;}
    .index_banner .main_width{width: 90%;transition: all .3s}
    .index_list .main_width{width: 90%;transition: all .3s}
    .index_list.list .main_width{width: 95%;transition: all .3s}

    /*inside*/
    .list_header .list_menu ul li:hover .list_menus{display: block}
    header.inside .list_header .list_menu ul li span{display: none}
}



@media (max-width: 990px) {
    header .top{height: 72px;padding: unset;display: flex;align-items: center}
    header .top .main_width .logo{width: 70%;}
    header .top .main_width{width: 95%}
    header .nav{display: none;flex-direction: column}
    header .nav.active{display: flex}
    header .nav ul{flex-direction: column}
    header .nav ul li .nav_s{display: none}
    header .nav ul li .nav_s.active{display: flex;min-width: unset;position: unset;transform: unset;width: 100%;flex-direction: column}
    header .main_width{width: 95%;}
    header .nav .main_width li{display: flex;flex-wrap: wrap;align-items: center}
    header .nav .main_width li span{margin-left: auto;}
    header .nav .main_width li span img{width: 15px;}
    header .right{display: none}
    header .mobile_btn{cursor:pointer}

    footer .top .main_width{flex-direction: column;align-items: center}
    footer .code .one{justify-content: center;margin-top: 20px;}
    footer .footer_logo {width: 95%;}
    footer .code{width: 95%;flex-direction: unset;justify-content: space-evenly}
    footer .right{text-align: center;margin-top: 30px;}
    footer .code .q_code{left: 0;top: 100%}
    footer .bottom .main_width{flex-direction: column}

    .index_banner .main_width{flex-direction: column;width: 95%}
    .index_banner .main_width .left{width: 100%;transition: all .3s}
    .index_banner .main_width .right{width: 100%;transition: all .3s;margin-top: 20px;}
    .index_list .main_width{flex-direction: column;width: 95%;transition: all .3s;padding: 24px 0}
    .index_list .main_width>.left{width: 100%;transition: all .3s}
    .index_list .main_width .right{width: 100%;transition: all .3s;margin-top: 20px;}
    .index_list.list .between{width: 100%;transition: all .3s;margin-top: 20px;}
    .index_list.list .left .img_tea{margin-top: 25px;}
    .index_list.list .right ul li{margin-top: 20px;}
    .index_list .main_width .left .list_img{flex-wrap: wrap}
    .index_list .main_width .left .list_img li{width: 48%}
    .index_list .main_width .left .list_img li:nth-of-type(n+3){margin-top: 20px;}


    /*single*/
    .single_head{padding: 15px 0}
    .single_head a img{width: 15px;margin-right: 5px;}
    .single_head a{padding-right: 5px;font-size: 12px;}
    .single_main_width{width: 95%;box-sizing: border-box}
    .single_main_width .title{font-size: 16px;}
    .single_main_width .info{font-size: 12px;}
    .single_main_width .content{font-size: 14px;}

    /*inside*/
    header.inside .list_header{padding: unset;height: 70px;}
    header.inside .list_header .logo {width: 70%;}
    header.inside .list_header .logo img{max-width: 100%;max-height: 60px;width: unset}
    header.inside .search{display: none}
    header.inside .main_width{width: 95%;margin: 0 auto}
    header.inside .list_menu{display: none}
    header.inside .list_menu.active{display: flex;position: fixed;top: 70px;width: 100%;left: 0;background-color: #14683d;}
    header.inside .list_menu ul{flex-direction: column;width: 95%;margin: 0 auto}
    header.inside .list_menu ul a{color: #ffffff;line-height: 74px}
    header.inside .list_header .list_menu ul{align-items: unset}
    header.inside .list_header .list_menu ul li{display: flex;align-items: center;flex-wrap: wrap}
    header.inside .list_header .list_menu ul li span{margin-left: auto;}
    header.inside .list_header .list_menu ul li span img{width: 15px;}
    .list_header .list_menu ul li .list_menus{position: unset;display: none;background-color: unset;width: 100%;transform: unset;min-width: unset;flex-direction: column}
    .list_header .list_menu ul li .list_menus.active{display: flex}
    .list_header .list_menu ul li .list_menus .item a:hover{color: #999}

    .inside_main_width{width: 95%;}
    .inside_list_default a{font-weight: unset;}
    .inside_list_default a span{white-space: nowrap}

    .inside_list_img a{position: relative;flex-direction: column;padding: 10px}
    .inside_list_img a .time{position: absolute;top: 10px;right: 10px;z-index: 5}
    .inside_list_img .center{width: 100%;margin: unset}
    .inside_list_img .body{width: 100%;margin-top: 15px;}
    .inside_list_img .body h3{font-size: 16px;}
    .inside_list_img .body p{font-size: 14px;margin-top: 10px;}


    .inside_list_teacher .list{display: flex;flex-direction: column;}
    .inside_list_teacher .list .content h3{font-size: 16px;font-weight: normal;}
    .inside_list_teacher .list .content p{font-size: 14px;margin-top: 20px;}

}


