@media screen and (min-width: 1200px){
    .container-fluid{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .container {
        max-width: 1200px !important;
		padding-left:0 !important;
		padding-right:0 !important;
    }
}

@media screen and (max-width: 1199px){
    .container-fluid{
        padding-left:0 !important;
        padding-right:0 !important;
    }
    body{ color:#000; font-size:12px; line-height:22px; font-family:"Microsoft YaHei"; min-width: inherit;}\
	


    .index_nav_left ul li{ padding: 2px 0;}
    .index_nav_left ul li .course_name{ line-height: 34px;}
    .index_nav_left ul li .course_name i{ line-height: 34px;}

    .top_butt{ display: block; float: right; margin-top: 16px;  width: 30px; height: 30px; z-index: 99999; }
    .top_butt .bar{ width: 30px; height: 2px; display: block; background: #fff; margin: 6px 0;
        border-radius: 25px;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cross .bar:nth-of-type(1) {
        -webkit-transform: translateY(13.5px) rotate(-40.5deg);
        -ms-transform: translateY(13.5px) rotate(-40.5deg);
        transform: translateY(8px) rotate(-40.5deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cross .bar:nth-of-type(2) {
        opacity: 0;
    }
    .cross .bar:nth-of-type(3) {
        -webkit-transform: translateY(-15px) rotate(45deg);
        -ms-transform: translateY(-15px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }

    .index_nav_right{ position: fixed; width: 50%; height: 100%; background:rgba(0,0,0,0.8); left: -100%; top: 0; opacity: 0; z-index: 99;
        -o-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
    }
    .index_nav_right ul{ width: 100%; height: 100%; float: left;}
    .index_nav_right ul li{ width: 100%; height: auto;}
    .index_nav_right ul li:hover{ background: none;}

    .index_nav_right ul li .fa-list-ul{ display: block; float: left; color: #fff; line-height: 56px; margin-left: 20px;}
    .index_nav_right ul li .fa_link{ float: left; margin-left: 20px;}
    .index_nav_right ul li .top_down{ display: block; width: 40%; line-height: 56px; text-align: right; color: #fff;  position: absolute; right: 10px; top: 0;}
    .index_nav_right ul li .navTwo{  background: none; width: 80%; float: left; margin-left: 10%; position: relative;}
    .index_nav_right ul li .navTwo dd{ border-bottom: solid #ccc 1px;}
    .index_nav_right ul li .navTwo dd a{ display: block; float: left; margin-left: 10px;}
    .index_nav_right ul li .navTwo dd:hover{ background: none;}
    .index_nav_on{ left: 0; opacity: 1;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        z-index: 99999;
    }


    .swiper-banner{ height: 384px;}
    .swiper-banner .swiper-slide{background-size: 120% !important;}


    .index_four_div .swiper-button-next{ left: 50px;}
    .index_four_div .swiper-button-prev{ right:50px;}



    .index_one_Bd:before{left: 35%;}
    .index_one_Bd:after {
        right: 35%;
    }

    .index_five_left{ width: 41%; height: auto;}

    .index_five_right{ width: 58%; margin-right: auto;}
    .index_five_right ul li{ padding: 12px 0;}

    .index_five_time i{ font-size: 30px; line-height: 30px;}
    .index_five_nr p{ line-height: 20px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .index_six_layer{ padding: 15% 0;}

    .footer_left{ width: 85%;}
    .footer_right{ margin-right: auto;}

    .ny_banner{ background-size: cover !important;}
    .ny_hz_left{ width: 48%;}
    .ny_hz_left_pic{ right: -12px;}
    .ny_hz_right{ width: 50%;}
    .ny_c_qh{ width:100%;}
    .ny_c_bd{ margin-top: 10px;}

    .ny_nr_video{ width: 40%; height: auto;}
    .ny_nr_right{ width: 55%;}
    .ny_nr_right .ny_nr_bt{ margin-top: 6px;}
    .ny_nr_right .ny_nr_bttwo{ margin-top: 10px;}
    .ny_ms{ font-size: 16px;}
    .ny_mss{ margin-top: 15px;}
    .ny_zxbutt{ margin-top: 20px;}

    .ny_aboutTwo{ font-size: 16px;}

    .news_list{ width: 430px;}
    .sign_list .row li span{ margin-left: 28px;}
    .sign_input{ margin-right: 70px;}
    .sign_submit{ margin-left: 28px;}

    .sign_div_left{ margin-left: 65px;}
    .sign_div .row li span{ margin-left: 5%;}
    .sign_div_hm{ width: 60%;}

    .swiper_pic{ height: auto;}
    .swiper_yxiao{ height: auto;}

}
@media screen and (max-width: 768px) {
    .tel{ display: none;}

    .index_nav_left{ position: inherit;}
    .index_nav_left ul{ top: 0; width: 50%; left: -100%; opacity: 0; height: 100%; background: rgba(0,0,0,0.8); z-index: 99;
        -o-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
    }
    .index_nav_left ul li{ padding: 20px 0;}
    .index_nav_left ul li .course_name a{ color: #fff;}
    .index_nav_left ul li .course_lm a{ color: #fff;}
    .index_na_on{ left: 0% !important; opacity: 1 !important;}


    .top_buttTwo{ display: none; float: right; margin-top: 16px;  width: 30px; height: 30px; z-index: 99999;
        -o-transition: all 0.8s;
        -moz-transition: all 0.8s;
        -ms-transition: all 0.8s;
        -webkit-transition: all 0.8s;
        transition: all 0.8s;
    }
    .top_buttTwo .bar{ width: 30px; height: 2px; display: block; background: #fff; margin: 6px 0;
        border-radius: 25px;
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cross .bar:nth-of-type(1) {
        -webkit-transform: translateY(13.5px) rotate(-40.5deg);
        -ms-transform: translateY(13.5px) rotate(-40.5deg);
        transform: translateY(8px) rotate(-40.5deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .cross .bar:nth-of-type(2) {
        opacity: 0;
    }
    .cross .bar:nth-of-type(3) {
        -webkit-transform: translateY(-15px) rotate(45deg);
        -ms-transform: translateY(-15px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg);
        -o-transition: all 0.4s;
        -moz-transition: all 0.4s;
        -ms-transition: all 0.4s;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
    }
    .index_nav_right ul li .fa_link{ margin-left: 8px;}

    .index_one_left{ width: 100%; height: auto;}
    .index_one_left img{ width: 100%;}
    .index_one_right{ width: 100%; height: auto; padding: 5% 2%; position: relative; right: auto; top: auto; float: left; margin-top: 20px;}
    .index_one_Bd:before{ left: 30%;}
    .index_one_Bd:after{ right: 30%;}

    .index_two_list{ margin-top: 30px;}
    .index_two_list .row li{ height: 86px;}


    .index_three_course .row li .index_three_pic{ width: 100%; height: auto;}
    .index_three_course .row li .index_three_pic img{ width: 100%;}

    .index_four_div{ height: auto;}

    .swiper-Teachers{ width: 100%; margin: 15px 0;}
    .swiper-Teachers_pic{ margin-left: 2%;}
    .swiper-Teachers_pic img{ width: 100%;}
    .swiper-Teachers_info{ width: 70%; margin-right: 2%;}
    .index_four_div .swiper-button-next{ display: none;}
    .index_four_div .swiper-button-prev{ display: none;}

    .index_five_left{ width: 100%; text-align: center;}
    .index_five_right{ width: 100%; float: left; margin-top: 20px;}

    .index_five_nr{ width: 88%;}
    .index_five_nr p{ line-height: 24px; white-space: inherit;}

    .footer_left{ width: 80%;}

    .footer_nav a{ margin-left: auto; margin-right: 10px;}
    .footer_link span{ margin-left: auto; display: block; width: 100%;}
    .footer_link a{ margin-left: auto; margin-right: 10px;}
    .footer_copy{ padding-left: 0;}

    .ny_banner{ height: 300px;}
    .ny_hz_left{ width: 100%; height: 200px; overflow: hidden;}
    .ny_hz_left_pic{ display: none;}

    .ny_hz_right{ width: 100%; float: left; margin-top: 15px;}

    .ny_nr_right .ny_nr_bt{ font-size: 20px;}

    .ny_nr_right .ny_nr_bttwo{ font-size: 16px;}
    .ny_mss{ font-size: 16px; margin-top: 8px;}
    .ny_mss h2{ font-size: 16px;}
    .ny_zxbutt{ margin-top: 10px;}
    .ny_zxbutt a{ height: 36px; line-height: 36px; font-size: 16px;}
    .ny_nr_xq{ width: 100%; margin-left: auto;}
    .news_m:before{ display: none;}
    .news_m:after{ display: none;}

    .news_list{ width: 80%; float: left !important; margin-left: 10%;}
    .news_mm_lb ul li a{ width: 80%;}

    .signUp_list_tbale{ width: 100%;}
    .signUp_list{ width: 100%;}
    .sign_list .row li{ margin-bottom: 15px}
    .sign_list .row li span{ margin-left: 0;}
    .sign_input{ float: left; width: 100%; margin-right: 0;}
    .sign_text{ width: 89%; margin: 0 5%;}
    .sign_select{ width: 89%; margin: 0 5%;}
    .sign_submit{ margin-left: 0; margin-top: 30px;}

    .sign_div_left{ width: 90%; margin-left: 5%;}
    .sign_div_right{ width: 100%; text-align: center; margin-right:auto; margin-top:20px;}

}
@media screen and (max-width: 576px) {
    .floating{ display: none;}
    .floating_wap{ display: block; width: 100%; background: #333; float: left; border-top: 1px solid #f9f9f9; position: fixed; bottom: 0; left: 0; z-index: 9999;}
    .floating_wap ul li{ width: 20%; float: left; height: 50px; text-align: center;  border-right: 1px solid #f9f9f9;}
    .floating_wap ul li:last-child{ border: none;}
    .floating_wap ul li a{ font-size: 20px; color: #fff; line-height: 50px !important;}


    .logo{ width: 100%; margin: 15px 0; height: auto;}

    .top_butt{ margin-top: 5px;}
    .top_buttTwo{ margin-top: 5px;}

    .index_nav{ height: 40px;}
    .index_nav_left{ width: 30%; height: 40px; line-height: 40px;}
    .index_nav_left_name{ height: 40px; line-height: 40px; background: none;}
    .index_nav_left_name a{ line-height: 40px; font-size: 16px;}

    .index_nav_left ul{ width: 75%;}
    .index_nav_left ul li{ padding: 10px 0;}

    .index_nav_right{ width: 75%;}
    .index_nav_right ul li .navTwo{ width: 70%; margin-left: 15%;}


    .swiper-banner{ height: 200px;}
    .swiper-banner .swiper-slide {
        background-size: cover !important;
    }
    .swiper-banner .swiper-pagination{ bottom: 10px !important; }
    .swiper-banner .swiper-pagination span{margin: 0 5px !important; width: 10px; height: 10px;}
    .index_one_m{ margin-top: 30px;}

    .index_one_right{ text-align: center;}
    .index_one_name span{ font-size: 22px;}

    .index_one_Bd:before{ display: none;}
    .index_one_Bd:after{ display: none;}

    .index_one_Bd dd{ width: 80px; height: 80px; margin: 0 2%; }
    .index_one_Bd dd span{ width: 60px; height: 60px; font-size: 18px; line-height: 60px;}

    .index_three_course .row li{ margin-bottom: 15px;}

    .index_one{ padding: 30px 0;}
    .index_two{ padding: 30px 0;}
    .index_three{ padding: 30px 0;}
    .index_four{ padding: 30px 0;}
    .index_five{ padding: 30px 0;}
    .index_seven{ padding: 30px 0;}
    .row{ margin: 0px;}

    .index_five_nr{ width: 80%;}
    .index_six_layer{ padding: 20% 0;}
    .index_six_layer p{ margin-top: 10px;}


    .footer_top{ padding: 20px 0;}
    .footer_nav{ display: none;}
    .footer_link{ display: none;}
    .footer_left{ width: 100%; text-align: center;}
    .footer_right{ width: 100%; text-align: center; margin-top: 15px;}


    .ny_about{ font-size: 16px;}
    .ny_c_name{ text-align: center;}
    .ny_c_en{ text-align: center;}
    .ny_c_hx i{ margin: auto; float: none;}
    .ny_title:after{ width: 150px;}
    .ny_title i{ display: none;}
    .ny_title em{ display: none;}

    .ny_nr_video{ width: 100%;}
    .ny_nr_right{ width: 100%; float: left;}
    .ny_aboutTwo{ margin-top: 20px; font-size: 14px; line-height: 22px;}
    .signUp{ padding: 30px 0; }
    .news_m_title{ margin-top: 15px;}
    .news_list{ width: 100%; margin-left: 0;}
    .news_mm_lb ul li a{ width: 70%;}
    .ny_banner{ height: 200px;}

    .index_seven_list{ margin-top: 30px;}
    .signUp_list_tbale ul li{ font-size: 16px;}
    .ny_about{ font-size: 14px; line-height: 24px;}
    .news_m{ padding-bottom: 0;}
    .signUp_list ul li .signUp_list_div{ font-size: 14px;}

    .ny_about{ margin-top: 10px;}
    .ny_fwnr_list ul li{ width: 31%; line-height: 36px; font-size: 16px;}
    .footer_bottom{ padding: 15px 0; margin-bottom: 50px;}
    .footer_copy{ margin-top: 15px;}

}

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

    .index_nav_right ul li .fa-list-ul{ line-height: 50px;}
    .index_nav_right ul li .top_down{ line-height: 50px;}
    .index_nav_right ul li a{ line-height: 50px;}
    .header_top{ height: 4px;}
    .header_top span{ display: none; font-size: 12px;}
    .container{ padding-left: 8px; padding-right: 8px;}

    .swiper-banner{ height: 150px;}
    .index_one_name span{ font-size: 18px;}
    .index_one_en span{ font-size: 12px;}
    .index_one_hx{ margin-top: 8px;}
    .index_one_right h2{ font-size: 18px;}
    .index_one_right p{ margin-top: 8px; font-size: 12px;}
    .index_one_right_i{ margin-top: 20px;}

    .index_one_title{ margin-top: 20px;}
    .index_one_title span{ font-size: 20px;}
    .swiper-Teachers_pic{ width: 100px; height: 100px; margin-left: 33%;}
    .swiper-Teachers_info{ width: 100%; text-align: center;}

    .index_five_nr{ width: 100%;}
    .index_five_nr a{ font-weight: bold;}
    .index_five_nr p{ font-size: 12px; line-height: 22px;}
    .index_five_time i{ display: none;}
    .index_five_time{ width: 100%; text-align: left;}

    .index_six{ padding: 30px 0;}
    .index_six_list{ margin-top: 30px;}
    .ny_banner{ height: 150px;}
    .ny_about{ font-size: 12px; padding: 0 5px;}
    .ny_m_name span{ font-size: 20px;}
    .ny_c_name span{ font-size: 20px;}
    .ny_c_bd dd span{ font-size: 20px;}
    .ny_name span{ font-size: 20px;}

    .ny_nr_top{ margin-top: 20px;}
    .ny_nr_right .ny_nr_bt{ font-size: 18px;}
    .ny_ms{ font-size: 14px; line-height: 22px;}
    .ny_mss{ font-size: 14px;}
    .ny_mss h2{ font-size: 14px;}
    .ny_nr_xq{  margin-top: 30px;}
    .ny_aboutTwo{font-size: 12px; }
    .ny_aboutTwo h2{ font-size: 16px;}
    .footer_copy{ font-size: 12px;}
}