/*This is the beginning of CSS on pc*/
*{
    margin:0;
    padding:0;
    outline: none;
}
p{
    margin-bottom: 0!important;
}
body{
    background: #f7f9fc!important;
}
.a-wrap:hover{
    cursor: pointer;
}
/*show or hide/////////////////////////////////////////////////////////////////*/
.banner{
    display: block;
}
.banner-ydd{
    display: none;
}
.pc_footer{
    display: block;
}
.pcheade{
    display: block;
}
.ydheade{
    display: none;
}
.ydd-erweima{
    display: none;
}
.Learning-classroom-wrap{
    display: block;
}
.Learning-classroom-wrap-ydd{
    display: none;
}
.Student-show-wrap{
    display: block;
}
.Student-show-ydd{
    display: none;
}
.Aspirations-pc{
    display: block;
}
.Aspirations-ydd{
    display: none;
}

/*show or hide is over*/
.bkcl:hover{
    cursor: pointer;
    background:red;
}
/*banner*/
.banner{
    background: url("../images/banner.jpg") no-repeat center;
    background-size: 100% 100%;
    height: 7.88rem;
    width: 100%;
}
/*banner is over */
/*Passing rate*/
.Passing{
    max-width: 1200px;
    margin: auto;
    height: auto;
}
.Passing-title p{
    text-align: center;
    font-size: 0.34rem;
    color: #333333;
    line-height: 0.55rem;
}
#main{
    max-width: 1200px;
    margin: auto;
    height: 600px;
}
/*End Passing rate*/
/*Student show*/
.Student-show{
    max-width: 1200px;
    margin: auto;
    height: auto;
}
.Student-show-title{
    margin-top: 0.9rem;
}
.Student-show-title p{
    font-size: 0.4rem;
    color: #333333;
}

.Student-show-title span{
    font-size: 0.24rem;
    color: #e8e8e8;
}
.Student-show-title-1{
    width: 100%;
    height: auto;
    margin: auto;
}
.Student-show-title-1 p{
    text-align: center;
    font-size: 0.24rem;
    color: #333333;
    line-height: 1.5rem;
}
.Student-show-wrap{
    width: 100%;
    height: auto;
    margin: auto;
    display: flex;
}
.Student-show-1 p{
    font-size: 0.24rem;
    text-align: center;
    color: #333333;
}
.active{
    margin-top: 0.6rem;
}
.active-1{
    margin-top: 2.1rem;
}
.size{
    margin-top: 0.5rem;
}
.size p{
    text-align: center;
    font-size: 0.24rem;
    color: #5a5b5d;
    line-height: 0.5rem;
}
.active-wrap{
    background: #fdfefe!important;
    opacity: 0.7;
    padding: 14%;
}
.up{
    transition: all  .25s  ease-in;
    -moz-transition: all  .25s  ease-in;
    -webkit-transition: all  .25s  ease-in;
}
.Student-show-a{
    background:url("../images/student1.png");
    width: 2.0rem!important;
    height: 2.56rem!important;
}
.Student-show-a-1{
    background:url("../images/student2.png");
    width: 2.0rem;
    height: 2.56rem;
}
.Student-show-a-2{
    background:url("../images/student3.png");
    width: 2.0rem;
    height: 2.56rem;
}
.Student-show-a-3{
    background:url("../images/student4.png");
    width: 2.0rem;
    height: 2.56rem;
}
.Student-show-a-4{
    background:url("../images/student5.png");
    width: 2.0rem;
    height: 2.56rem;
}
.Student-show-a-5{
    background:url("../images/student6.png");
    width: 2.0rem;
    height: 2.56rem;
}
.Student-show-a{
    width: 100%;
    height: auto;
}
.active-wrap{
    width:100%;
    height: 100%;
    display: none;
}
@-webkit-keyframes fadeIn {
    0% {
    opacity: 0; /*初始状态 透明度为0*/
    }
    50% {
    opacity: 0; /*中间状态 透明度为0*/
    }
    100% {
    opacity: 1; /*结尾状态 透明度为1*/
    }
}
.aw{
    -webkit-animation-name: fadeIn; /*动画名称*/
    -webkit-animation-duration: 3s; /*动画持续时间*/
    -webkit-animation-iteration-count: 1; /*动画次数*/
    -webkit-animation-delay: 0s;
}
.active-wrap p{
    font-size: 0.18rem;
    text-align: left;
    line-height: 0.25rem;
}
/*End Student show*/
/*advantage students*/
.advantagestudents{
    width: 100%;
    height: auto;
}
.advantagestudents-title{
    margin-top: 0.5rem;
}
.advantagestudents-title p{
    font-size: 0.4rem;
    color: #333333;
}

