html,
body {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}

a {
    cursor: pointer;
}

.clearfix:after {
    content: '\20';
    display: block;
    clear: both;
}

.container {
    min-width: 1200px;
}
.bg-01{
    height: 511px;
    background: url('../images/bg_01.jpg') top;
}
.bg-02{
    position: relative;
    height: 500px;
    background: url('../images/bg_02.jpg') top;
}
.bg-03{
    height: 792px;
    background: url('../images/bg_03.jpg') top;
}
.bg-04{
    position: relative;
    height: 1339px;
    background: url('../images/bg_04.jpg') top;
}
.bg-05{
    height: 555px;
    background: url('../images/bg_05.jpg') top;
}
.bg-06{
    position: relative;
    height: 692px;
    background: url('../images/bg_06.jpg') top;
}
.bg-07{
    position: relative;
    height: 474px;
    background: url('../images/bg_07.jpg') top;
}
.bg-teacher{
    position: relative;
    height: 1285px;
    background: url('../images/bg_teacher.jpg') top;
}
.tips-list{
    position: absolute;
    top: 189px;
    left: 50%;    
    margin-left: -502px;
    width: 1003px;
}
.tips-list li{
    float: left;
        margin-right: 19px;
    list-style-type: none;
}
.tips-list li:last-child{
    margin-right: 0;
}
.tips-01{
    width: 185px;
    height: 253px;
    background: url('../images/tips_01.jpg') top;
}
.tips-01:hover{
    background: url('../images/tips_01_hover.jpg') top;
}
.tips-02:hover{
    background: url('../images/tips_02_hover.jpg') top;
}
.tips-03:hover{
    background: url('../images/tips_03_hover.jpg') top;
}
.tips-04:hover{
    background: url('../images/tips_04_hover.jpg') top;
}
.tips-05:hover{
    background: url('../images/tips_05_hover.jpg') top;
}
.tips-02{
    width: 185px;
    height: 253px;
    background: url('../images/tips_02.jpg');
}
.tips-03{
    width: 185px;
    height: 253px;
    background: url('../images/tips_03.jpg');
}
.tips-04{
    width: 185px;
    height: 253px;
    background: url('../images/tips_04.jpg');
}
.tips-05{
    width: 185px;
    height: 253px;
    background: url('../images/tips_05.jpg');
}
.question1{
    position: absolute;
    top: 180px;
    left: 50%;
    margin-left: -282px;
    width: 564px;
    height: 82px;
}
.question2{
    position: absolute;
    top: 290px;
    left: 50%;
    margin-left: -282px;
    width: 564px;
    height: 82px;
}
.question3{
    position: absolute;
    top: 400px;
    left: 50%;
    margin-left: -282px;
    width: 564px;
    height: 82px;
}
.question4{
    position: absolute;
    top: 510px;
    left: 50%;
    margin-left: -282px;
    width: 564px;
    height: 82px;
}
.apply{
    position: absolute;
    bottom: 156px;
    left: 50%;
    margin-left: -195px;
    width: 386px;
    height: 60px;
}
.teacher-info{
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -502px;
    width: 1004px;
    height: 729px;

}
.tabs-group .tabs{
    width: 193px;
    line-height: 58px;
    color: #fff;
    background: #2f3339;
    text-align: center;
    font-size: 24px;
    letter-spacing: 1px;
    cursor: pointer;
}
.tabs-group .tabs:first-child{
    margin-bottom: 4px;
}
.tabs-group .active{
    color: #23272d;
    background: #f8b541;
}
.avatar-group{
    position: absolute;
    bottom: 111px;
    left: 217px;
    width: 579px;
    list-style-type: none;
}
.avatar-group:last-child{
    display: none;
}
.avatar-group li{
    float: left;
    margin-right: 36px;
    cursor: pointer;
}
.avatar-group li:last-child{
    margin-right: 0;
}
.avatar-group .teacher1{
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_01.png');
}
.avatar-group .teacher2{
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_02.png');
}
.avatar-group .teacher3{
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_03.png');
}
.avatar-group .teacher4{
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_04.png');
}
.avatar-group .teacher5{
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_05.png');
}
.avatar-group .teacher6{
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_06.png');
}
.avatar-group .teacher7{
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_07.png');
}
.avatar-group .teacher8{
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_08.png');
}
.avatar-group .teacher9{
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_09.png');
}
.avatar-group .teacher10{
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_10.png');
}
.avatar-group .teacher11{
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_11.png');
}
.avatar-group .teacher12{
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_12.png');
}
.avatar-group .active{
    display: inline-block;
    width: 66px;
    height: 66px;
    background: url('../images/teacher_info_active.png');
}
.teacher-img .teacher1{
    width: 756px;
    height: 504px;
    background: url('../images/teacher_img_01.jpg');
}
.teacher-img .teacher2{
    width: 756px;
    height: 504px;
    background: url('../images/teacher_img_02.jpg');
}
.teacher-img .teacher3{
    width: 756px;
    height: 504px;
    background: url('../images/teacher_img_03.jpg');
}
.teacher-img .teacher4{
    width: 756px;
    height: 504px;
    background: url('../images/teacher_img_04.jpg');
}
.teacher-img .teacher5{
    width: 756px;
    height: 504px;
    background: url('../images/teacher_img_05_new.jpg');
}
.teacher-img .teacher6{
    width: 756px;
    height: 504px;
    background: url('../images/teacher_img_06.jpg');
}
.teacher-img .teacher7{
    width: 756px;
    height: 504px;
    background: url('../images/teacher_img_07.jpg');
}
.teacher-img .teacher8{
    width: 756px;
    height: 504px;
    background: url('../images/teacher_img_08.jpg');
}
.teacher-img .teacher9{
    width: 756px;
    height: 504px;
    background: url('../images/teacher_img_09.jpg');
}
.teacher-img .teacher10{
    width: 756px;
    height: 504px;
    background: url('../images/teacher_img_10.jpg');
}
.teacher-img .teacher11{
    width: 756px;
    height: 504px;
    background: url('../images/teacher_img_11.jpg');
}
.teacher-img .teacher12{
    width: 756px;
    height: 504px;
    background: url('../images/teacher_img_12.jpg');
}
.teacher-img{
    position: absolute;
    top: 0;
    left: 193px;
    width: 756px;
    height: 504px;
}
.teacher-img:nth-child(3){
    display: none;
}