/* ---------------------------相关案例------------------------------ */
.case_box{width:100%;margin:0px auto; overflow:hidden;position:relative;}
.case_box h6{font-size: 36px;color: #004098;text-align: center;padding: 30px 0;}
.case_main{width: 100%; overflow: hidden; padding-top: 20px;}
.case_main .casepic{cursor: pointer;}
.case_main .casepic{height: 244px;position: relative;}
.case_main .casepic img{width:100%;height:100%;object-fit: cover;}
.case_main .swiper-slide-active .casepic {border: 2px solid #004098;}
.case_main .swiper-button-prev,.case_main .swiper-button-next{width: 40px;height: 60px;background: rgba(0, 0, 0, 0.7);margin-top: 0px;}
.case_main .swiper-button-prev{left: 0px;}
.case_main .swiper-button-prev i{display: block;width: 40px;height: 60px;background: url("../images/add/news_left.png") no-repeat center center;}
.case_main .swiper-button-next{right: 0px;}
.case_main .swiper-button-next i{display: block;width: 40px;height: 60px;background: url("../images/add/news_right.png") no-repeat center center;}

.case_text{width: 100%;overflow: hidden;margin: 28px auto 0;}
.case_text ul li{width: 100%;overflow: hidden;}
.case_text p{font-size: 16px; color: #999;line-height:28px;}
.case_text ul li.onfalse{display: none;} 






/* ---------------------------莓壳圈-实验室-讯方学院-智慧校园-------------------------- */
.educa-navbar-box{width: 100%;overflow: hidden;padding: 36px 0;}
.educa-navbar{width: 100%;font-size: 0;text-align: center;overflow: hidden;}
.educa-navbar ul li{
    display: inline-block;
    width: 194px;height: 52px;background-color: #ededed;
    text-align: center;line-height: 52px;cursor: pointer;
    font-size: 14px;color: #555;border-radius: 30px;
    margin: 0 12px;border: 1px solid transparent;
}
.educa-navbar ul li.on{color: #fff;background-color: #004098;}
.educa-navbar ul li:hover{border-color: #004098;}

.educa-piclist-box{width: 100%;overflow: hidden;padding: 2px 0 80px 0;}
.educa-piclist{width: 94%;overflow: hidden;position: relative;margin: 0 auto;font-size: 14px;color: #777;line-height: 24px}
.educa-piclist-img{width: 100%;overflow: hidden;box-sizing: border-box;padding: 0 4px;}
.educa-piclist-img img{display: block;margin: 0 auto;max-width: 100%;margin-top: 36px;}

.educa-words-box{width: 100%;overflow: hidden;padding: 10px 0 0 0;}
.educa-words{width: 1300px;margin: 0 auto;}
.educa-words p{
    font-size: 14px;color: #777;line-height: 24px;
}

/* ------------------------------教育业务主页----------------------------------- */
.educa-mainpage-box{width: 100%;overflow: hidden;background-repeat: no-repeat;background-size: cover;height: 880px;position: relative;}
.educa-mainpage{width: 1000px;margin: 0 auto;}
.educa-mainpage-title{
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin-top: 220px;
}
.educa-mainpage-title h4{font-size: 36px;color: #fff;font-weight: bold;}
.educa-mainpage-title p{font-size: 16px;color: #fff;line-height: 26px;margin-top: 16px;text-align: left;}

.educa-mainpage-navbar{width: 100%;overflow: hidden;margin-top: 110px;}
.educa-mainpage-navbar ul li{
    width: 14.285714%;float: left;position: relative;
    overflow: hidden;text-align: center;padding: 20px 0;
}
.educa-mainpage-navbar ul li h6{width: 100%;height: 36px;line-height: 36px;text-align: center;overflow: hidden;transition: all .4s;}
.educa-mainpage-navbar ul li p{font-size: 16px;color: #fff;margin-top: 12px;position: relative;display: inline-block;padding: 10px 0;}
.educa-mainpage-navbar ul li i{
    position: absolute;left: 0;right: 0;width: 0%;height: 1px;background-color: #fff;display: block;bottom: 0;transition: all .4s;margin: 0 auto;
}
.educa-mainpage-navbar ul li:hover h6{transform: translateY(-8px);}
.educa-mainpage-navbar ul li:hover i{width: 100%;}


/* ---------------------------------智慧云校------------------------------------ */
.zhyx-intro-box{width: 100%;overflow: hidden;padding: 60px 0;}
.zhyx-intro{width: 1200px;margin: 0 auto;}
.zhyx-introL{width: 50%;float: left;padding: 20px;text-align: center;}
.zhyx-introL img{max-width: 100%;}
.zhyx-introR{width: 50%;float: left;padding: 20px;overflow: hidden;}
.zhyx-introR h4{font-size: 36px;color: #333;font-weight: bold;}
.zhyx-introR i{display: block;width: 38px;height: 2px;background-color: #004098;margin-top: 16px;}
.zhyx-introR-words{width: 100%;overflow: hidden;margin-top: 38px;}
.zhyx-introR-words p{font-size: 14px;color: #777;line-height: 24px;margin-top: 10px;}

.zhyx-business-box{width: 100%;overflow: hidden;background-repeat: no-repeat;background-size: cover;position: relative;padding-bottom: 80px;}
.zhyx-business{width: 1300px;margin: 0 auto;}
.zhyx-business-piclist{width: 100%;overflow: hidden;}
.zhyx-business-piclist ul{margin-left: -1%;}
.zhyx-business-piclist ul li{width: 24%;float: left;overflow: hidden;margin-left: 1%;height: 436px;position: relative;}
.zhyx-business-picBG{width: 100%;height: 100%;transition: all .6s;}
.zhyx-business-piclist ul li:hover .zhyx-business-picBG{transform: scale(1.06);}
.zhyx-business-shade{position: absolute;width: 94%;left: 3%;top: 50%;transform: translate(0,-50%);z-index: 2;}
.zhyx-business-shade h6{height: 66px;line-height: 66px;text-align: center;overflow: hidden;}
.zhyx-business-shade h4{font-size: 22px;color: #fff;text-align: center;margin-top: 14px;}
.zhyx-business-shade p{font-size: 13px;color: #fff;line-height: 20px;margin-top: 20px;height: 0;overflow: hidden;transition: all .6s;}
.zhyx-business-piclist ul li:hover .zhyx-business-shade p{height: 240px;}

.zhyx-school-box{width: 100%;overflow: hidden;background-color: #fff;padding-bottom: 80px;}
.zhyx-school{width: 1440px;margin: 0 auto;padding: 0 70px;position: relative;}
.zhyx-school-piclist{width: 98%;overflow: hidden;margin: 0 auto;}
.zhyx-school-picbox{width: 100%;overflow: hidden;position: relative;border: 1px solid transparent;transition: all .3s;padding: 20px;}
.zhyx-school-picimg{width: 100%;text-align: center;height: 220px;padding: 20px;position: relative;z-index: 2;}
.zhyx-school-picimg img{height: 100%;max-width: 100%;}
.zhyx-school-picfot{width: 100%;text-align: center;margin-top: -34px;position: relative;z-index: 1;}
.zhyx-school-words{width: 100%;overflow: hidden;padding: 20px;text-align: center;}
.zhyx-school-picfot img{width: 88%;}
.zhyx-school-words p{font-size: 14px;color: #555;}
.zhyx-school-picbox:hover{border-color: #004098;}
.school-piclistLR>div{
    position: absolute;
    width: 44px;height: 44px;
    border-radius: 100%;border: 1px solid #e1e1e1;text-align: center;
    line-height: 44px;font-size: 18px;color: #b8b8b8;font-family:  "宋体","Helvetica Neue";
    cursor: pointer;
    bottom: 28%;
}
.school-piclistLR>div:hover{background-color: #004098;border-color: #004098;color: #fff;}
.school-piclistL{left: 0;}
.school-piclistR{right: 0;}

.zhyx-teacher-box{width: 100%;overflow: hidden;background-color: #ededed;padding-bottom: 80px;}
.zhyx-teacher{width: 1440px;margin: 0 auto;padding: 0 70px;position: relative;}
.zhyx-teacher-pic{width: 100%;height: 322px;overflow: hidden;position: relative;}
.zhyx-teacher-pic img{width: 100%;height: 100%;transition: all .4s;object-fit: cover;}
.zhyx-teacher-pic:hover img{transform: scale(1.06);}
.zhyx-teacher-words{
    position: absolute;
    width: 100%;
    padding: 12px;
    left: 0;
    bottom: -20px;
    background-color: #004098;
    z-index: 3;
    transition: all .4s;
    opacity: 0;
}
.zhyx-teacher-words h5{float: left;}
.zhyx-teacher-words h5 span{display: block;font-size: 18px;color: #fff;font-weight: bold;}
.zhyx-teacher-words h5 p{font-size: 13px;color: #fff;margin-top: 6px;}
.zhyx-teacher-words h6{float: right;font-size: 13px;color: #fff;padding-top: 16px;}
.zhyx-teacher-pic:hover .zhyx-teacher-words{opacity: 1;bottom: 0;}

.teacher-piclistLR>div{
    position: absolute;
    width: 44px;height: 44px;
    border-radius: 100%;text-align: center;
    line-height: 44px;font-size: 22px;color: #2c2e32;font-family:  "宋体","Helvetica Neue";
    cursor: pointer;font-weight: 900;border: 1px solid transparent;
    top: 50%;margin-top: -22px;
}
.teacher-piclistLR>div:hover{color: #004098;border-color: #004098;}
.teacher-piclistL{left: 0;}
.teacher-piclistR{right: 0;}

.zhyx-teams-box{
    width: 100%;overflow: hidden;padding-bottom: 90px;display: none;
}
.zhyx-teams{width: 1300px;margin: 0 auto;}

.zhyx-teams-navbar{width: 100%;overflow: hidden;text-align: center;font-size: 0;}
.zhyx-teams-navbar ul li{
    display: inline-block;cursor: pointer;
    margin: 0 12px;width: 156px;height: 46px;text-align: center;
    line-height: 46px;font-size: 16px;color: #555;border-radius: 30px;border: 1px solid #eee;
}
.zhyx-teams-navbar ul li:hover{border-color: #004098;color: #004098;}
.zhyx-teams-navbar ul li.on{background-color: #004098;color: #fff;border-color: #004098;}
.zhyx-teams-none{display: none;}
.zhyx-teams-words{width: 1300px;overflow: hidden;margin: 0 auto;margin-top: 48px;}
.hzhb-piclist-pic{width: 98%;overflow: hidden;margin: 0 auto;}
.hzhb-piclist-pic ul li{width: 20%;float: left;text-align: center;height: 130px;border: 1px solid transparent;transition: all .3s;padding: 16px 10px;position: relative;overflow: hidden;cursor: pointer;}
.hzhb-piclist-pic ul li img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: all .6s;max-width: 100%;}
.hzhb-piclist-pic ul li:hover{border-color: #004098;}
.hzhb-piclist-pic ul li:hover img{margin-top: -6px;}
.zhyx-teams-words .swiper-wrapper{padding-bottom: 60px;}
.zhyx-teams-words .swiper-pagination-bullet {background: #dddddc;opacity: 1;}
.zhyx-teams-words .swiper-pagination-bullet-active {background: #004098;}

.bottompic-box{
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 66px 0;
    position: relative;
}
.bottompic{
    width: 100%;
    text-align: center;
}

.bottompic h4{font-size: 16px;color: #fff;}
.bottompic h4 a{text-decoration: underline;}
.bottompic h4 a:hover{color: #004098;}

.bottompic h6{font-size: 18px;color: #fff;margin-top: 28px;}
.bottompic p{font-size: 36px;color: #fff;font-weight: bold;margin-top: 20px;}


.public-blackTitle p{width: 56%;margin-left: 22%;text-align: left;}

/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {}

@media all and (max-width:1460px) {
    .zhyx-school{width: 94%;}
    .zhyx-teacher{width: 94%;}
    .zhyx-school-picfot img {
        width: 100%;
    }
    .public-blackTitle p{width: 76%;margin-left: 17%}
}

@media all and (max-width:1380px) {
    .zhyx-business{width: 94%;}
    .zhyx-teams-words{width: 94%;}
}

@media all and (max-width:1380px) {
    .educa-words{width: 94%;}
    .zhyx-teacher-pic{height: 264px;}
    .public-blackTitle p{width: 82%;margin-left: 9%}
    .zhyx-teams{width: 94%;}
}

@media all and (max-width:1280px) {
    .zhyx-intro{width: 94%;}
    .zhyx-business-piclist ul li{height: 400px;}
    .zhyx-business-piclist ul li:hover .zhyx-business-shade p{height: 240px;}
}

@media all and (max-width:1200px) {
    .educa-mainpage{width: 94%;}
    .zhyx-teacher-pic {
        height: 200px;
    }
    .zhyx-school-picimg{height: 180px;}
}

/* ------------------------手机端-------------------------- */

@media all and (max-width:1000px) {
    .educa-navbar ul li {
        width: 100%;
        height: 44px;
        line-height: 44px;
        border-radius: 0px;
        margin: 0;
    }
    .educa-navbar-box {
        padding: 32px 0 18px 0;
    }
    .educa-piclist-img img {
        margin-top: 24px;
    }
    .educa-piclist-box {
        padding: 2px 0 44px 0;
    }
    .educa-navbar ul li:hover{border-color: #ededed;}
    .educa-mainpage-title h4{font-size: 24px;width: 80%;margin-left: 10%;line-height: 36px;}
    .educa-mainpage-title {margin-top: 54px;}
    .educa-mainpage-navbar {margin-top: 46px;}
    .educa-mainpage-navbar ul li{width: 50%;}

    .bottompic-box{padding: 38px 0;}
    .bottompic h6 {
        margin-top: 10px;
    }
    .bottompic p {
        font-size: 26px;
        margin-top: 12px;
    }

    .hzhb-piclist-pic ul li{width: 33.3333333333333%;height: 80px;}
    .hzhb-piclist-pic ul li img{max-width: 84%;}
    .zhyx-teams-words .swiper-wrapper {padding-bottom: 50px;}
    .zhyx-intro-box {
        padding: 12px 0 32px 0;
    }
    .zhyx-introL {
        width: 100%;
    }
    .zhyx-introR{width: 100%;padding: 20px 0;}
    .zhyx-introR h4 {
        font-size: 24px;
    }
    .zhyx-introR-words {
        margin-top: 16px;
    }
    .zhyx-business-box{background-image: none !important;background-color: #0a223c;}
    .zhyx-business-piclist ul{margin-left: 0;}
    .zhyx-business-piclist ul li{width: 100%;margin-left: 0;margin-top: 16px;}
    .zhyx-business-box{padding-bottom: 44px;}
    .zhyx-school{padding: 0 48px;}
    .public-blackTitle p{width: 94%;margin-left: 3%;}
    .zhyx-school-box{padding-bottom: 44px;}
    .zhyx-school-picfot {
        margin-top: -26px;
    }
    .zhyx-teacher{padding: 0 48px;}
    .zhyx-school-picbox:hover{border-color: transparent;}
    .zhyx-teacher-box{padding-bottom: 44px;}
    .zhyx-teacher-pic{height: 220px;}
    .teacher-piclistLR>div{bottom: 42%;}
    .zhyx-teams-navbar ul li {
        margin: 0 6px;
        width: 134px;
        height: 40px;
        line-height: 40px;
    }
    .zhyx-teams-words{margin-top: 24px;}
    .zhyx-teams-box{padding-bottom: 44px;}
    .zhyx-school-picimg {
        height: 160px;
    }
    .school-piclistLR>div{bottom: 36%;}
}