@charset "utf-8";
@media (min-width: 576px){

}
@media (min-width: 768px){
    .ab_box {
        margin-bottom: -30px;
    }
    .home_about .home_about_box .tit ul li.bo_bo {
        border-bottom: none;
    }
    .nav-cart-info .nav-cart-list {
        width: 370px;
    }
    body.is_scroll .bsnav-brand-center .collapse .navbar-nav:first-child,
    body.is_scroll .bsnav-brand-center-between .collapse .navbar-nav:first-child {
        padding-right: 5%;
    }
    body.is_scroll .nav-seperate-box-st.bsnav-brand-center .navbar-nav:last-child, body.is_scroll .nav-seperate-box-st.bsnav-brand-center-between .navbar-nav:last-child, .nav-seperate-box-st.bsnav-brand-center .navbar-nav > li .navbar-nav:last-child {
    padding-left: 5%;
    }
    .header .navbar.nav-seperate-box-st .navbar-collapse > .navbar-nav > li   ul {
        padding-left: 0;
    }
        body.is_scroll .navbar.nav-seperate-box-st.bsnav.bsnav-brand-center .navbar-brand {
            width: 156px !important;
            height: 113px !important;
            background-size: cover;
        }
    .is_scroll .header .navbar .pos-relative {
        height: 140px !important;
    }

    body.home .banner .banner-pic img {
        width: 100%;
        height: 100vh !important;
        height: 100%;
        width: 100%;
        position: relative;
        overflow: hidden;
        object-fit: cover;
        object-position: center center;
    }

}
@media (min-width: 992px) {
    .side1.col-lg-3 {
        width: 20%;
    }

    .content.col-lg-9 {
        width: 80%;
    }
}
@media (max-width: 1800px) {
    .ab_schhol{
        margin-top:60px;
    }
    .ab_feature:after,
    .ab_feature:before {
        width: 70px;
    }
    .ab_feature ul li b {
        display: block;
    }
    .stron_box {
        margin: 60px 0 60px;
    }
    .stron_box .h3:before {
        width: calc(100% - 324px);
   
    }
    .map-box .list-terms {
        width: 50%;
    
    }
    .home_serve .h3:before {
        width: calc(100% - 199px);

    }
    .home_right .d-flex a {
        margin-bottom: 0;
    }
    .home_four_seasons .partner-list li p {
        width: 100px;
        height: 100px;
        font-size: 60px;
 
    }
    .home_four_seasons .partner-list img {
        height: 290px !important;
    }
    .home_right_fx .pic img {
        height: 217px !important;

    }
    .home_right_fx {
        height: 217px;
    }
    .home_teacher .pic .home_teacher_1 {
        padding: 10px;
    }
    .slick .slick-arrow.btn-prev {
        left: -3%;
    }
    .footer {
        padding: 70px 20px;
    }
    .home_teacher .tit {
        padding-right: 5%;
    }
    .home_teacher h4 span {
        display: unset;
    }
    .home_serve .d-flex {
        gap: 0 70px;
      
    }
    .home_serve .home_serve_1 {
        width: calc((100% - 140px) / 3);
    }
    .h3 .txt_en {
        font-size: 60px;
  
    }
    .home_about .home_about_box .tit {
        width: 50%;
   
    }
    .ab_right {
        top: 15%;
    }
}


    @media (max-width: 1199px) {
        .ab_box .ab_left {
            width: 20%;
        }
        .ab_box2 ul li span {
            font-size: 16px;
        }
        .purpose_bg p {
            width: 60%;
        }
        .map-box p a, .map-box p {
            padding-left: 0;
        }
        .map-box .d-flex {
            margin-bottom: 10px;
        }
        .map-box .list-terms label{
            margin-bottom:10px;
        }
        .map-box .list-terms {
            width: 100%;
            margin-bottom: 10px;
            flex-direction: column;
            align-items: flex-start;
        }
   
        .home_right {
            margin-left: 5%;
     
        }
        .home_teacher {
            padding: 90px 5%;
        }
        .ab_right {
            top: 11%;
        }
        .home_right .d-flex {
            padding-left: 18%;
   
        }
    
    }


    @media (max-width: 991px) {
        .ab_feature:after, .ab_feature:before {
            width: 50px;
        }
        footer .social-box {
            width: 50%;
        }
        .footer_logo:before{
            display:none;
        }
        .footer_logo {
            width: 100%;
            margin-bottom:20px;
        }
        .footer-info {
            flex-wrap: wrap;
        }
        .home_about .home_about_box .tit ul li {
            font-size: 18px;
            padding: 15px 0;
  
        }
        .home_about .ab_icon2 {
            top: -12%;
      
        }
        .home_about .home_about_box {
            padding: 0 5% 90px;
        }
        .bsnav-brand-center .collapse .navbar-nav:first-child, .bsnav-brand-center-between .collapse .navbar-nav:first-child {
            padding-right: 11%;
        }
        .bsnav-brand-center .navbar-nav:last-child, .bsnav-brand-center-between .navbar-nav:last-child {
            padding-left: 11%;
        }
        .header .navbar.nav-seperate-box-st .navbar-collapse > .navbar-nav > li > .nav-link {
            font-size: 18px;
        }
        .header .navbar.nav-seperate-box-st .navbar-collapse > .navbar-nav > li {
            padding: 0px 18px;
        }
        .sideNavBtn a, .function-bar .btn.btn-primary {
            width: auto !important;
            padding: 5px 10px !important;
        }

        .side1 .collapse:not(.show) {
            display: none !important;
        }

        .side .collapse.navbar-collapse.show {
            margin-bottom: 20px;
            background-color: #fff;
        }

        .function-bar {
            justify-content: space-between !important;
        }

        .sideNavBtn {
            display: block !important;
        }
        .main > .container, .main-content > .container {
            padding: 0 20px;
        }
    
    }