.advantagestudents-title span{
    font-size: 0.24rem;
    color: #e8e8e8;
}

.bkcl{
    background: #1d6de6;
    width: 72%;
    height: auto;
    margin: auto;
    margin-top: 0.1rem;
    border-radius: 50px;
}
.bkcl p {
    text-align: center;
    color: #ffffff;
    line-height: 0.4rem;
    font-size: 0.2rem;
}
.student-wrap-2{
    display: flex;
    margin-top: 0.4rem;
}
.student-img{
    height: auto;
    margin-left: 0.8rem;
}
.student-img img{
    margin: auto;
    display: block;
    width: 1.5rem;
}
.student-img p{
    font-size: 0.24rem;
    color: #5a5b5d;
    text-align: center;
}
.student-wrap-1{
    margin-top: 0.5rem;
}
/*End advantage students*/
/*Aspirations of students*/
.Aspirations-title p{
    font-size: 0.4rem;
    color: #333333;
}
.Aspirations-title span{
    font-size: 0.24rem;
    color: #e8e8e8;
}
.Aspirations{
    margin-top: 0;
}
.Aspirations-1{
    background: url(../images/background.png);
    height: 3.42rem;
    width: 6.0rem;
    background-size: 100% 100%;
    overflow: auto;
}
.Aspirations-2{
    display: flex; 
    margin-top: 0.4rem;
}
.Aspirations-2 img{
    width: 10%;
    height: auto;
    margin-left: 0.7rem;
}
.Aspirations-3{
    margin-left: 0.2rem;
}
.Aspirations-3 p{
    font-size: 0.24rem;
    color: #252628;
}
.Aspirations-3 .p2{
    font-size: 0.16rem;
    color: #252628;
}
.Aspirations-4{
    width: 77%;
    margin: auto;
    margin-top: 0.15rem;

}
.Aspirations-4 p{
    font-size: 0.16rem;
    color: #252628;
    text-align: left;
    line-height: 0.28rem;
}
/*End Aspirations of students*/
/*Learning classroom*/
.Learning-classroom-title{
    margin-top: 0.3rem;
}
.Learning-classroom-title p{
    font-size: 0.4rem;
    color: #333333;
}
.Learning-classroom-title span{
    font-size: 0.24rem;
    color: #e8e8e8;
}
.Learning-classroom-wrap-1{
    display: flex;
    justify-content: space-between;
    margin-top: 0.3rem;
}
.Learning-classroom-wrap-2{
    width: 32%;
}
.Learning-classroom-wrap-2 img{
    width: 100%;
}
.Learning-classroom-wrap-2 img:hover{
    transition: all 0.6s;
    transform: scale(1.04);
}
.Learning-classroom-wrap-3{
    background: #ffffff;
    width: 10.09rem;
    height: 3.02rem;
    margin: auto;
    margin-top: 0.9rem;
}
.classroom-wrap-3-font p{
    font-size: 0.26rem;
    color: #252628;
    text-align: center;
    line-height: 2.3rem;
}
.classroom-wrap-3-buttom{
    width: 20%;
    background: #2a98ff;
    margin: auto;
    border-radius: 50px;
}
.classroom-wrap-3-buttom p{
    font-size: 0.24rem;
    color: #ffffff;
    text-align: center;
    line-height: 0.5rem;
}
.Learning-classroom{
    margin-bottom: 1.0rem;
}
/*End Learning classroom*/
/*footer*/
.footer .a{
    color: #ffffff!important;
}
.footer p{
    color: #ffffff!important;
}
.banxue{
    color: #ffffff!important;
}
/*End footer*/



