.banner-learn {
    background-image: url(/web/Primaryschool/img/new/learnSystemBanner2020507.png);
}
.container,.wai {
    height: 100%;
}
.learningSystem .floor1-bg{
    background:url(/web/Primaryschool/img/new/floor1-bg.png) no-repeat center top;background-size:cover;
}
.floor1-wrap{
    width:100%;padding:100px 0 160px;
}
.learning3 .floor1-wrap{
    width:100%;padding:45px 0 160px;
}
.circle-bg-wrap{
    width:580px;margin:0 auto;position:relative;z-index:0;
}
.circle-icon-group{
    width:100%;height:100%;position:absolute;left:0;top:0;
}
.circle-bg{
    display:block;width:100%;
}
.wrap1,.wrap2,.wrap3,.wrap4{
    width:173px;position:absolute;z-index:4;
}
.wrap2,.wrap3,.wrap4{
    opacity: 0;
}
.wrap1{
    left:50%;top:0px;transform:translateX(-41%);
}
.wrap2{
    right:0;top:178px;
}
.wrap3{
    left:50%;bottom:0;transform:translateX(-57%);
}
.wrap4{
    left:0;top:165px;
}
.wrap-content{
    position:absolute;width:100%;height:100%;left:0;top:0;
}
.wrap2-content,.wrap3-content,.wrap4-content{
    display:none;
}
.wrap-content img{
    display:block;
}
.act-circle{
    display:block;width:100%;position:relative;pointer-events:none;
}
.wrap1-line,.wrap1-txt,.wrap1-img1,.wrap1-img2,.wrap2-line,.wrap2-txt,.wrap2-img1,.wrap3-line,.wrap3-txt,.wrap3-img1,.wrap4-line,.wrap4-txt,.wrap4-img1,.wrap4-img2{
    position:absolute;max-width:500px;
}
.wrap1-line{
    width:220px;right:0;top:-20px;pointer-events:none;
}
.wrap1-txt{
    width:270px;right:-280px;top:-20px;
}
.wrap1-img1,.wrap1-img2{
    width:500px;
}
.wrap1-img1{
    left:40px;bottom:60px;z-index:1;
}
.wrap1-img2{
    left:80px;bottom:-50px;z-index:2;
}
.wrap2-line{
    width:44px;right:-10px;bottom:0;
}
.wrap2-txt{
    width:270px;right:-290px;bottom:0;
}
.wrap2-img1{
    width:500px;left:-80px;top:80px;
}
.wrap3-line{
    width:215px;left:-10px;bottom:0;
}
.wrap3-txt{
    width:270px;left:-290px;bottom:0;
}
.wrap3-img1{
    width:500px;left:40px;top:70px;
}
.wrap4-line{
    width:44px;left:-10px;top:-40px;
}
.wrap4-txt{
    width:270px;left:-290px;top:-40px;
}
.wrap4-img1{
    width:500px;left:200px;top:150px;
}
.wrap4-img2{
    width:500px;left:330px;top:280px;
}
.wrap-img:hover{
    z-index:5;
}

.learningSystem .floor2-bg{
    background:url(/web/Primaryschool/img/new/floor1-bg.png) no-repeat center top #f1f6fe;background-size:cover;padding-bottom:0;overflow:hidden;
}
.floor2-bg .container{
    padding:250px 0;position:relative;
}
.floor2-circle-wrap{
    width:470px;position:relative;top:50%;transform:translateY(-50%);
}
.floor2-circle{
    display:block;width:100%;pointer-events:none;
}
.floor2-mask1{
    display:block;width:85%;position:absolute;left:50%;top:50%;transform:translate(-48%,-51%);
}
.floor2-mask2{
    display:block;width:62%;position:absolute;left:50%;top:50%;transform:translate(-47%,-52%);
}
.floor2-txt1,.floor2-txt2{
    position:absolute;display:block;z-index:2;
}
.floor2-txt1{
    right:100px;top:96px;width:62px;
}
.floor2-txt2{
    right:100px;bottom:74px;width:43px;
}
.floor2-wrap{
    width:500px;position:absolute;left:46%;top:55%;transform:translateY(-50%);
}
.floor2-wrap img:not(:last-child){
    margin-bottom:110px;
}
.floor2-arrow1,.floor2-arrow2{
    display:block;width:88px;position:absolute;
}
.floor2-arrow1{
    right:-75px;top:-15px;
}
.floor2-arrow2{
    right:-85px;bottom:70px;
}
.floor2-bottom-txt{
    width:100%;background:#d2e1fa;border-top:20px solid #bdcbe1;border-bottom:20px solid #bdcbe1;padding:30px 0;
    position:absolute;bottom:0;
}
.floor2-bottom-txt img{
    display:block;width:auto;height:85px;margin:0 auto;pointer-events:none;
}
.learningSystem .floor3-bg{
    background:url(/web/Primaryschool/img/new417/floor3-bg.jpg) no-repeat center top;background-size:cover;padding-bottom:0;padding-top:0;
}
.floor3-txt{
    width:100%;background:#284a94;padding:60px 0;position:relative;z-index:2;
}
.learning5 .floor3-txt{
   position:absolute;bottom: 60px;
}
.floor3-txt img{
    display:block;width:auto;height:90px;margin:0 auto;
}
.floor3-img{
    display:block;width:70%;margin:35px auto;position:relative;z-index:1;
}

