/*header——css*/


/*Banner*/

.carousel img {
    width: 100%;
    height: auto;
}

.teacherTeam {
    display: block;
    width: 200px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-family: MicrosoftYaHei-Bold;
    font-size: 14px;
    letter-spacing: 1px;
    color: #22ac38;
    border: solid 1px #22ac38;
    margin:0 auto;
    margin-top:42px;
    border-radius:15px;
}
/*/*热卖产品*/

.machineType {
    height: 17px;
    font-size: 16px;
    color: #009944;
    width: 100%;
    text-align: center;
    margin-bottom: 26px;
}
.intro p {
    line-height:21px;
}

.product_bg {
    width: 100%;
    padding-top: 84px;
    padding-bottom: 84px;
    overflow: hidden;
}

.productList {
    width: 100%;
    font-family: "微软雅黑";
    margin-top: 42px;
}

.product,
.famousTeacher {
    width: 62.5%;
    margin: 0 auto;
    text-align: center;
}


.famousTeacher_bg2 .moreGoodTeacher {
    display: none;
    width: 20.75%;
    margin: 0 auto;
    /*height: 30px;*/
    margin-top: 37px;
}

    .famousTeacher_bg2 .moreGoodTeacher img {
        width: 100%;
        height: auto;
    }

.title {
    font-size: 36px;
    margin: 0 auto;
    text-align: center;
    height: 36px;
    font-family: "微软雅黑";
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 4px;
    color: #22ac38;
}
.title a{
    outline:none;
    color:#22ac38;
}
.product .title {
    width: 8%;
}

.famousTeacher_bg2 .title {
    width: 10%;
}

.hotProduct {
    width: 31.9%;
    float: left;
    background-color: #ffffff;
}

.distance {
    margin-left: 1.92%;
    margin-right: 1.92%;
}

.productTop {
    font-size: 16px;
    letter-spacing: 0px;
    font-family: "微软雅黑";
    color: #484848;
    width: 100%;
}

    .productTop .img {
        width: 100%;
    }

.picture > img {
    width: 100%;
    height: auto;
    transition: transform .6s ease-in-out;
    transform: scale(1, 1) translateZ(0);
}

    .picture > img:hover {
        transform: scale(1.04, 1.04) translateZ(0)
    }

.hotProduct:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
    transition: transform .4s ease
}

.Mathtext .picText:hover {
    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
    transition: transform .4s ease
}

.moreFamousTeacher:hover {
    box-shadow: 0 15px 15px rgba(0, 0, 0, .1);
    -webkit-transform: translate3d(0, -2px, 0);
    -moz-transform: translate3d(0, -2px, 0);
    -o-transform: translate3d(0, -2px, 0);
    -ms-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-transition: transform .4s ease;
    -moz-transition: transform .4s ease;
    -o-transition: transform .4s ease;
    -ms-transition: transform .4s ease;
    transition: transform .4s ease
}

.description ,.kimikids{
    width: 100%;
    height: 102px;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    letter-spacing: 2px;
    color: #5c5b5b;
    text-align: center;
    line-height: 102px;
    border-radius:5px;
}

.kimikids {
    
    height: 56px;
    background: #DDF5C9;
    font-size: 16px;
  letter-spacing:0px;
    line-height: 56px;
    margin-bottom: 13px;
    border-radius:0 0 5px 5px;
    
}

.h-60 {
    display: inline-block;
    width: 100%;
    height: 17px;
    font-family: "微软雅黑";
    font-size: 16px;
    letter-spacing: 0px;
    color: #009944;
}


/*名师专栏*/

.famousTeacher_bg {
    width: 100%;
    background: #fff;
}

.famousTeacher_bg2 {
    padding-top: 84px;
    padding-bottom: 84px;
    overflow:hidden;
}

.brandZixun .column {
    width: 9%;
}

.carouselBottom .column {
    width: 14%;
    clear: both;
}

.brandZixun {
    background: #FFFFFF;
    padding-bottom: 84px;
    padding-top: 84px;
    overflow: hidden;
}

    .brandZixun .famousTeacher {
        margin-top: 42px;
        overflow: hidden;
    }

.Mathtext {
    width:100%;
    border-radius:5px;
}

/*.brandZixun .famousTeacher > div {
   
}*/

