#app {
    position: relative;
}

#setting {
    width: 7.5rem;
    position: absolute;
    top: 0;
}

#ohter {
    position: absolute;
    top: 5.25rem;
    width: 100%;
}

#introduce {
    width: 7.02rem;
    height: 6.7rem;
    background-image: url('../img/introduce_1.png');
    background-size: 7.02rem auto;
    overflow: hidden;
    margin: auto;
}

.introduce_con {
    margin-top: 1.56rem;
    font-size: .26rem;
    font-weight: bold;
    color: #FFFFFF;
    line-height: .47rem;
    padding: 0 .65rem 0 .42rem;
    box-sizing: border-box;
}

#advantage {
    padding: 0 .15rem;
    box-sizing: border-box;
    width: 7.02rem;
    height: 48.21rem;
    background-image: url('../img/advantage_1.png');
    background-size: 7.02rem auto;
    overflow: hidden;
    margin: .43rem auto 0;
}

#camp {
    
}

.camp_img {
    display: block;
    width: 4.02rem;
    margin: 1.56rem auto 0;
}

.camp_con {
    text-indent: 2em;
    margin-top: .23rem;
    font-size: .26rem;
    font-weight: 400;
    color: #000000;
    line-height: .36rem;
    opacity: 0.8;
}

.camp_box {
    border: .02rem solid #0096FF;
    border-radius: .2rem;
    overflow: hidden;
    margin-top: .24rem;
    padding-bottom: .2rem;
    background: #0096FF;
    height: 4.5rem;
}

.camp_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.camp_row {
    width: 20%;
    text-align: center;
    height: .67rem;
    background: #fff;
    line-height: .67rem;
    font-size: .24rem
}

.camp_row.active {
    background: #0096FF;
    color: #fff;
}

.camp_sri {

}

.camp_case {

}

.camp_tit {
    margin-top: .2rem;
    color: #fff;
    width: 100%;
    padding: .24rem 1rem;
    box-sizing: border-box;
    text-align: center;
    font-weight: bold;
    line-height: .4rem;
    height: 1.2rem;
}

.camp_photo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 .15rem;
    margin-top: .2rem;
    box-sizing: border-box;
}

.camp_sm {
    width: 3rem;
}

#teacher {
    margin-top: .48rem;
}

.teacher_img {
    display: block;
    width: 4.1rem;
    margin: 0 auto 0;
}

.teacher_roll {
    margin-top: .2rem;
}

.teachserBb {
    position: relative;
    overflow: hidden;
    width: 6.76rem;
    height: 5.54rem;
}

.teacherImg {
    width: 100%;
}

.teacherSm {
    position: absolute;
    z-index: 100;
    height: 4.8rem;
    display: block;
    bottom: .14rem;
    left: .4rem;
}

.teacherSb {
    padding: .17rem;
    box-sizing: border-box;
    position: absolute;
    top: .28rem;
    right: .3rem;
    width: 3.5rem;
    height: 4.96rem;
    background: rgba(255, 255, 255, .3);
    border-radius: .1rem;
    z-index: 100;
}

.teacherIs {
    z-index: 99;
    width: 100%;
    position: relative;
}

.teachserRow {
    margin-bottom: .2rem;
}

.teachserTitle {
    display: flex;
    align-items: center;
}

.teacherName {
    font-weight: bold;
    color: #fff;
    font-size: .34rem;
}

#system {
    margin-top: .46rem;
}

.system_img {
    display: block;
    width: 4.1rem;
    margin: 0 auto 0;
}

.system_ckg {
    width: 6.53rem;
    margin: .25rem auto 0;
}

#student {
    margin-top: .46rem;
}

.student_img {
    display: block;
    width: 4.1rem;
    margin: 0 auto 0;
}


 #student .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: .54rem;
    margin-top: .15rem;
}

 #student .swiper-slide {
    text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
  }

 #student .swiper-slide-active, #student .swiper-slide-duplicate-active {
    transform: scale(1);
}

 #student .swiper-pagination {
    position: relative;
    top: .2rem;
}

 #student .swiper-pagination-bullet {
    background: #0096FF;
    opacity: 1;
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

 #student .swiper-pagination-bullet-active {
    background: #0096FF;
    width: .4rem;
    height: .1rem;
    border-radius: .05rem;
}

#service {
    margin-top: .1rem;
}

.service_img {
    display: block;
    width: 4.1rem;
    margin: 0 auto 0;
}

.service_ckg {
    width: 6.78rem;
    margin: .41rem auto 0;
}

#aim {
    margin-top: .52rem;
    padding: 0 .24rem;
    box-sizing: border-box;
}

.aim_img {
    display: block;
    width: 5.11rem;
}

.aim_list {
    margin-top: .24rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.aim_row {
    width: 3.38rem;
    height: 2.35rem;
    background: #FFFFFF;
    box-shadow: 0px 1px .16rem 0px rgba(1, 28, 28, 0.35);
    border-radius: .1rem;
    margin-bottom: .2rem;
    padding: 0 .21rem;
    box-sizing: border-box;
}

.aim_tit {
    display: block;
    margin: .26rem auto 0;
    height: .26rem;
}

.aim_con {
    margin-top: .35rem;
    font-size: .24rem;
    font-weight: 200;
    color: #000000;
    line-height: .3rem;
    opacity: 0.7;
}

#price {
    margin-top: .65rem;
    padding: 0 .24rem;
    box-sizing: border-box;
}

.price_img {
    display: block;
    width: 6.61rem;
}

.price_main {
    overflow: hidden;
    background: #fff;
    margin: .54rem auto 0;
    width: 7.02rem;
    height: 2.46rem;
    border: .02rem solid #FFE08C;
    border-radius: .2rem;
}

.price_main table {
    width: 100%;
}

.price_main table thead {
    height: .67rem;
    line-height: .67rem;
    background: rgba(254, 172, 28, 1);
}

.price_main table thead tr {
    
}

.price_main table thead tr td {
    width: 25%;
    text-align: center;
    font-size: .26rem;
    font-weight: bold;
    color: #FFFFFF;
    border-right: .02rem solid #FFE08C;
    border-bottom: .02rem solid #FFE08C;
}

.price_main table tbody {

}

.price_main table tbody tr {

}

.price_main table tbody tr td {
    height: 1.79rem;
    line-height: .3rem;
    border-right: .02rem solid #FFE08C;
    text-align: center;
    color: #000;
    font-size: .24rem;
    font-weight: bold;
}

#footsy {
    margin-top: .89rem;
    width: 100%;
    height: 3.95rem;
    background: #1E2124;
    overflow: hidden;
}

#footsy .row {
    color: #B6B6B6;
    font-size: .24rem;
    text-align: center;
    margin-bottom: .32rem;
}

#footsy .row:first-child {
    margin-top: .55rem;
}