.learning5 .floor3-txt img {
    height: 39px;
}
.learning5 .floor3-txt{
    padding:80px 0;
}
@media(max-width:1366px){
    .circle-bg-wrap{
        width:300px;
    }
    .wrap1, .wrap2, .wrap3, .wrap4{
        width:90px;
    }
    .learning .main-tit p {
        font-size: 12px;
    }
    .con1-title{
        width:70%;
    }
    .wrap1-txt{
        width:160px;right:-170px;
    }
    .wrap2-txt{
        width:160px;right:-170px;bottom:0px;
    }
    .wrap3-txt{
        width:160px;left:-165px;
    }
    .wrap4-txt{
        width:160px;left:-165px;top:-20px;
    }
    .wrap1-line{
        width:110px;right:-5px;
    }
    .wrap2-line{
        width:22px;
        bottom: 0px;
        right: -5px;
    }
    .wrap3-line{
        width:110px; left:0;bottom:0;
    }
    .wrap4-line{
        width:22px;left:0;top:-20px;
    }
    .wrap1-img1, .wrap1-img2,.wrap2-img1,.wrap3-img1,.wrap4-img1,.wrap4-img2{
        width:270px;
    }
    .wrap1-img1{
        left:15px;bottom:20px;
    }
    .wrap1-img2{
        left:150px;bottom:10px;
    }
    .wrap2-img{
        left:-55px;top:70px;
    }
    .wrap3-img1{
        left:15px;top:20px;
    }
    .wrap4-img1{
        left:95px;top:60px;
    }
    .wrap4-img2{
        left:175px;top:125px;
    }
    .wrap1{
        top:0;
    }
    .wrap2{
        top:90px;
    }
    .wrap4{
        top:82px;
    }
    .floor1-wrap{
        padding:75px 0;
    }

    .floor2-circle-wrap{
        width:300px;
        left:40px;
        top:44%;
    }
    .floor2-wrap{
        width:300px;
        left:50%;
    }
    .floor2-wrap img:not(:last-child) {
        margin-bottom: 50px;
    }
    .floor2-bg .container{
        padding:190px 0;
    }
    .floor2-arrow1{
        right:-100px;top:10px;
    }
    .floor2-arrow2{
        right:-100px;bottom:50px;
    }
    .floor2-bottom-txt img{
        height:60px;
    }
    .floor2-bottom-txt {
        border-top: 15px solid #bdcbe1;
        border-bottom: 15px solid #bdcbe1;
        padding: 20px 0;
    }
    .floor3-txt img {
        height: 60px;
    }
    .floor3-txt {
        padding: 40px 0;
    }
    
.learning5 .floor3-txt img {
    height: 30px;
}
.learning5 .floor3-txt{
    padding:50px 0;
}
    .floor3-img {
        width: 60%;
        margin: 35px auto;
    }
}
/*2020919更新*/
.main-tit3{
    margin:0 auto;
    text-align:center;
    width:60%;
}
.main-tit3 p{
    text-align:left;
}
.learning1{
    background: url(https://img.acadsoc.com.cn/web/Primaryschool/img/new/floor1-bg.png) no-repeat center top;
    background-size: cover;
}
.learning2{
    background: url(https://img.acadsoc.com.cn/web/Primaryschool/img/new/floor1-bg.png) no-repeat center top #f1f6fe;
    background-size: cover;
}
.learning3{
    background: url(https://img.acadsoc.com.cn/web/Primaryschool/img/new/floor1-bg.png) no-repeat center top #f1f6fe;
    background-size: cover;
}
.learning4,.learning5{
    background: url(https://img.acadsoc.com.cn/web/Primaryschool/img/new417/floor3-bg.jpg) no-repeat center top;
    background-size: cover;
    padding-bottom: 0;
}
#footer{
    padding-top: 0;
    margin-top: -5.4%;
}

/* 移动 */

.sec-main{
    width:100%;
}
.sec-container{
    width:90%;margin:0 auto;
}
.secPadding{
    padding:1rem 0;
}
.sec1{
    background:url(/web/Primaryschool/img/new527/sec1-bg.png) no-repeat;background-size:100% auto;
}
.sec1 .sec-title img{
    height: 1rem;vertical-align: middle;
}
.sec-sub-title{
    font-size:.7rem;line-height:1rem;margin-top:.5rem;
}
.sec1-top-content{
    width:100%;position:relative;padding:4.2rem 0;margin-top:1rem;
}
.sec1-top-img{
    display:block;width:70%;margin:0 auto;
}
.top-img{
    display:block;width:6.5rem;position:absolute;z-index:2;
}
.top-img1{
    left:0;top:0;
}
.top-img2{
    right:0;top:0;
}
.top-img3{
    left:0;bottom:0;
}
.top-img4{
    right:0;bottom:0;
}
.sec1-arr{
    display:block;width:1rem;position:absolute;left:50%;bottom:-1.15rem;transform:translateX(-50%);z-index:2;
}
.sec1-content{
    width:100%;position:relative;margin:1rem 0;
}
.sec1-btn{
    display:block;width:5.8rem;height:5.8rem;border-radius:.8rem;position:absolute;z-index:1;
}
.sec1-btn-act{
    display:block;width:5.8rem;height:3.8rem;border-radius:.8rem;position:absolute;z-index:1;
}
.sec-btn1{
    left:2.4rem;top:8.4rem;
}
.sec-btn2{
    right:2.4rem;top:8.4rem;
}
.sec-btn3{
    left:2.4rem;top:15rem;
}
.sec-btn4{
    right:2.4rem;top:15rem;
}
.sec-btn5{
    left:2.1rem;top:.46rem;
}
.sec-btn6{
    right:2.4rem;top:.46rem;
}
.sec1-content img{
    max-width:100%;pointer-events:none;user-select:none;
}
.title2{
    display:block;width:14.5rem;margin:0 auto;
}
.sec2-top,.sec2-bottom{
    width:100%;background:#284a93;padding:1rem 0;
}
.sec2-bottom{
    width:100%;background:#284a93;padding:1.5rem 0;
}
.sec2-top img{
    max-width:90%;pointer-events:none;user-select:none;
}
.sec2-bottom img{
    pointer-events:none;user-select:none;width:60%;
}
.sec2-content{
    background:url(https://img.acadsoc.com.cn/web/Primaryschool/img/new527/sec2-bg.png) no-repeat;background-size:100% auto;
}
.sec2-content img{
    display:block;width:70%;margin:0 auto;pointer-events:none;user-select:none;
}
.system-page-modal{
    width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;z-index:1001;display:none;
}
.system-modal-container{
    position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:15.25rem;
}
.system-modal-wrapper{
    position:relative;width:100%;box-sizing:border-box;
}
.wrapperBg{
    background:#fff;padding:.5rem;border-radius:.5rem;width:100%;box-sizing:border-box;
}
.close-system-modal{
    display:block;width:1.25rem;height:1.25rem;background:url(https://img.acadsoc.com.cn/web/Primaryschool/img/new527/close-btn.png) no-repeat;background-size:100% 100%;position:absolute;right:0;top:-1.6rem;
}
img{
    max-width:100%;
}
#banner>div.text {
    top: 75%;
    left: 4%;
}
#banner .img-responsive{
    width:100%;
}
#banner .text p{
    margin-left:1%;
}
.sec1-content {
    text-align: center;
}
.sec-sub-title{
    color:#333;
}