@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;border:0; font-family: "思源黑体 CN Normal" ; font-size:0.16rem;}
a{ text-decoration:none;}
ul,li{ list-style:none;}
img{ display:block; border:0; width:100%;}
.clear{ clear:both; zoom: 1;}
.clear::after {
    content: "020";
    clear: both;
    display: block;
    overflow: hidden;
    font-size: 0;
    height: 0;
}
.fl{ float:left;}
.l{ float:left;}
.fr{ float:right;}
i,em{font-style: normal}
html{width: 100%;height: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
body{width: 100%;height: 100%;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.clearfix {
    zoom: 1;
}
input{
    outline: none;
    -webkit-appearance: none; /*去除系统默认的样式*/
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* 点击高亮的颜色*/
}
/*-webkit-tap-highlight-color:rgba(255,255,255,0);*/
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"], select, textarea,button {

}

.img-responsive{height: auto;max-width: 100%;display: block}
.main{}

/*分公司*/
.swiper-container6 .swiper-slide p{line-height: 0.3rem;text-align: center;border-bottom: 0.03rem solid transparent;font-size: 0.26rem;;padding-bottom: 0.15rem;padding-top: 0.15rem}
.swiper-container6 .swiper-slide .active_0{border-bottom: 0.03rem solid #de4242;color: #de4242}

/*footer区*/
.clear{ clear:both;}
footer{position: fixed;bottom: 0;width:100%;background-color: #fff;z-index:999;}
footer a{display: block;width:33.3%;text-align: center;height: 0.85rem;float: left;vertical-align: middle}
footer a span{font-size:0.28rem;color: #fff;line-height: 0.85rem;vertical-align: middle;margin-left: 0.1rem}
footer a.free_pg{background: #fe784a;}
footer a.zxchat{background: #428eff;}
footer a.phone_zx{background: #54bd3f;}
footer a img{vertical-align: middle;display: inline-block}
footer a.free_pg img{width:22%;height: 0.48rem}
footer a.zxchat img{width:23.75%;height: 0.5rem}
footer a.phone_zx img{width:18.25%;height: 0.47rem}
footer a.zxchat img.tag{position: absolute;top:0.05rem;left:62%;;width:4%;height: 0.3rem}


/*header区*/
header{background-color: #000000;padding:0.3rem 0;text-align: center;color: #fff; height:0.5rem; line-height:0.5rem;}
.base_w{width: 92%;margin:0 auto;padding-top: 0.01rem;height: auto;position: relative}
img.back{ height:0.39rem; width:0.23rem;}
header .back{height:0.39rem; width:0.23rem; margin-top:0.05rem;}
header .hmenu{height:0.42rem; width:0.47rem;margin-top:0.05rem;}

.button{width: 35.1%;height: 0.58rem;margin: 0.3rem auto 0.2rem;display: block;text-align: center;line-height: 0.58rem;color: #fff;background: #002f44;font-size: 0.25rem;border-radius: 0.5rem;outline: none;overflow: hidden;border: none}
.title{width: 100%;margin: 0.4rem auto 0.4rem;height: 0.37rem}
.title p{font-size: 0.32rem;font-weight: bold}
.title p span{font-size: 0.22rem}
.title img{width: 75.79%;height: 0.14rem;margin: 0.05rem auto 0}
.form_submit{display: block;width: 92.08%;height: 0.86rem;background: #fda83b;margin: 0.2rem auto 0.95rem;border-radius: 0.15rem;text-align: center;line-height: 0.86rem;color: #fff;font-size: 0.34rem;}

.why{width: 100%;height: auto;position: relative;overflow: hidden;}
.why .title{background: url("../images/title_1.png") no-repeat center;background-size: 100% 100%;}
.why_cont{width: 100%;height: auto;position: relative;overflow: hidden;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 30px;}
.why_cont li{width: 100%;height: 1.84rem;;margin-bottom: 0.1rem;position: relative}
.why_cont li .why_des{width: 5.86rem;height: 1.84rem;position: absolute;top: 0;left: 0;background: #0577bb;z-index: 0}
.why_cont li .why_des .p_1{font-size: 0.28rem;color: #fff;margin-left: 0.28rem;margin-top: 0.2rem;}
.why_cont li .why_des .p_2{margin-left: 0.28rem;margin-top: 0.1rem;width: 0.9rem;height: 0.02rem;background: #feaf00}
.why_cont li .why_des .p_3{font-size: 0.22rem;color: #fff;margin-left: 0.28rem;width: 4.29rem;text-align: justify;line-height: 0.3rem;margin-top: 0.15rem;}
.why_cont li .why_img{position: absolute;right: 0;top: 0.12rem;z-index: 1;width: 1.6rem;height: 1.6rem}


/*预约直播表单*/
.appointment{width: 100%;height: auto;position: relative;overflow: hidden;background: url("../images/bg_2.png") no-repeat center;;background-size: 100% 100%}
.appointment .title{background: url("../images/title_2.png") no-repeat center;background-size: 100% 100%}
.appointment_form{width: 100%;height: 4rem;position: relative;overflow: hidden;margin-bottom: 0.38rem;background: #fff;}
#appointment_form{width: 100%;height: auto;position: relative;overflow: hidden;}
.in_text{float: left;display: inline-block;width: 39.7%;height: 0.64rem;border: 0.03rem solid #c9c9c9;border-radius: 0.5rem;margin-left: 0.3rem;font-size: 0.26rem;padding-left: 0.2rem;outline: none;color: #929292;margin-top: 0.26rem}
.in_text ::-webkit-input-placeholder {color: #929292;padding-left: 0.2rem}
.in_text :-moz-placeholder {color: #929292;padding-left: 0.2rem;opacity: 1  }
.in_text ::-moz-placeholder {color: #929292;padding-left: 0.2rem ;opacity: 1 }
.in_text :-ms-input-placeholder {color: #929292;padding-left: 0.2rem  }
#message{padding-left: 0.1rem;padding-right: 0.1rem;background: #feaf00;color: #fff;border-color: #feaf00;cursor: pointer;text-align: center;font-size: 0.3rem;}
.form_tip{font-size: 0.22rem;color: #929292;line-height: 0.3rem;text-align: justify;margin-top: 0.2rem}
.form_tip span{display: block;font-size: 0.22rem;color: #929292;text-align: justify;;margin: 0.2rem auto;width: 90%}
.form_submit{display: block;width: 92.08%;height: 0.86rem;background: #feaf00;margin: 0.2rem auto 0.95rem;border-radius: 0.5rem;text-align: center;line-height: 0.86rem;color: #fff;font-size: 0.34rem;}

.process{width: 100%;height: auto;position: relative;overflow: hidden;padding-bottom: 1.25rem}
.process .title{background: url("../images/title_3.png") no-repeat center;background-size: 100% 100% }
.process .lc_img{display: block;margin: 0 auto;height: 2.88rem;width: 100%;}
.lc_click{position: absolute;top: 3.8rem;right: 0.25rem;background: url("../images/lc_1.png") no-repeat center;width: 6.1rem;height: 1.2rem;background-size: 100% 100% }
.lc_click .lc_clicks{width: 1.9rem;height: 0.368rem;text-align: center;line-height: 0.68rem;color: #010101;font-size: 0.26rem;display: inline-block;margin-top: 0.23rem;margin-left: 1.7rem}
.lc_click .lc_clicks:hover{text-decoration: underline}

.language{width: 100%;height: auto;position: relative;overflow: hidden;background: url("../images/bg_3.png") no-repeat center;background-size: 100% 100%;}
.language .title{background: url("../images/title_4.png") no-repeat center;background-size: 100% 100%}
.swiper-container-yp{width: 100%;height: 3.8rem;position: relative;overflow: hidden;margin-bottom: 0.25rem}
.swiper-container-yp .swiper-slide img{height: 3.8rem}

.yp_choose{width: 100%;height: auto;position: relative;overflow: hidden;}
.yp_choose .title{background: url("../images/title_5.png") no-repeat center;background-size: 100% 100%}
.yp_choose ul{width: 92.28%;margin: 0 auto;height: auto;position: relative;overflow: hidden;display: flex;justify-content: space-around;flex-flow: wrap;}
.yp_choose ul li{width: 3.14rem;height: 2.77rem;float: left;}
.yp_choose ul li img{width: 3.14rem;height: 2.77rem;}
.yp_choose ul li:first-child{margin-bottom: 0.3rem}
.yp_choose ul li:nth-child(2){margin-bottom: 0.3rem}
.yp_choose .form_submit{margin: 0.3rem auto 0.4rem;border-radius: 0.1rem}

.new{width: 100%;height: auto;position: relative;overflow: hidden;background: url("../images/bg_4.png") no-repeat center;;background-size: 100% 100%}
.new .title{background: url("../images/title_6.png") no-repeat center;background-size: 100% 100%}
.new .title_s{color: #ffffff;text-align: center;font-size: 0.27rem;margin-bottom: 0.25rem}
.new_cont{width: 100%;height: auto;position: relative;overflow: hidden;margin-bottom: 0.3rem}
.new_cont li{width: 100%;background: #fff;height: auto;margin-bottom: 0.2rem;position: relative;overflow: hidden}
.new_cont li .p_1{font-size: 0.26rem;color: #333333;margin-left: 0.2rem;margin-top: 0.2rem;margin-bottom: 0.1rem}
.new_cont li .p_2{font-size: 0.22rem;margin-left: 0.2rem;margin-right: 0.2rem;text-align: justify;color: #666666;line-height: 0.3rem;margin-bottom: 0.2rem}

.released{width: 100%;height: auto;position: relative;overflow: hidden;}
.released .title{background: url("../images/title_7.png") no-repeat center;background-size: 100% 100%}
.released img{width: 100%;height: 2.3rem}


.during{width:100%;height: 2rem;;position: relative;overflow: hidden;background: url("../images/lc_2.png") no-repeat center;background-size: 100% 100%;}
.during .form_submit{margin-top: 0.95rem;margin-left: 0;border-radius: 0.1rem;width: 3.54rem;font-size: 0.28rem}

.ranks{width: 100%;height: auto;position: relative;overflow: hidden;}
.ranks .title{ background: url("../images/title_8.png") no-repeat center;background-size: 100% 100%}
.ranks_name{width: 100%;height: 0.46rem;}
.ranks_name li{width: 49.33%;height: 0.44rem;border: 0.02rem solid #fda83b;text-align: center;line-height: 0.44rem;color: #333;font-size: 0.26rem;float: left;}
.ranks_name .act_ranks{background: #fda83b;border-color: #fda83b;color: #fff;font-size: 0.26rem}
.ranks_des{width: 100%;height: auto;position: relative;display: none;background: #ffeed8;overflow: hidden;margin: 0.2rem auto 0.3rem}
.ranks_des img{width: 100%;height: 3.58rem}
/*.ranks_des li {width: 20%;height: auto;float: left}*/
/*.ranks_des1 li {width: 33.3%;height: auto;float: left}*/
/*.ranks_des li img{width: 0.91rem;height: 0.91rem;display: block;margin: 0.3rem auto 0.1rem}*/
/*.ranks_des li p{font-size: 0.18rem;color: #333333;text-align: center}*/
/*.ranks_des li span{font-size: 0.17rem;color: #666666;text-align: center;}*/
.ranks .form_submit{margin: 0 auto 0.4rem;border-radius: 0.1rem}

.cost{width: 100%;height: auto;position: relative;overflow: hidden;background: url("../images/bg_4.png") no-repeat center;;background-size: 100% 100%}
.cost .title{ background: url("../images/title_9.png") no-repeat center;background-size: 100% 100%}
.cost .cost_1 img{width: 100%;height: 1.96rem;margin-bottom: 0.15rem}
.cost .cost_2 img{width: 100%;height: 1.71rem;margin-bottom: 0.55rem}

.subject{width: 100%;height: auto;position: relative;overflow: hidden;}
.subject .title{ background: url("../images/title_10.png") no-repeat center;background-size: 100% 100%}
.sub_cont{width: 100%;height: auto;position: relative;overflow: hidden}
.sub_cont li{width: 100%;height: 1.6rem;background: #2078aa;position: relative;overflow: hidden;margin-bottom: 0.1rem}
.sub_cont li .p_1{font-size: 0.26rem;color: #fffefe;margin-left: 0.3rem;margin-top: 0.2rem;}
.sub_cont li .p_2{font-size: 0.22rem;color: #fffefe;margin-left: 0.3rem;margin-top: 0.1rem;line-height: 0.34rem}
.sub_cont li img{position: absolute;right: 0.22rem;z-index:0}
.subject .form_submit{margin: 0.1rem auto 0.4rem;}


.appointment1{width: 100%;height: auto;position: relative;overflow: hidden;background: url("../images/bg_5.png") no-repeat center;;background-size: 100% 100%}
.appointment1 .title{color: #fff;margin-bottom: 0.2rem;font-size: 0.36rem;font-weight: bold;text-align: center}
.appointment_form1{width: 100%;height: auto;position: relative;overflow:hidden;margin-bottom: 0.38rem}
#appointment_form1{width: 100%;height: auto;position: relative;overflow: hidden;margin:0 auto;}
.in_text1{float: left;display: inline-block;width: 93.18%;height: 0.82rem;border-radius: 0.5rem;margin-left: 0.15rem;font-size: 0.26rem;padding-left: 0.2rem;outline: none;color: #ababab;margin-top: 0.26rem}
.in_text1 ::-webkit-input-placeholder {color: #ababab;padding-left: 0.2rem}
.in_text1 :-moz-placeholder {color: #ababab;padding-left: 0.2rem  }
.in_text1 ::-moz-placeholder {color: #ababab;padding-left: 0.2rem  }
.in_text1 :-ms-input-placeholder {color: #ababab;padding-left: 0.2rem  }
#message1{width: 41.3%;background: #fda83b;color: #fff;cursor: pointer;text-align: center;font-size: 0.3rem;border-color: #fda83b;margin-left: 0.2rem;padding-left: 0}
.form_tip1{font-size: 0.22rem;color: #fff;line-height: 0.3rem;text-align: justify;margin-top: 0.2rem}
.form_tip1 span{display: block;font-size: 0.22rem;color: #fff;text-align: justify;;margin: 0.2rem auto;width: 90%}
#code1{width: 48.1%;}
#appointment_form1 .form_submit{border-radius: 0.5rem;margin-bottom: 0.3rem}






.teachers{width: 100%;height: auto;position: relative;overflow: hidden;background: url("../images/ms_bgs.png") no-repeat center;background-size: 100% 100%}
.teachers .title{background: url("../images/title_11.png") no-repeat center;background-size: 100% 100%}
.tea_des{width: 90.14%;height: 2.44rem;float: left;margin-left: 0.35rem;background: url("../images/ms_bg.png") no-repeat center;background-size: 100% 100%;margin-bottom: 0.88rem}
.tea_des:last-child{margin-bottom: 0.7rem}
.tea_des img{width: 2.4rem;height: 2.86rem;margin-left: -0.16rem;margin-top: -0.44rem}
.tea_txt{margin-left: 0.05rem;margin-top: 0.55rem;}
.tea_txt .p_1{width: 1.44rem;line-height: 0.34rem;color: #2078aa;border-bottom: 0.02rem solid #fda83b;font-size: 0.24rem;padding-bottom: 0.1rem}
.tea_txt .p_2{font-size: 0.24rem;font-weight: bold;color: #2078aa;line-height: 0.34rem;margin-top: 0.1rem}
.tea_btn{display: block;width: 1.73rem;height: 0.54rem;text-align: center;line-height: 0.54rem;color: #fff;font-size: 0.26rem;font-weight: bold;margin-top: 1.6rem;margin-right: 0.18rem;background: #e6a858;border-radius: 0.05rem}
.swiper-container-tea{width: 100%;height: auto;position: relative;overflow: inherit !important;margin-top: 0.7rem}



.stu_videolist{width: 100%;height: auto;position: relative;overflow: hidden;background: url("../images1/stu_videobg.png") no-repeat center;background-size: 100% 100%;}
.swiper-container-stuvideo {width: 100%;;margin-left: auto;margin-right: auto;}
.stu_videolist .swiper-slide {background-size: cover;background-position: center;}
.gallery-top {height: 10.8rem;width: 100%;}
.gallery-thumbs {height: 1.74rem;box-sizing: border-box;;background: url("../images1/stu_videobg1.png") no-repeat right;background-size: 100% 100%;width: 96%;margin-left: 0.3rem!important;}
.gallery-thumbs .swiper-slide { width: 1.7rem;height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.gallery-thumbs .swiper-slide img{width: 1.59rem;height: 1.12rem;margin-left:0.1rem ;display: block;margin-top: 0.32rem}
.gallery-top .swiper-slide{position: relative;}
.gallery-top .stuvideo_mbimg{width: 5.83rem;height: 10.42rem;position: absolute;top: 0.2rem;left: 50%;margin-left: -2.915rem;z-index: 30}
.gallery-top .stuvideo_bigimg{width: 5.83rem;height: 10.42rem;position: absolute;top: 0.2rem;left: 50%;margin-left: -2.915rem;z-index: 20}
.gallery-top .stu_phvideos{width: 5.83rem;height: 10.42rem;display: block;position: absolute;top: 0.2rem;left: 50%;margin-left: -2.915rem;z-index: 10}










@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone5 */


}


