@media screen and (max-width: 1200px){
    body{
        font-size: 0!important;
    }
    /*show or hide/////////////////////////////////////////////////////////////////*/
    .banner{
        display: none!important;
    }
    .banner-ydd{
        display: block!important;
    }
    .pcheade{
        display: none!important;
    }
    .ydheade{
        display: block!important;
    }
    .pc_footer{
        display: none!important;
    }
    .ydd-erweima{
        display: block!important;
    }
    .Learning-classroom-wrap{
        display: none!important;
    }
    .Learning-classroom-wrap-ydd{
        display: block!important;
    }
    .Student-show-wrap{
        display: none!important;
    }
    .Student-show-ydd{
        display: block!important;
    }
    .Aspirations-pc{
        display: none!important;
    }
    .Aspirations-ydd{
        display: block!important;
    }
    /*banner-ydd*/
    .banner-ydd{
        background: url("../images/banner-ydd.jpg") no-repeat center;
        background-size: 100% 100%;
        height:3.0rem;
    }
    /*banner-ydd is over*/
    /*Passing rate*/
    #main{
        width: 100%;
        height: 6.0rem;
    }
    canvas{
        width: 100%;
        height: 6.0rem;
    }
    .Passing-title{
        margin-top: 0.5rem;
    }
    /*End Passing rate*/
    /*Student show*/
    .Student-show{
        width: 95%;
        margin: auto    ;
    }
    /*End Student show*/
    /*advantage students*/
    .student-img img {
        width: 1.0rem;
        height: auto;
    }
    .student-img {
        height: auto;
        margin-left: 0.35rem;
    }
    .swiper-button-next{
        display: none;
    }
    /*End advantage students*/
  
    /*Learning classroom*/
    .Learning-classroom-wrap-3{
        width: 95%;
        margin: auto;
        margin-top: 0.3rem;
        margin-bottom: 1.5rem;
    }
     .Learning-classroom-wrap-2{
        width: 48%;
    } 
    .Learning-classroom-wrap-2 img{
        width: 100%;
        flex-wrap:wrap ;
    }
    .Learning-classroom-wrap-1{
        flex-wrap:wrap ;
    }  

    /*End Learning classroom*/
    /*Student show ydd*/
    .stydent-ydd{
        position: relative;
        overflow: auto;
    }
    .stydent-ydd-1 img{
        width: 41%;
        height: auto;
        margin: auto;
        display: block;
        position: absolute;
        left: 0.9rem;
    }
    .stydent-ydd-2{
        background: #ffffff;
        overflow: auto;
        margin-top: 45px;
        border: 1px solid #ebebeb;
    }   
   
    .stydent-ydd-2 p{
        font-size: 0.24rem;
        text-align: center;
        color: #333333;
        line-height: 0.35rem;
        margin-top: 0.6rem;
    }
    .stydent-ydd-2 .p1{
        font-size: 0.20rem;
        text-align: center;
        color: #666666;
        margin-top: 0.15rem;
    }
    .stydent-ydd-3{
        width: 30%;
        margin: auto;
        background: #2a98ff;
        border-radius: 50px;
        margin-bottom: 0.2rem;
    }
    .stydent-ydd-3 p{
        font-size: 0.2rem;
        text-align: center;
        line-height: 0.35rem;
        color: #ffffff;
        margin-top: 0.2rem;
    }
     /*End Student show ydd*/
     .Aspirations-1 {
        width: 100%;
    }
    .Aspirations-1-ydd{
        background: url("../images/background.png");
        height: 3.42rem;
        width: 6.0rem;
        background-size: 100% 100%;
        overflow: auto;
    }
    .Aspirations-2-ydd{
        display: flex; 
        margin-top: 0.4rem;
    }
    .Aspirations-2-ydd img{
        width: 10%;
        height: 20%;
        margin-left: 0.7rem;
    }
    .Aspirations-3-ydd{
        margin-left: 0.2rem;
    }
    .Aspirations-3-ydd p{
        font-size: 0.24rem;
        color: #252628;
    }
    .Aspirations-3-ydd .p2{
        font-size: 0.16rem;
        color: #252628;
    }
    .Aspirations-4-ydd{
        width: 77%;
        margin: auto;
        margin-top: 0.25rem;
    }
    .Aspirations-4-ydd p{
        font-size: 0.16rem;
        color: #252628;
        text-align: left;
        line-height: 0.28rem;
    }
    .button img{
        width: 32%;
    }
}