@media (max-width: 767px) {
    .ab_schhol {
        margin-top: 30px;
    }
    .about .sideNavBtn,
    .about .function-bar {
        display: none!important;
    }
    .ab_box2 ul li:nth-child(1) {
        margin-top: 40px;
    }
    .ab_box h4 {
        margin: 0 auto;
    }
    .ab_box2 ul li img {
        margin-top: -60px;
        width: 40%;
    }
    .ab_box2 ul li {
        width: 100%;
    }
    .ab_box2 ul {
        gap: 0;
        flex-wrap: wrap;
    }
    .serve_h2 {
        width: 89%;
        margin: 10px 15px 30px;
    }
    .purpose_bg {
        padding: 60px 0;
        margin: 20px 0 0;
        background-attachment: unset;
        background-size: cover;
    }
    .ab_feature ul {
        padding: 0 25px;
    }
    .ab_feature:after, .ab_feature:before {
        width: 20px;
    }
    .ab_feature ul li {
        width: 100%;
        font-size: 16px;
        padding: 8px 0;
    }
    .ab_feature {
        padding: 40px 15px;
x    }
    .purpose_bg p {
        width: 90%;
    }
    .ab_box .ab_teacher   .ab_left {
     display:none;
    }
    .ab_box .ab_teacher .d-flex {
        margin: 0 15px 0;
        padding-bottom: 10px;
    }
    .ab_box .ab_teacher .d-flex .tit,
    .ab_box .ab_teacher .d-flex .pic {
        width: 100%;
    }
    .ab_box .ab_teacher .d-flex {
        flex-wrap: wrap;
    }
    .ab_box .about_feature .d-flex .tit ul li {
        font-size: 16px;
        padding: 5px 0;
    }
    .ab_box .about_feature .d-flex {
        flex-wrap: wrap;
    }
    .ab_box a.inline img {
        margin: 10px 0 0;
    }
    .ab_box .d-flex .pic {
        width: 100%;
        margin-bottom: 30px;
    }
    .ab_box .d-flex .tit {
        width: 100%;
        padding-right: 0;
      
    }
    .ab_box .d-flex {
        padding: 0 15px;
        flex-wrap: wrap-reverse;
     
    }
    .h2_white .ab_box_2 {
        top: -7%;
        width: 82px;
    }
    .ab_box h2.typing {
        background-color: #fff;
        padding: 30px 15px;
        width: auto;
    }
    .about_brand .tit {
        position: static;
        width: auto;
        background-color: #000000d1;
       padding:30px 0;
    }
    .about_brand .partner-list li img {
        height: 100px !important;
    }
    .ab_box .pic img {
        border: 7px solid #fff;
    }
    .map-box img {
        border: 7px solid #fff;
    }
   .news.show  .more_x {
        margin: 0 auto 30px;
    }
        .news.show .h1 {
        font-size: 24px;
   
    }
    .main > .container, .main-content > .container {
        padding: 0 15px;
    }

    .article-grid .item .info {
        padding: 15px 0 10px; 
    }
    .article-grid .item .info .kind a {
        padding: 6px 10px;
        font-size: 12px;
        margin-bottom: 6px;
    }
    .function-bar {
        margin-bottom: 10px;
    }
    .stron_box .h3:before {
        width: calc(100% - 214px);
    }
    .stron_box {
        margin: 30px 0 30px;
    }
    .map-box {
        height: auto;
        margin-bottom: 20px;
    }
    .map-box .d-flex {
        flex-direction: column;
    }
    #chkImg {
        height: 40px;
    }
    .pt10 {
        margin-top: 20px;
    }
    .form-control {
        padding: 8px;
    }
    @keyframes course_icon_3 {
        0% {
            right: -45px;
        }

        50% {
            right: -48px;
        }

        100% {
            right: -45px;
        }
    }
    .kind-info .h3 .course_icon {
        width: 59px;
        top: -3px;
    }
    .contact .demo {
        font-size: 18px;
        padding-top: 0;
    }
    .kind-info {
        padding: 10px;
 
    }
    .home_serve .home_serve_1 .pic span {
        font-size: 18px;
        padding: 6px 13px;
    }
    .home_about .home_about_box .tit ul li {
        font-size: 16px;
        padding: 6px 0;
    }
    .home_about .home_about_box .tit h4 {
        display: block;
        text-align: center;
    }
    .home_serve .home_serve_1 p {
        padding-top: 10px;
   
    }
    .footer_mid > .container-fluid{
        padding-left:0;
        padding-right:0;
    }
    .article-grid.info-absolute .item .info .date {
        padding: 6px 10px;
        font-size: 12px;
    }
    .article-grid .item .info .title, .article-grid .item .info .title a {
        font-size: 16px;
        line-height: normal;
    }
    .article-grid.info-absolute .item .info .title {
        font-size: 16px;
        padding-top: 10px;
    }
    .home_news .slick .item {
        padding: 0 10px;
    }
    .slick .slick-arrow.btn-prev {
        left: 0;
        background-size: 50%;
        width: 37px;
        height: 37px;
    }
    .slick .slick-arrow.btn-next {
        right: 0;
        background-size: 50%;
        width: 37px;
        height: 37px;
    }
    .home_news .slick {
        margin-right: 0;
        padding: 0 15px;
    }
    .copyrights {
        font-size: 12px;
        text-align: left;
        padding-top: 15px;
        border-top: 1px solid #ffffff52;
        margin-top: 20px;
    }
    .footer .social-box ul {
        justify-content: flex-start;
     
    }
    .footer .social-box {
        width: 100%;
        margin-top: 20px;
    }
    .footer .tat_x {
        width: 100%;
    }
    .footer_logo img{
        width:70%;
    }
    .footer {
        padding: 40px 15px;
    }
    .home_about .more_x,
    .more_x {
        width: 170px;
    }
    .home_news .more_x {
        margin: 20px auto 20px;
    }
    .home_teacher .pic .home_teacher_1 h5 {
        padding-top: 10px;
        font-size: 16px;
    }
    .home_teacher .h3 {
        padding-top: 10px;
    }
    .home_teacher {
        padding: 40px 15px;
    }
    .home_teacher .home_teacher_bg {
        width: 40%;
    }
    .home_teacher .pic .home_teacher_1 {
        margin-bottom: 20px;
    }
        .home_teacher .pic .home_teacher_1 p {
            width: 54px;
            height: 54px;
            position: absolute;
            left: 0;
            top: -20px;
            font-size: 14px;
        }
    .home_teacher {
        background-attachment: unset;
        background-size:cover;
    }


    .home_teacher .pic {
        width: 100%;
    }
    .home_teacher .tit {
        padding-right: 0;
        width:100%;
        margin-bottom:20px;
    }
    .home_teacher .d-flex {
        flex-wrap: wrap;
    }
    .ab_left {
        width: 60%;
    }
    .home_about .home_about_box .pic img {
        border: 7px solid #fff;
    }
    .home_about .home_about_box .tit ul li span{
        padding-left:5px;
    }
    .home_about .home_about_box .tit ul li i {
        width: 20px;
        height: 18px;
        background-size: cover;
    }
    .home_about .home_about_box .tit ul li {
        width: 100%;
    }
    .home_about .home_about_box .tit ul {
        flex-wrap: wrap;
    }
    .ab_right {
        top: 29%;
        width: 40%;
        opacity: 0.5;
    }
    .home_about .home_about_box h2 {
        line-height: 40px;
        margin-bottom: 20px;
        padding-left: 0;
        font-size: 20px;
    }
    .home_about .home_about_box .tit {
        width: 100%;
        padding: 3% 0;
    }
    .home_about .home_about_box .pic {
        width: 100%;
        padding-left: 0;
        margin-bottom:20px;
    }
    .home_about  .d-flex {
        flex-wrap:wrap;
        position:relative;
        z-index:10;
    }
    .home_serve .h3:before {
        width: calc(100% - 133px);
    }
    @keyframes ab_icon2 {
        0% {
            left:unset;
            right: -6%;
        }

        50% {
            left: unset;
            right: -7%;
        }

        100% {
            left: unset;
            right: -6%;
        }
    }
    .home_about .ab_icon2 {
        top: -15%;
        width: 40%;
    }
    .home_about .home_about_box .h3 {
        padding: 20px;
        margin-top: -70px;
        width: 100%;
     
    }
    .home_about .ab_bg01 img {
        height: 300px!important;
        width: 100%;
        position: relative;
        overflow: hidden;
        object-fit: cover;
        object-position: center center;
    }
    .home_right_fx .course_icon {
        width: 40%;
    }
    .home_serve .serve_icon {
        top: 1%;
        width: 20%;
    }
    .home_serve {
        padding: 40px 15px;
    }
    .home_serve .home_serve_1:nth-child(3),
    .home_serve .home_serve_1:nth-child(2) {
        transform: unset;
    }
    .home_serve h4 {
        line-height: 32px;
    }
    .home_serve .home_serve_1 {
        width: 100%;
    }
        .home_serve .d-flex {
            gap: 0;
            flex-wrap: wrap;
            margin-top: 0;
        }
    .home_four_seasons .partner-list li p {
        width: 60px;
        height: 60px;
        font-size: 30px;
    }
    .home_four_seasons .partner-list img {
        height: 140px !important;
    }
    .home_right .d-flex a .tit h5 {
        padding: 0 27px 0 0;
        margin: 10px auto 20px;
        font-size: 16px;
    }
    .home_right .d-flex a .tit {
        width: 100%;
     
    }
    .home_right .d-flex a .pic {
        width: 140px;
        height: 140px;
        margin: 0 auto;
    }
    .h3 {
        margin-bottom: 10px;
        font-size: 18px;
    }
    .home_right_fx .h3 {
    
        line-height: 32px;
    }
    .h3 .txt_en {
        font-size: 38px;
    }
    .home_course:before,
    .home_right .d-flex:before {
        display: none;
    }
    .home_right .d-flex a {
        width: 50%;
        flex-wrap: wrap;
        padding: 0 10px;
    }
    .home_right .d-flex {
        padding: 40px 0px;
    }
    @keyframes course_icon_le {
        0% {
            right: 0;
        }

        50% {
            right: -1%;
        }

        100% {
            right: 0;
        }
    }
    .home_right {
        margin-left: 0;
    }
    .home_right_fx .pic img {
        height: 117px !important;
    }
    .home_right_fx .pic {
        flex: auto;
        width: 100%;
    }
    .home_right_fx .h3 {
        padding: 10px 15px;
        width: 100%;
     
    }
    .home_right_fx {
        height: auto;
        flex-wrap: wrap;
    }
    .header .navbar-nav .nav-item:hover > .nav-link .caret {
        border-top-color: #000000;
    }
    .header .bsnav-mobile .navbar {
        background: url(../images/all/home_bg.jpg) no-repeat;
      
    }
    .bsnav-mobile.bsnav-center .navbar-nav {
        padding: 0;
    }
    .nav-item .caret {
        border-top: solid 5px #000000;
    }
 
        .banner {
        padding-top: 71px;
    }
    .navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
        background-color: #ffffff;

    }
    .header .navbar.nav-seperate-box-st {
        background: #7c2421;
        padding: 5px 0!important;
    }
    .navbar .navbar-brand {
        height:41px;
        width:200px;
    
    }
    .header   img.logo {
        display: none !important;
    }
    .header .navbar .pos-relative {
   
    }
    .banner .slick-dots {
        bottom: 5px;
    }
    .bsnav-mobile.right .navbar .navbar-nav .nav-item .caret, .bsnav-mobile.left .navbar .navbar-nav .nav-item .caret {
        display: block;
        position: absolute;
        right: 15px;
        top: 50%;
    }
    .header .navbar.newtop.logo-show:not(.logo-ani-show) .navbar-brand .logo, .header .navbar.newtop.logo-show:not(.logo-ani-show-bg) .navbar-brand .logo {
        display: unset;
    }
    .rwd-table.mob-mode tr:nth-child(odd) {
        background: rgb(238 238 238);
    }

    .rwd-table.mob-mode td:before {
        font-weight: 400;
        min-width: 30%;
        color: #000;
    }

    .rwd-table td:first-child a,
    .rwd-table td:first-child:before {
        color: #ffffff;
    }

    .order-list table.mob-mode td:first-child {
        background: #161616;
        border: solid 1px #161616;
    }

    .rwd-table.mob-mode td {
        padding: 10px 10px;
    }

    body .navbar-toggler.toggler-spring.active .navbar-toggler-icon {
        background-image: unset;
    }
    .btn.btn-primary {
        font-size: 14px;
        padding: 6px 10px;
        width: 100px;
    }
    .bsnav-mobile .navbar-nav .nav-item .navbar-nav .navbar-nav {
        padding-left: 23px;
    }

    .bsnav-mobile .navbar-nav .nav-item .navbar-nav {
        background: unset;
        margin-left: 0;
        margin-right: 0;
    }

        .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link {
            padding: 10px 10px;
            color: #000;
            font-size: 16px;
        }

    .bsnav-mobile .navbar-nav .nav-item .nav-link {
        padding: 12px 0;
    }

    .bsnav-mobile .navbar-nav {
        padding: 0 0;
        text-align: left;
    }
    body .navbar .navbar-toggler {
        width: 23px;
        margin-right: 0;
    }

    .navbar-toggler.toggler-spring .navbar-toggler-icon::after {
        top: 17px;
    }

    .navbar-toggler.toggler-spring .navbar-toggler-icon::before {
        top: 8px;
    }

    .navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
        height: 1.5px;
    }

    }