@media screen and (max-width:1200px){
	.container{width:980px}
	.header .hb_nav ul li a img,.header .hb_search{display:none}
	.footer .container{padding:40px 0}
	.footer .fb_main ul{float:none}
	.footer .fb_main .fb_ewm{float:none;margin-top:30px;text-align:center}
	.footer .fb_main .fb_ewm div{margin:0 20px}
	.in_team .container .swiper-button-next{right:-30px}
	.in_team .container .swiper-button-prev{left:-30px}
	.in_ielts .ii_main .ii_list ul li .ii_text .ii_p{height:130px;margin-bottom:20px}
	.in_study .is_main .is_text{padding:20px}
	.in_study .is_main .is_text .is_p{height:130px;margin-bottom:20px}
	.l_personal{flex-direction:column}
	.l_personal_zuo{width:100%;margin-bottom:20px}
	.l_personal_zuo .l_personal_list{height:auto;padding-bottom:15px}
	.l_personal_zuo .l_personal_list li{padding-top:15px}
	.l_personal_you{width:100%}
	.l_player1_a .l_player1_a_1 p{width:400px}
	.l_player2_a .l_d_box2{width:110px}
	.l_recommend .l_recommend2 ul li{width:19%;margin-right:1%}
	.zm_fou_c_r{width:90%}
	.zm_fou_c_r_l{width:88%}
	.zm_fou_b_r{width:90%}
	.l_msg{margin-bottom:20px}
	.courseList .cl_top ul li .tb_img{display: block; width: 100%; margin-bottom: 15px;float: none;}
	.courseList .cl_top ul li .tb_img img{display: block;width: 100%;}
	.courseList .cl_top ul li .tb_right{padding-left: 0;}
	.courseList .cl_top ul li .tb_right .tb_num{margin-bottom: 20px;}
	.listDet .ld_top .dt_right{padding-left: 475px;padding-right: 200px;}
	.listDet .ld_top .dt_kf{width: 240px;}
}
@media screen and (max-width:992px){
	.container{width:100%;padding:0 10px}
	.header{padding:10px 0 5px}
	.header .hb_top{display:none}
	.footer .container{padding:30px 10px}
	.footer .fb_lx{margin-bottom:30px}
	.in_team .container .swiper-button-next,.in_team .container .swiper-button-prev{display:none}
	.in_ielts .ii_main{padding:30px 0 20px}
	.in_ielts .ii_main .ii_list ul li .ii_text{padding-top:20px}
	.in_ielts .ii_main .ii_list ul li .ii_text .ii_p{height:104px}
	.in_ielts .ii_main .ii_photos ul li{width:32%;margin-right:2%;margin-bottom:15px}
	.in_ielts .ii_main .ii_photos ul li:nth-of-type(3n+0){margin-right:0}
	.in_study .is_main .is_text .is_p{height:104px}
	.l_personal_you_shang_a .l_name{width:45%}
	.l_personal_you_c a .l_img1{display:none}
	.l_personal_you_c a .l_div1{width:90%;margin:0 auto;float:inherit}
	.l_personal_you_c a .l_div1 .l_name{font-size:15px;margin-bottom:7px;margin-top:14px}
	.l_personal_you_c a .l_div1 .l_curriculum,.l_personal_you_c a .l_div1 .l_date,.l_personal_you_c a .l_div1 .l_teacher{font-size:13px}
	.l_personal_you_c a .l_div1 .l_Price{font-size:16px}
	.l_personal_you_c a .l_a1{width:90px}
	.l_personal_you_c ul{padding-bottom:25px}
	.l_personal_you_c li:last-child{margin-bottom:0}
	.zm_fou_b_r_b_li_r{width:90%}
	.l_player{flex-direction:column}
	.l_player .l_player1{width:100%}
	.l_player1_a .l_player1_a_1{margin-left:120px}
	.l_player2{width:100%}
	.l_player2 .l_player2_a{height:250px}
	.l_player2 .l_title{justify-content:center;align-items:center}
	.l_player2_a .l_d_box2{width:75%}
	.l_player2_a .l_d_box1{width:20%;height:auto}
	.l_player2_a ul{display:flex;justify-content:start;flex-wrap:wrap}
	.l_player2_a ul li{width:50%}
	.l_recommend .l_recommend2 ul{flex-wrap:wrap}
	.l_recommend .l_recommend2 ul li{width:45%;margin:0 2.5%;margin-bottom:20px}
	.formBox{padding:10vh 0}
	.formBox .login{width:86%}
	.courseList .cl_list ul li{width: 49%; margin-right: 2%;}
	.courseList .cl_list ul li:nth-of-type(2n + 0){margin-right: 0;}
	.listDet .ld_top .dt_img{float: none;width: 100%;}
	.listDet .ld_top .dt_right{padding: 10px 0;}
	.listDet .ld_top .dt_right .dt_title{height: auto;}
	.listDet .ld_top .dt_right .dt_price{margin-bottom: 10px;}
	.listDet .ld_top .dt_kf{top: initial; bottom: 40px;}
	
	.beikao{padding: 15px 0;}
	.beikao .bk_left{width: 100%; min-height: auto; margin-bottom: 15px;}
	.beikao .bk_right{width: 100%;}
	
	
	
}
@media screen and (max-width:768px){
	.header{padding:10px 0}
	.header .hb_nav{display:none}
	.header .hb_logo{line-height:initial}
	.header .hb_logo img{height:40px}
	.header .tabBar{display:block}
	.footer .fb_main ul li{width:48%;margin-right:4%;margin-bottom:20px}
	.footer .fb_main ul li:nth-of-type(2n+0){margin-right:0}
	.footer .fb_main ul li div{margin-bottom:0}
	.banner .swiper-slide{height:260px}
	.in_title{background-size:auto 30px}
	.in_team{padding:30px 0}
	.in_ielts .ii_main .ii_list ul li img{display:block;width:100%;float:none}
	.in_ielts .ii_main .ii_list ul li .ii_text{padding:15px 10px}
	.in_ielts .ii_main .ii_list ul li .ii_text .ii_title{margin-bottom:15px}
	.in_ielts .ii_main .ii_list ul li .ii_text .ii_p{height:auto}
	.in_ielts .ii_main .ii_photos ul li,.in_ielts .ii_main .ii_photos ul li:nth-of-type(3n+0){width:49%;margin-right:2%;margin-bottom:10px}
	.in_ielts .ii_main .ii_photos ul li:nth-of-type(2n+0){margin-right:0}
	.in_study .is_main .is_text{float:none;width:100%}
	.in_study .is_main img{float:none;display:block;width:100%}
	.in_study .is_main .is_text .is_p{height:auto}
	.l_personal_zuo .l_title{font-size:16px}
	.l_personal_zuo .l_personal_list li p{font-size:15px}
	.l_personal_you .l_title{font-size:16px}
	.l_personal_you_shang_a{flex-direction:column;height:auto;text-align:center}
	.l_personal_you_shang_a .l_name{width:100%;margin:0 auto;line-height:1.5;text-align:center;margin:5px 0}
	.l_personal_you_shang_a .l_before{width:100%;margin:0 auto;line-height:1.5;margin:5px 0}
	.l_personal_you_shang_b .page{flex-direction:column}
	.l_personal_you .l_personal_you_xia{padding:0 5px}
	.l_personal_you_shang_b .page p{width:100%;text-align:center;margin:8px 0}
	.l_personal_you_shang_b .page{margin-top:15px;padding-bottom:15px}
	.l_personal_you .l_personal_you_xia{margin-bottom:20px}
	.l_personal_you_shang_b{padding:0 5px}
	.l_personal_you_shang_b .l_list2 li{width:45%;margin:0 2.5%;margin-top:10px}
	.l_personal_you_shang_b .l_list2 li:nth-of-type(3n){margin-right:2.5%}
	.l_personal_you_shang_b .l_list2 li p{font-size:13px}
	.l_personal_you_c a .l_a1{position:inherit;margin-top:10px}
	.l_personal_you_d li{flex-direction:column}
	.l_personal_you_d li p{margin-right:0;margin-bottom:10px}
	.l_personal_you_d .l_anniu{margin-left:0}
	.l_personal_you_d li .l_red{text-align:center}
	.l_personal_you_d .l_tx{margin-bottom:15px}
	.l_personal_you_d li input{width:100%}
	.l_personal_you_d{padding-top:15px}
	.l_personal_you .l_personal_you_xia{padding-bottom:20px}
	.l_player .l_player1 .l_player1_b{height:200px}
	.l_player2_a ul li{width:100%;padding-bottom:10px;border-bottom:1px solid #000}
	.l_player2_a .l_d_box1{display:none}
	.l_player2_a .l_d_box2{width:100%}
	.l_player .l_player1 .l_player1_a{height:auto;flex-direction:column;align-items:start}
	.l_player1_a .l_player1_a_1{margin-left:0}
	.l_player1_a .l_player1_a_1{flex-direction:column;width:100%;padding:10px 0}
	.l_player1_a .l_player1_a_1 p{width:100%;text-align:center;margin:0;font-size:16px}
	.l_player1_a .l_player1_a_1 a{width:100%;justify-content:flex-end;display:none}
	.l_player .l_back2{padding-top:5px}
	.l_player2 .l_title img{margin-left:0}
	.l_msg{margin-bottom:10px;margin-top:10px}
	.zm_fou_c{padding:0}
	.zm_fou_c_l{width:30px;height:30px}
	.zm_fou_c_r_r{width:40px;height:40px}
	.zm_fou_c_r_r p{font-size:12px;line-height:20px}
	.zm_fou_c_r_l{width:80%;margin-right:0;height:40px}
	.zm_fou_c_r_l textarea{padding:2px}
	.zm_fou_c_r{padding-bottom:10px}
	.zm_fou_b_r{width:87%}
	.zm_fou_b{padding:0}
	.zm_fou_b_r_b_li_r{width:75%}
	.zm_fou_b_r_f_c{width:60%;margin-left:5px}
	.zm_fou_b_r_f_l{width:35px;height:35px}
	.zm_fou_b_l{width:30px;height:30px}
	.zm_fou_b_r_f_r p{font-size:12px;left:0}
	.courseList .cl_top ul li{width: 100%;margin-right: 0;}
	.courseList .cl_list ul li{width: 100%;margin-right: 0;}
	.listDet .ld_top .dt_kf{position: relative; bottom: initial; right: 0;width: 100%; margin-top: 30px;}
	.listDet .ld_top{padding: 15px;}
	.listDet .ld_text, .listDet .ld_list{padding: 15px;}
	.listDet .ld_list .dl_main ul li .dl_title font{display: none;}
	
	.beikao .bk_right{padding-left: 2%;}
	.beikao .bk_right .bkr_box ul li{width: 48%; margin-right: 1%;}
	.in_ielts .ii_main .ii_top .iit_left{
	    width: 50%;
	    overflow: hidden;
	}
	.iit_left  ul{
	    width: 100%;
	    overflow: hidden;
	    display: block;
	    margin: auto;
	}
	.in_ielts .ii_main .ii_top .iit_right{
	    padding: 50px 10px;
	}
	.in_ielts .ii_main .ii_top .iit_left ul li{
	    width: 100%;
	    padding: 10px 0 0 85px;
	    background-size: 35px;
	}
	.in_ielts .ii_main .ii_top .iit_left ul li div{
	    font-size: 18px;
	}
	.in_ielts .ii_main .ii_top .iit_left ul li p{
	    font-size: 16px;
	}
	.in_ielts .ii_main .ii_center .ic_left{
	    padding: 28px 10px;
	}
	.in_ielts .ii_main .ii_center .ic_right p {
      
        font-size: 15px;
        margin-bottom: 75px;
    }
    .in_ielts .ii_main .ii_center .ic_right div{
        font-size: 20px;
    }
    .in_ielts .ii_main .ii_center .ic_right {
     
        padding: 38px 10px;
      
        background: url(../img/ii-icon.png) no-repeat 100% center;
        background-size: 80px;
    }
    .in_ielts .ii_main .ii_center .ic_right a {
   
        width: 100%;
        height: 35px;
        line-height: 35px;
      
        font-size: 14px;
    }
    .in_study .is_main .is_left{
        width: 100%;
    }
    .in_study .is_main .is_left ul li{
        width: 100%;
        padding: 10px;
        min-height: 130px;
    }
    .in_study .is_main .is_left ul li .sl_top span{
        width: 50px;
        height: 50px;
        background-size: 100% 100%;
        margin-left: 0;
    }
    .in_study .is_main .is_right{
        padding: 20px 10px;
        width: 100%;
        margin-top: 20px;
    }
    .in_ielts .ii_main .ii_imgs{
        overflow: hidden;
    }
    .in_study .is_main .is_left ul li .sl_top div{
        font-size: 16px;
    }
    .in_study .is_main .is_left ul li .sl_top p{
        font-size: 14px;
    }
    .in_study .is_main .is_left ul li .sl_text{
        font-size: 12px;
        line-height: 20px;
    }
    .formBox .fb_main{
        width: 90%;
    }
    .formBox {
        padding: 3vh 0;
    }
    .answer .ab_main .bm_left{
        width: 100%;
    }.answer .ab_main .bm_right{
        width: 100%;
        padding-top: 30px;
    }
    .answer .ab_top .bt_time{
        left: 53%;
        top: 0;
    }
    .answer .ab_top{
       
        height: 100px;
        background: none;
         background-image: linear-gradient(#172832, #434c51, #172832);
    }
    #volume {
      
        height: 6px;
        width: 65px;
       
        position: absolute;
        top: 20px;
    }
    .bt_btn {
        width: 100%;
    }
    .redo{
        margin-left: 5px;
    }
}