.brandZixun .famousTeacher .brandInfo {
    float: left;
    width: 49.25%;
}

.brandZixun .famousTeacher .brandVideo {
    float: right;
    width: 49.25%;
}

.Mathtext img {
    width: 100%;
    height: auto;
    display: block;
    border-radius:5px 5px 0 0 ;
}



.moreGoodTeacher {
    padding-top: 30px;
    clear: both;
    margin: 0 auto;
    width: 298px;
    height: 30px;
}

.information_bg {
    width: 100%;

    margin: 0 auto;
}

.pic {
    width: 100%;
}

    .pic img {
        width: 100%;
        height: auto;
    }

.teacherColumn {
    margin-top: 42px;
}


/*标题相同的样式*/

.moreInformation,
.moreGoodTeacher {
   width:100%;
   height:32px;
   margin-top:42px;
   text-align:right;

}
    .moreInformation a,
    .moreGoodTeacher a {
        display: inline-block;
        width: 22%;
        text-align: center;
        border: solid 1px #22ac38;
        color: #22ac38;
        line-height:30px;
        font-size:14px;
        font-family:"微软雅黑";
        border-radius:15px;

    }
    .moreInformation img {
        width: 100%;
        height: auto;
    }


/*分页实现的css*/

html,
body {
    position: relative;
    height: 100%;
}

.swiper-container {
    width: 100%;
    background-color: #F4F4F4;
}

.swiper-pagination-bullet {
    width: 63px;
    height: 3px;
    border-radius: 0;
    background: url(../images/index/2_03.png) no-repeat;
}

.swiper-slide {
    width: 62.5%;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
    margin: 0 auto;
    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;
}


/*用户心语*/

.swiper-wrapper-1 {
    width: 62.5%;
    position: relative;
    background-color: #ffffff;
    margin: 0 auto;
}

.moreFamousTeacher {
    width: 98%;
    background-color: #ffffff;
    padding-bottom: 42px;
    float: left;
    font-family: "微软雅黑";
    overflow:hidden;
    border-radius:6px;
}

