.l_eloqBanners {
    position: relative;
    height: 100%;
}
.swiper-container {
    width: 100%;
    height: 100%;
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* 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;
}
.experience {
    width: 100%;
    height: 92px;
    background: url(https://res.maxiaoha.cn/2hlweb/images/Eloquence/product/images01.png) no-repeat;
    background-size: 100% 100%;
    margin: -1px auto 0;
    position:relative;
}
.experience>img{
   position:absolute;
   bottom:0;
   right:30%;
   cursor:pointer;
}
.l_why{
    width:100%;
    margin:60px auto 0;
}
    .l_why p {
    text-align:center;
        font-size: 40px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 40px;
    }
    .l_why ul {
        display: -webkit-flex;
        display: flex;
        justify-content:space-between;
        margin:57px auto 26px;
    }
    .l_why ul li {
        width: 260px;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
        .l_why ul li p {
            font-size: 22px;
            font-family: PingFangSC-Medium, PingFang SC;
            font-weight: 500;
            color: #333333;
            line-height: 22px;
            text-align:center;
            margin:20px auto;
        }
        .l_why ul li span {
            display: block;
            text-align: center;
            text-justify: inter-ideograph;
            width: 100%;
            font-size: 16px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #999999;
            line-height: 26px;
        }
.l_advantage {
    width: 100%;
    height: 746px;
    background: url(https://res.maxiaoha.cn/2hlweb/images/Eloquence/product/images06.png) no-repeat;
    background-size:100% 100%;
    overflow:hidden;
}
    .l_advantage h2 {
        font-size: 40px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 40px;
        text-align:center;
        margin-top:40px;
    }
.analysis {
    margin: 137px auto 0;
}

.analysisbox {
    margin: 0px auto 0;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    max-width: 1234px;
}

.analysisimg {
    display: block;
    width: 441px;
    height: 521px;
}

.analysisbox ul {
    width: 740px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top:69px;
}

    .analysisbox ul li {
        width: 360px;
        height: 198px;
        background: #FFFFFF;
        box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
        border-radius: 20px;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: relative;
    }

        .analysisbox ul li p {
            font-size: 30px;
            font-weight: 500;
            color: #333333;
            line-height: 30px;
            margin-top: 29px;
            text-align: center;
        }

        .analysisbox ul li div {
            width: 360px;
            height: 198px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 40px 34px 0;
            background-color: #FFD401;
            position: absolute;
            top: 0;
            left: 0;
            font-size: 20px;
            font-weight: 400;
            color: #666666;
            line-height: 40px;
            display: inline-block;
            text-align: justify;
            text-justify: inter-ideograph;
            box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.1);
            border-radius: 20px;
            display: none;
        }
        .analysisbox ul li:nth-child(2) div{
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            padding: 20px 34px 0;
        }
        .analysisbox ul li div p {
            font-size: 30px;
            font-weight: 500;
            color: #333333;
            line-height: 30px;
            margin: 0 0 20px;
        }
            .analysisbox ul li div span {
                display:block;
                font-size: 16px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #666666;
                line-height: 26px;
            }

                .analysisbox ul li:hover div {
                    display: block;
                }
.advanbox {
    width: 260px;
    height: 56px;
    background: #FA6400;
    border-radius: 6px;
    margin: 30px auto 0;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 56px;
    text-align:center;
    cursor:pointer;
}
.l_comprehensive{
    margin:80px auto 0;
}
.l_comprehensive h2 {
    font-size: 40px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 40px;
    text-align:center;
}
    .l_comprehensive h2 > span {
        font-size: 50px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #333333;
        line-height: 50px;
    }
.l_comprehensive img{
    margin:30px auto 50px;
}
.comprebox {
    width: 260px;
    height: 56px;
    background: #FA6400;
    border-radius: 6px;
    margin: 0px auto 50px;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 56px;
    text-align: center;
    cursor: pointer;
}
.l_app {
    width: 100%;
    height: 895px;
    background: #FFFAED;
    overflow: hidden;
}
.appbig{
    width:1000px;
    margin:56px auto 0
}
.appbox {
    max-width:1100px;
    display: none;
}

.tab1 {
    width: 1000px;
    display: -webkit-flex; 
    display: flex;
    justify-content:space-around;
}

    .tab1 li {
        float: left;
        width: 275px;
        height: 82px;
        background: #FFFFFF;
        border-radius: 20px;
        text-align: center;
        line-height: 30px;
        cursor: pointer;
        font-size: 38px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #999999;
        line-height: 82px;
    }

.on {
    display: block;
}

.tab1 li.cur1 {
    width: 275px;
    height: 107px;
    background: url(https://res.maxiaoha.cn/2hlweb/images/Eloquence/product/images13.png) no-repeat;
    background-size: 100% 100%;
    font-size: 38px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #FFFFFF;
    line-height:82px;
}
.appboxs {
    margin:45px auto 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}
    .appboxs ul {
        width:703px;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
        .appboxs ul li {
            width: 345px;
            padding: 20px;
            background: #FFF;
            margin-bottom: 9px;
            border-radius: 6px;
        }
            .appboxs ul li:hover {
                background: #F7B400;
            }
                .appboxs ul li:hover p{
                    color:#fff;
                }
                .appboxs ul li:hover span {
                    color: #fff;
                }
                .appboxs ul li:nth-child(7) {
                    width: 703px;
                }
            .appboxs ul li p {
                font-size: 22px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #000;
                line-height: 22px;
                margin-bottom: 20px;
            }
            .appboxs ul li span {
                font-size: 16px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #000;
                line-height: 26px;
                display: block;
                text-align: justify;
                text-justify: inter-ideograph;
            }
                /**/
                .functionbox {
                    margin: 160px auto 0;
                    width: 1006px;
                    position: relative;
                    box-shadow: 0px 10px 40px 0px #FFF2B1;
                    border-radius: 16px;
                }
.appboxs>img{
    width:345px;
    height:627px;
}

.funbox {
    width: 1006px;
    height: 500px;
    display: none;
    /* height: 719px; */
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 0 112px 0 70px;
    background: #FFFFFF;
    box-shadow: 1px 2px 50px 0px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
}

.funboxD {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.tab10 {
    width: 540px;
    overflow: hidden;
    /* float: right; */
    position: absolute;
    top: -80px;
    right: 0;
    display: -webkit-flex; 
    display: flex;
    justify-content:space-around;
}

    .tab10 li {
        float: left;
        background: #fff;
        color: #999999;
        text-align: center;
        cursor: pointer;
        width: 90px;
        height: 50px;
        border-radius: 28px;
        line-height: 50px;
        font-size: 22px;
        font-weight: 500;
        color: #999999;
    }

.on {
    display: block;
}

.tab10 li.sub {
    background: #F7B400;
    color: #fff;
}

.funboxR {
    width: 389px;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .funboxR > p {
        font-size: 30px;
        font-weight: 500;
        color: #333333;
        line-height: 30px;
        margin-bottom: 46px;
    }

    .funboxR > span {
        width: 400px;
        font-size: 16px;
        font-weight: 400;
        color: #666666;
        line-height:26px;
        display: block;
        text-align: justify;
        text-justify: inter-ideograph;
    }

.playbox1 {
    width: 320px;
    height: 569px;
    border-radius: 20px;
    margin-top: -126px;
}

.funboxD > .imgR {
    display: block;
    width: 62px;
    height: 62px;
    position: absolute;
    right: 0;
    bottom: 0px;
    cursor: pointer;
}

.funboxD > .imgD {
    display: block;
    width: 83px;
    height: 71px;
    position: absolute;
    top:56px;
    right: 0px;
}
.l_grow {
    width: 100%;
    height: 410px;
    background: url(https://res.maxiaoha.cn/2hlweb/images/Eloquence/product/images15.png) no-repeat;
    background-size:100% 100%;
    overflow:hidden;
}
    .l_grow h2 {
        font-size: 40px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 40px;
        margin:65px auto 52px;
        text-align:center;
    }
    .l_grow ul {
        width: 1080px;
        height: 74px;
        display: -webkit-flex; 
        display: flex;
        justify-content:space-between;
        margin:0 auto;
    }
        .l_grow ul li {
            width: 120px;
            height: 74px;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
        }
            .l_grow ul li p {
                font-size: 22px;
                font-family: WenYue-XinQingNianTi-NC-W8, WenYue-XinQingNianTi-NC;
                font-weight: normal;
                color: #FFFFFF;
                line-height: 22px;
                text-align: center;
                margin-bottom:7px;
            }
            .l_grow ul li span {
                font-size: 20px;
                font-family: PingFangSC-Medium, PingFang SC;
                font-weight: 500;
                color: #FFFFFF;
                line-height: 20px;
                text-align:center;
            }
            .l_grow ul li:nth-child(1) {
                background: #FCD461;
            }
            .l_grow ul li:nth-child(2) {
                background: #FAC75A;
            }
            .l_grow ul li:nth-child(3) {
                background: #F9BD55;
            }
            .l_grow ul li:nth-child(4) {
                background: #F8B250;
            }
            .l_grow ul li:nth-child(5) {
                background: #F7A84B;
            }
            .l_grow ul li:nth-child(6) {
                background: #F69D47;
            }
            .l_grow ul li:nth-child(7) {
                background: #F59241;
            }
            .l_grow ul li:nth-child(8) {
                background: #F4863C;
            }
            .l_grow ul li:nth-child(9) {
                background: #F27835;
            }
.growbox {
    width: 260px;
    height: 56px;
    background: #FCD461;
    border-radius: 6px;
    margin: 67px auto 0;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #494949;
    line-height: 56px;
    text-align:center;
    cursor:pointer;
}
.teachers{
    margin:60px auto 45px;
}
    .teachers h2 {
        font-size: 40px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 40px;
        text-align:center;
    }
    .lghlulT {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        justify-content: space-between;
        margin: 42px auto 0;
    }

    .lghlulT li {
        position: relative;
        width: 224px;
        height: 300px;
        border-radius: 6px;
    }

        .lghlulT li img {
            display: block;
            width: 100%;
            height: 100%;
        }

        .lghlulT li div {
            width: 224px;
            height: 300px;
            background: rgba(0, 0, 0, 0.8);
            position: absolute;
            top: 0;
            left: 0;
            border-radius: 6px;
            display: -webkit-flex;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;
            opacity: 0;
        }

            .lghlulT li div i {
                display: block;
                width: 44px;
                height: 10px;
                background: #F7B400;
            }

            .lghlulT li div p {
                font-size: 30px;
                font-family: PingFangSC-Semibold, PingFang SC;
                font-weight: 600;
                color: #FFFFFF;
                line-height: 30px;
                margin: 38px 0 20px;
            }

            .lghlulT li div span {
                font-size: 12px;
                font-family: PingFangSC-Regular, PingFang SC;
                font-weight: 400;
                color: #FFFFFF;
                line-height: 25px;
                text-align: center;
            }

        .lghlulT li:hover div {
            opacity: 1
        }

.lghlulD {
    margin: 21px auto 0;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

    .lghlulD li {
        background: #FFFAED;
        font-size: 16px;
        font-family: PingFangSC-Semibold, PingFang SC;
        font-weight: 600;
        color: #666666;
        line-height: 30px;
        overflow: hidden;
    }

        .lghlulD li span {
            display: block;
            text-align: justify;
            text-justify: inter-ideograph;
        }

        .lghlulD li:nth-child(1) {
            width: 468px;
            height: 265px;
        }

            .lghlulD li:nth-child(1) span {
                width: 392px;
                margin: 26px auto 0;
            }

        .lghlulD li:nth-child(2) {
            width: 224px;
            height: 265px;
        }

            .lghlulD li:nth-child(2) span {
                width: 180px;
                margin: 26px auto 0;
            }

        .lghlulD li:nth-child(3) {
            width: 468px;
            height: 265px;
        }

            .lghlulD li:nth-child(3) span {
                width: 380px;
                margin: 26px auto 0;
            }
.l_student {
    width: 100%;
    height: 669px;
    background: url(https://res.maxiaoha.cn/2hlweb/images/Eloquence/product/images25.png) no-repeat;
    background-size:100% 100%;
    overflow:hidden;
}
    .l_student h2 {
        font-size: 40px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 40px;
        text-align:center;
        margin:42px auto 34px;
    }
.studentbox {
    width: 1010px;
    margin: 0 auto;
    display: -webkit-flex; 
    display: flex;
    justify-content:space-between;
}
.studentimg {
    width: 681px;
    height: 407px;
    border-radius: 6px;
    overflow:hidden;
}
.studentimg div {
    width: 681px;
    height: 407px;
    border-radius: 6px;
    display: none;
}
    .studentimg .on{
        display:block;
    }
    .tab2 {
        width: 315px;
        height: 407px;
        background: rgba(255, 255, 255, 0.2);
        overflow: hidden;
        display: -webkit-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

        .tab2 li {
            width: 100%;
            height: 50px;
            background: rgba(255, 255, 255, 0.2);
            text-align: center;
            line-height: 50px;
            cursor: pointer;
            font-size: 14px;
            font-family: PingFangSC-Regular, PingFang SC;
            font-weight: 400;
            color: #FFFFFF;
        }

        .tab2 li.cur2 {
            background: #F7B400;
            color: #FFFFFF;
            font-weight: 600;
        }
.enlist {
    width: 260px;
    height: 56px;
    background: #F7B400;
    border-radius: 6px;
    margin: 37px auto 0;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 56px;
}
.l_system {
    width: 100%;
    height: 867px;
    background: url(https://res.maxiaoha.cn/2hlweb/images/Eloquence/product/images17.png) no-repeat;
    background-size:100% 100%;
    overflow:hidden;
}
    .l_system h2 {
        font-size: 40px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #333333;
        line-height: 40px;
        text-align:center;
        margin:64px auto 28px;
    }
.l_system img{
    margin: 0 auto;
}
/**/
.tgbanner {
    width: 100%;
    height: 599px;
    margin: 65px auto 100px;
    position: relative;
    font-size: 40px;
    font-family: PingFangSC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    line-height: 40px;
    text-align: center;
}

    .tgbanner .swiper-button-prev {
        width: 62px;
        height: 62px;
        background: url(https://res.maxiaoha.cn/2hlweb/images/Eloquence/product/images21.png) no-repeat;
        background-size:100% 100%;
    }
        .tgbanner .swiper-button-prev:after {
            content: '';
        }
    .tgbanner .swiper-button-next {
        width: 62px;
        height: 62px;
        background: url(https://res.maxiaoha.cn/2hlweb/images/Eloquence/product/images22.png) no-repeat;
        background-size: 100% 100%;
    }

        .tgbanner .swiper-button-next:after {
            content: '';
        }
.tgbanner .swiper-container {
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: visible;
    margin: 70px auto 0;
}

    .tgbanner .swiper-wrapper {
        /*height: 500px;*/
    }

    .tgbanner .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        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;
    }

        .tgbanner .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            margin-top:108px;
        }

    .tgbanner .swiper-pagination-bullet {
        opacity: 1;
    }

#TOPpagination {
    width: 1200px;
    height: 56px;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    background: #fff;
}

    #TOPpagination .swiper-pagination-bullet {
        margin: 0 45px 0;
        text-align: center;
        width: 248px;
        height: 56px;
        background: #F7B400;
        border-radius: 28px;
        font-size: 22px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #999999;
        line-height: 56px;

    }

    #TOPpagination .swiper-pagination-bullet-active {
        background: #F7B402;
        color: #FFFFFF;
        font-weight: 600;
    }


/**/
.l_brand {
    width: 100%;
    height: 815px;
    background: url(https://res.maxiaoha.cn/2hlweb/images/Eloquence/product/images26.png) no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    margin-bottom: -17px;
}
    .l_brand h2 {
        font-size: 40px;
        font-family: PingFangSC-Medium, PingFang SC;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 40px;
        margin:58px auto 52px;
        text-align:center;
    }
    .l_brand ul {
        width: 1200px;
        margin: 0 auto;
        display: -webkit-flex;
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
    }
        .l_brand ul li {
            width: 380px;
            height: 282px;
            background: rgba(255, 255, 255, 0.2);
            border-radius: 6px;
            margin: 0 15px 15px;
            display: -webkit-flex;
            display: flex;
            justify-content:center;
            align-items:center;
        }
        .l_brand ul li:nth-child(1){
            margin-left:0px;
        }
            .l_brand ul li:nth-child(3) {
                margin-right: 0px;
            }
.tgbannerT {
    width: 260px;
    height: 56px;
    background: #F7B400;
    border-radius: 6px;
    margin: 30px auto 57px;
    font-size: 16px;
    font-family: PingFangSC-Semibold, PingFang SC;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 56px;
    cursor:pointer;
}
.l_seniority {
    width: 100%;
    height: 85px;
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    background: url(https://res.maxiaoha.cn/2hlweb/images/Eloquence/product/images35.png) no-repeat;
    background-size:100% 100%;
}
    .l_seniority>div{
        position:relative;
    }
.seniorityD {
    width: 523px;
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0px;
    left: 432px;
}
    .seniorityD input {
        height: 30px;
        background: #FFFFFF;
        border-radius: 22px;
        line-height: 44px;
        text-indent: 20px;
        border: 0;
        border-radius: 4px;
    }
    .seniorityD .input1 {
        width: 166px;
    }
    .seniorityD .input2 {
        width: 239px;
    }
    .seniorityD input::-webkit-input-placeholder {
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #CCCCCC;
        line-height: 14px;
    }
    .seniorityD > div {
        width: 78px;
        height: 30px;
        background: #F7B400;
        border-radius: 4px;
        font-size: 14px;
        font-family: PingFangSC-Regular, PingFang SC;
        font-weight: 400;
        color: #000000;
        line-height: 30px;
        text-align: center;
        cursor: pointer;
    }