.TeacherColumn {
    margin-top: 41px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.TeacherColumn>a{
width:33%;

display:block;
}

    .TeacherColumn > div:nth-child(2) {
        float: right;
    }

.moreFamousTeacher h2 {
    height: 23px;
    font-size: 24px;
    line-height: 30px;
    color: #3d3d3d;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.moreFamousTeacher .intro {
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    color: #484848;
    margin: 0 auto;
    height:120px

}

.boxy-wrapper {
    position: fixed;
    left: 50%;
    top: 50%;
}


/*家长心语*/

.carousel .swiper-container {
    width: 100%;
}

swiper-button-next {
    right: 0px;
}

.slide {
    width: 100%;
}

    .slide .img {
        margin-top: 37px;
    }

    .slide .title {
        width: 100%;
        font-weight: normal;
        text-align: center;
        height: 24px;
        font-family: "微软雅黑";
        font-size: 24px;
        color: #303030;
        margin-top: 21px;
    }

.swiper-button-prev:hover,
.swiper-button-next:hover {
    background: #22AC38;
}

.slide .content {
    text-align: left;
    width: 54%;
    margin: 0 auto;
    font-family: "微软雅黑";
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #484848;
    margin: 0 auto;
    margin-top: 21px;
}

.styleLine {
    margin: 0 auto;
    width: 50%;
    height: 2px;
    border-bottom: 2px solid #22ac38;
    margin-top: 12px;
}

.carouselBottom {
    width: 100%;
    background: #FFFFFF;
    padding-top: 84px;
    padding-bottom: 84px;
}
    .carouselBottom .swiper-wrapper {
        width: 100%;
        height: 437px;
        margin-top: 42px;
        /*background:#d6f6ec;*/
    }

@media (min-width: 1024px) {
    .kimikids {
        font-size: 13px;
    }

    .title {
        font-size: 25px;
    }

    .h-60 {
        font-size: 12px;
    }

    .product .title {
        width: 10%;
    }

    .brandZixun .column {
        width: 14%;
    }

    .famousTeacher_bg2 .title {
        width: 14%;
    }

    .carouselBottom .column {
        width: 20%;
    }

    .description {
        font-size: 11px;
    }

    .product,
    .famousTeacher,
    .swiper-wrapper-1 {
        width: 75.5%;
    }


        .machineType,
        .moreFamousTeacher .intro,
        .slide .content {
            font-size: 12px;
        }

        .slide .title,
        .moreFamousTeacher h2 {
            font-size: 18px
        }

    .famousTeacher_bg2 .moreGoodTeacher {
        width: 29.75%;
    }
}


/*>=1024的设备*/

@media (min-width: 1152px) {
    .title {
        font-size: 28px;
    }


    .product .title {
        width: 10%;
    }

    .brandZixun .column {
        width: 13%;
    }

    .famousTeacher_bg2 .title {
        width: 13%;
    }

    .carouselBottom .column {
        width: 19%;
    }

    .description,
    .h-60{
        font-size: 13px;
       
    }

    .product,
    .famousTeacher,
    .swiper-wrapper-1 {
        width: 70.5%;
    }


        .machineType,
        .moreFamousTeacher .intro,
        .slide .content {
            font-size: 12px;
        }

        .slide .title,
        .moreFamousTeacher h2 {
            font-size: 20px
        }

    .famousTeacher_bg2 .moreGoodTeacher {
        width: 29.75%;
    }
}


/*>=1100的设备*/

@media (min-width: 1280px) {

    .intro p {
        line-height: 24px;
    }
    .title {
        font-size: 29px;
    }

    .product .title {
        width: 10%;
    }

    .brandZixun .column {
        width: 12%;
    }

    .famousTeacher_bg2 .title {
        width: 12%;
    }

    .carouselBottom .column {
        width: 19%;
    }

    .description {
        font-size: 13px;
        color:#5c5b5b;
    }

    .product,
    .famousTeacher,
    .swiper-wrapper-1 {
        width: 68.5%;
    }

   

        .machineType,
        .moreFamousTeacher .intro,
        .slide .content {
           font-size: 12px;
    line-height: 20px;
        }

        .slide .title,
        .moreFamousTeacher h2 {
            font-size: 20px
        }

    .famousTeacher_bg2 .moreGoodTeacher {
        width: 29.75%;
    }
}


/*>=1280的设备*/

@media (min-width: 1360px) {

    .intro p {
        line-height: 25px;
    }

    .brandZixun .column, .famousTeacher_bg2 .title {
        width: 11%;
    }

    .title {
        font-size: 30px;
    }

    .product, .famousTeacher, .swiper-wrapper-1 {
        width: 62.5%;
    }

    .description, .kimikids {
        font-size: 14px;
    }

    .moreFamousTeacher h2 {
        font-size: 22px;
    }

    .h-60, .machineType, .moreFamousTeacher .intro, .slide .content {
        font-size: 14px;
    }

    .intro p {
        line-height: 25px;
    }

    .product .title {
        width: 9%;
    }

    /*.moreInformation, .moreGoodTeacher {
        width: 25%;
        margin-left: 75%;
    }*/
}

@media (min-width: 1366px) {


    .intro p {
        line-height: 25px;
    }

    .brandZixun .column, .famousTeacher_bg2 .title {
        width: 11%;
    }

    .title {
        font-size: 30px;
    }

    .product, .famousTeacher, .swiper-wrapper-1 {
        width: 62.5%;
    }

    .description, .kimikids {
        font-size: 14px;
    }

    .moreFamousTeacher h2 {
        font-size: 22px;
    }

    .h-60, .machineType, .moreFamousTeacher .intro, .slide .content {
        font-size: 14px;
    }

    .intro p {
        line-height: 25px;
    }

    .product .title {
        width: 9%;
    }

    /*.moreInformation, .moreGoodTeacher {
        width: 25%;
        margin-left: 75%;
    }*/
}




@media (min-width: 1400px) {


    .intro p {
        line-height: 25px;
    }

    .brandZixun .column, .famousTeacher_bg2 .title {
        width: 11%;
    }

    .title {
        font-size: 30px;
    }

    .product, .famousTeacher, .swiper-wrapper-1 {
        width: 62.5%;
    }

    .description, .kimikids {
        font-size: 14px;
    }

    .moreFamousTeacher h2 {
        font-size: 22px;
    }

    .h-60, .machineType, .moreFamousTeacher .intro, .slide .content {
        font-size: 14px;
    }

    .intro p {
        line-height: 25px;
    }

    .product .title {
        width: 9%;
    }

    /*.moreInformation, .moreGoodTeacher {
        width: 25%;
        margin-left: 75%;
    }*/

}



@media (min-width: 1440px) {




    .intro p {
        line-height: 25px;
    }

    .brandZixun .column, .famousTeacher_bg2 .title {
        width: 11%;
    }

    .title {
        font-size: 30px;
    }

    .product, .famousTeacher, .swiper-wrapper-1 {
        width: 62.5%;
    }

    .description, .kimikids {
        font-size: 14px;
    }

    .moreFamousTeacher h2 {
        font-size: 22px;
    }

    .h-60, .machineType, .moreFamousTeacher .intro, .slide .content {
        font-size: 14px;
    }

    .intro p {
        line-height: 25px;
    }

    .product .title {
        width: 9%;
    }

    /*.moreInformation, .moreGoodTeacher {
        width: 25%;
        margin-left: 75%;
    }*/



}

@media (min-width: 1600px) {
   

 


    .intro p {
        line-height: 25px;
    }

    .brandZixun .column, .famousTeacher_bg2 .title {
        width: 11%;
    }

    .title {
        font-size: 31px;
    }

    .product, .famousTeacher, .swiper-wrapper-1 {
        width: 62.5%;
    }

    .description, .kimikids {
        font-size: 14px;
    }

    .moreFamousTeacher h2 {
        font-size: 22px;
    }

    .h-60,  .machineType, .moreFamousTeacher .intro, .slide .content {
        font-size: 15px;
    }

    .intro p {
        line-height: 25px;
    }

    .product .title {
        width: 9%;
    }

    /*.moreInformation, .moreGoodTeacher {
        width: 25%;
        margin-left: 75%;
    }*/



}

@media (min-width: 1680px) {

    .intro p {
        line-height: 25px;
    }

    .brandZixun .column, .famousTeacher_bg2 .title {
        width: 10%;
    }

    .title {
        font-size: 33px;
    }

    .product, .famousTeacher, .swiper-wrapper-1 {
        width: 62.5%;
    }

    .description {
        font-size: 16px;
    }

    .moreFamousTeacher h2 {
        font-size: 24px;
    }

    .h-60, .kimikids, .machineType, .moreFamousTeacher .intro, .slide .content {
        font-size: 16px;
    }

    .intro p {
        line-height: 25px;
    }

    .product .title {
        width: 8%;
    }

    /*.moreInformation, .moreGoodTeacher {
        width: 22%;
        margin-left: 78%;
    }*/

}

@media (min-width: 1920px) {
  
    .intro p {
        line-height: 25px;
    }

    .brandZixun .column, .famousTeacher_bg2 .title {
        width:9%;
    }

    .title {
        font-size: 36px;
    }
    .product, .famousTeacher, .swiper-wrapper-1 {

        width:62.5%;
    
    }
  
    .description {
        font-size:18px;
    }
    .moreFamousTeacher h2 {
        font-size:24px;
    }
.h-60, .kimikids, .machineType, .moreFamousTeacher .intro, .slide .content {
    font-size: 16px;
}
    .intro p {
        line-height:25px;
    }

    .product .title {
        width:8%;
    }

    /*.moreInformation, .moreGoodTeacher {
        width: 22%;
        margin-left: 78%;
    }*/


}



@media (max-width: 1024px) {
    .kimikids {
        font-size: 13px;
    }

    .title {
        font-size: 25px;
    }

    .h-60 {
        font-size: 12px;
    }

    .product .title {
        width: 10%;
    }

    .brandZixun .column {
        width: 14%;
    }

    .famousTeacher_bg2 .title {
        width: 14%;
    }

    .carouselBottom .column {
        width: 20%;
    }

    .description {
        font-size: 11px;
    }

    .product,
    .famousTeacher,
    .swiper-wrapper-1 {
        width: 75.5%;
    }


    .machineType,
    .moreFamousTeacher .intro,
    .slide .content {
        font-size: 12px;
    }

    .slide .title,
    .moreFamousTeacher h2 {
        font-size: 18px
    }

    .famousTeacher_bg2 .moreGoodTeacher {
        width: 29.75%;
    }
}