/* ------------------------------教育------------------------------- */
.edu-banner-box{
    overflow: hidden;
    padding-left: 90px;
}
.edu-banner{
    width: 100%;
    overflow: hidden;
}
.edu-banner img{
    width: 100%;
    object-fit: cover;
    min-height: 220px;
}

.edu-title-box{
    overflow: hidden;
    padding: 70px 0 60px 90px;
}
.edu-title{
    width: 1140px;
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
}

.edu-title h4{font-size: 32px;color: #000;text-align: center;}
.edu-title p{
    font-size: 16px;
    color: #666;
    line-height: 26px;
    margin-top: 44px;
}
.edu-title p span{display: block;text-align: center;}


.edu-nav-box{
    overflow: hidden;
    padding-left: 90px;
}
.edu-nav{
    width: 1440px;
    margin: 0 auto;
}
.edu-nav-title{
    width: 100%; 
    text-align: center;
    overflow: hidden;
    padding: 44px 0;
}
.edu-nav h4{
    font-size: 40px;
    color: #000;
}

.edu-nav-words{
    width: 100%;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    box-sizing: border-box;
}
.edu-nav-words:after{
    content: "";
    *zoom: 1;
    display: table;
    clear: both;
}
.edu-nav-words ul{
    font-size: 0;
    text-align: center;
}
.edu-nav-words ul li{
    display: inline-block;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #333;
    padding: 24px 4px 0 4px;
    margin: 0 44px;
}
.edu-nav-words ul li span{
    position: relative;
    display: inline-block;
    padding-bottom: 24px;
}
.edu-nav-words ul li span i{
    width: 100%;
    height: 1px;
    background-color: #b5b4a9;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    opacity: 0;
}

.edu-nav-words ul li:nth-child(3),.edu-nav-words ul li:nth-child(4){pointer-events: none;cursor: wait;color: #ccc;}
.edu-nav-words.edu-nav-words-true ul li:nth-child(3),.edu-nav-words.edu-nav-words-true ul li:nth-child(4){pointer-events: initial;cursor: pointer;color: #333;}

.edu-nav-words ul li:hover span i{
    opacity: 1;
}

.edu-nav-active span i{opacity: 1 !important;}
.edu-nav-active{color: #000 !important;}

.edu-wordsPic-box{
    overflow: hidden;
    padding: 20px 0 30px 90px;
}
.edu-wordsPic{
    width: 1440px;
    margin: 0 auto;
}

.edu-wordsPic-list{
    width: 100%;
    overflow: hidden;
    margin-top: 44px;
}

.edu-wordsPic-listWords{
    height: 460px;
    border: 1px solid #e5e5e5;
    padding: 100px 80px 0 80px;
    width: 50%;
    float: left;
    overflow: auto;
}
.edu-wordsPic-listWords::-webkit-scrollbar {
    width: 1px;
    height: 1px;
}
.edu-wordsPic-listWords::-webkit-scrollbar-thumb {
    border-radius: 5px;
    box-shadow: inset 0 0 5px #b6b5aa;
    background: rgba(0,0,0,0.2);
}
.edu-wordsPic-listWords::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #f1f1f1;
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}

.edu-wordsPic-listWords h4{
    font-size: 24px;
    color: #333;
}
.edu-wordsPic-listWords p{
    font-size: 14px;
    color: #666;
    line-height: 26px;
    margin-top: 14px;
}


.edu-wordsPic-listPic{
    height: 460px;
    width: 50%;
    float: left;
    overflow: hidden;
}
.edu-wordsPic-listPic img{
    width: 100%;
    height: 460px;
    object-fit: cover;
    transition: all .8s;
}
.edu-wordsPic-listPic img:hover{
    transform: scale(1.06);
}

.edu-wordsPic-click>div{
    width: 50px;
    height: 50px;
    position: absolute;
    background-color: rgba(0, 0, 0, .3);
    top: 50%;
    margin-top: -25px;
    text-align: center;
    cursor: pointer;
    z-index: 9;
}
.edu-wordsPic-click>div:hover{
    background-color: rgba(0, 0, 0, .6);
}

.swiper-eduwordsPic-prev{left: 0;}
.swiper-eduwordsPic-next{right: 0;}

.edu-wordsPic-click>div i{
    width: 12px;
    height: 23px;
    display: inline-block;
    margin-top: 13.5px;
}
.swiper-eduwordsPic-prev i{background: url('../images/eduHis/edu_L.png') no-repeat;}
.swiper-eduwordsPic-next i{background: url('../images/eduHis/edu_R.png') no-repeat;}

/* .edu-wordsPic-click{display: none;} */

.edu-nb{display: none;}

/* ------------------------------------印记------------------------------------ */
.his-banner-box{
    overflow: hidden;
    padding-left: 90px;
}
.his-banner{
    width: 100%;
    overflow: hidden;
}
.his-banner img{
    width: 100%;
    object-fit: cover;
}
.his-title-box{
    overflow: hidden;
    padding: 44px 0 20px 90px;
}
.his-title{
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.his-title h4{
    font-size: 40px;
    color: #000;
}


.his-timeRun-box{
    overflow: hidden;
    padding: 20px 0 100px 90px;
}
.his-timeRun{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.his-time-numLine{
    position: absolute;
    width: 100%;
    left: 0;
    height: 1px;
    background-color: #dedee1;
    top: 22px;
}
.his-time-num{
    width: 1440px;
    margin: 0 auto;
    padding: 0 100px;
    position: relative;
}
.his-time-numWords{
    width: 100%;
    position: relative;
    height: 288px;
    padding-bottom: 110px;
    cursor: pointer;
}
.his-time-numWords h6{
    width: 44px;
    height: 44px;
    border: 1px solid #dedee1;
    position: relative;
    background-color: #fff;
    border-radius: 100%;
    z-index: 1;
    margin: 0 auto;
    opacity: 0;
    transition: all .6s;
}
.his-time-numWords i{
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 100%;
    background-color: #b2b2a8;
    position: absolute;
    left: 50%;
    top: 15px;
    margin-left: -7px;
    z-index: 2;
}
.his-time-numWords b{
    display: block;
    font-weight: normal;
    width: 1px;
    background-color: #dedee1;
    margin: 0 auto;
    height: 0;
    transition: all .8s;
}
.his-time-numWords h4{
    font-size: 24px;
    color: #888;
    margin-top: 4px;
    text-align: center;
    transition: all .6s;
}
.his-time-numWords:hover h4{
    color: #000;
}

.his-time-numWords h4:hover{color: #000;}
.his-time-numWords p{
    width: 800px;
    font-size: 17px;
    color: #333;
    line-height: 30px;
    height: 60px;
    position: absolute;
    bottom: 20px;
    left:-280px;
    text-align: center;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    opacity: 0;
}

.his-time-numWords.cur b{
    height: 76px;
}
.his-time-numWords.cur h6{
    opacity: 1;
}
.his-time-numWords.cur h4{
    font-size: 42px;
    color: #000;
    margin-top: 10px;
}
.his-time-numWords.cur p{
    opacity: 1;
}

.swiper-numWords-prev,.swiper-numWords-next{
    width: 44px;
    height: 44px;
    border-radius: 100%;
    position: absolute;
    top: 0;
    z-index: 33;
    background-color: #b2b2a8;
    text-align: center;
    cursor: pointer;
}

.swiper-numWords-prev:hover,.swiper-numWords-next:hover{
    background-color: #94948e;
}

.swiper-numWords-prev{left: 0;}
.swiper-numWords-next{right: 0;}


.swiper-numWords-prev i,.swiper-numWords-next i{
    width: 31px;
    height: 17px;
    display: inline-block;
    margin-top: 13.5px;
}
.swiper-numWords-prev i{background: url('../images/eduHis/his_L.png') no-repeat;}
.swiper-numWords-next i{background: url('../images/eduHis/his_R.png') no-repeat;}



.his-time-words{
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-top: 20px;
}
.his-time-words-box{
    width: 100%;
    overflow: hidden;
    position: relative;
}

.his-time-wordsPic{
    width: 100%;
    overflow: hidden;
}
.his-time-wordsPic ul li{
    width: 50%;
    float: left;
    overflow: hidden;
    height: 425px;
    position: relative;
}
.his-time-wordsPic ul li img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .8s;
}
.his-time-wordsPic ul li:hover img{
    transform: scale(1.06);
}

.his-time-wordsPic-shade{
    position: absolute;
    width: 80%;
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    z-index: 9;
    overflow: hidden;
    padding: 0 20px;
    bottom: 0;
}
.his-time-wordsPic-shade p{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    font-size: 16px;
    color: #b2b2a8;
}
.his-time-wordsPic ul li:first-child .his-time-wordsPic-shade{right: 0;text-align: left;}
.his-time-wordsPic ul li:last-child .his-time-wordsPic-shade{left: 0;text-align: right;}
/* .his-time-wordsPic ul li:first-child .his-time-wordsPic-shade{
    border-right: .5px solid #d6d6d6;
} */
.his-time-wordsPic ul li:last-child .his-time-wordsPic-shade{
    border-left: .5px solid #d6d6d6;
}

.his-time-wordsEvent{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.his-time-wordsEvent-line{
    position: absolute;
}
.his-time-wordsEvent-list{
    width: 100%;
    overflow: hidden;
}
.his-time-wordsEvent-list>div{
    float: left;
    width: 50%;
    height: 200px;
    position: relative;
    padding: 80px 22px 0 22px;
}
.his-time-wordsEvent-wzR{
    border-left: 1px solid #d6d6d6;
}
/* .his-time-wordsEvent-wzL{
    border-right: 1px solid #d6d6d6;
} */
.his-time-wordsEvent-wzR h6,.his-time-wordsEvent-wzL h6{
    width: 44px;
    height: 44px;
    border: 1px solid #dedee1;
    background-color: #fff;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    z-index: 1;
}
.his-time-wordsEvent-wzR h6{ left: -22px;}
.his-time-wordsEvent-wzL h6{right: -22px;}

.his-time-wordsEvent-wzR i,.his-time-wordsEvent-wzL i{
    width: 14px;
    height: 14px;
    display: block;
    border-radius: 100%;
    background-color: #b2b2a8;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    z-index: 2;
}
.his-time-wordsEvent-wzR i{left: -7px;}
.his-time-wordsEvent-wzL i{right: -7px;}

.his-time-wordsEvent-wzR h4,.his-time-wordsEvent-wzL h4{
    font-size: 28px;
    color: #333;
}
.his-time-wordsEvent-wzR h4{text-align: left;}
.his-time-wordsEvent-wzL h4{text-align: right;}

.his-time-wordsEvent-wzR h4 b,.his-time-wordsEvent-wzL h4 b{
    width: 58px;
    height: 1px;
    font-weight: normal;
    display: inline-block;
    background-color: #eee;
    vertical-align: middle;
    transition: all .6s;
}
.his-time-wordsEvent-wzR:hover h4 b,
.his-time-wordsEvent-wzL:hover h4 b{
    width: 78px;
}
.his-time-wordsEvent-wzR p,.his-time-wordsEvent-wzL p{
    font-size: 15px;
    color: #666;
    line-height: 26px;
}
.his-time-wordsEvent-wzR p{text-align: left;margin: 14px 0 0 70px;}
.his-time-wordsEvent-wzL p{text-align: right;margin: 14px 70px 0 0;}






/* -------------------------PC端--------------------------- */

@media all and (max-width:1700px) {}

@media all and (max-width:1600px) {
    .edu-nav{width: 94%;}
    .edu-wordsPic{width: 94%;}
    .his-time-num{width: 94%;}
}

@media all and (max-width:1460px) {}

@media all and (max-width:1380px) {
    .edu-nav-words ul li{
        padding: 24px 4px 0 4px;
        margin: 0 30px;
    }
    .his-time-numWords.cur h4{font-size: 32px;}
}

@media all and (max-width:1300px) {
    .edu-title{width: 94%;}
    .edu-wordsPic-listPic{height: 400px;}
    .edu-wordsPic-listPic img{height: 400px;}
    .edu-wordsPic-listWords {
        height: 400px;
        padding: 60px 60px 0 60px;
    }
    .his-time-wordsPic ul li {
        height: 400px;
    }
}

@media all and (max-width:1280px) {}

@media all and (max-width:1200px) {
    .edu-nav-words ul li{font-size: 14px;margin: 0 20px;}
    .edu-wordsPic-listWords p{margin-top: 24px;}
    .edu-wordsPic-listPic{height: 400px;}
    .edu-wordsPic-listPic img{height: 360px;}
    .edu-wordsPic-listWords {
        height: 360px;
        padding: 30px 20px 0 20px;
    }
    .his-time-wordsEvent{width: 94%;}
    .his-time-wordsPic ul li {
        height: 380px;
    }
    .his-time-numWords.cur h4 {
        font-size: 26px;
    }
}


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

@media all and (max-width:1000px) {
    .edu-nav-box {
        overflow: hidden;
        padding: 32px 0 14px 0;
    }
    .edu-nav-words ul li{width: 50%;margin: 0;padding: 14px 4px 14px 4px;}
    .edu-nav-words ul li span{padding-bottom: 14px;}
    .edu-nav-words ul li:hover span i{opacity: 0;}
    .edu-banner-box{padding-left: 0;}
    .edu-title-box {
        padding: 32px 0 10px 0;
    }
    .edu-title h4{font-size: 26px;}
    .edu-title p {
        text-align: left;
        margin-top: 24px;
    }
    .edu-wordsPic-box {
        overflow: hidden;
        padding: 2px 0 44px 0;
    }
    .edu-wordsPic-listWords{width: 100%;height: auto;padding: 20px 16px;}
    .edu-wordsPic-listPic{width: 100%;height: 210px;}
    .edu-wordsPic-listPic img{height: 210px;}
    .edu-wordsPic-click>div {
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
    .edu-wordsPic-click>div i{
        margin-top: 8.5px;
    }
    .edu-wordsPic-list{margin-top: 24px;}

    .his-banner-box{padding-left: 0;}
    .his-title-box {
        padding: 32px 0 22px 0;
    }
    .his-title h4{font-size: 32px;}
    .his-timeRun-box {
        padding: 10px 0 44px 0;
    }
    .his-time-num{
        padding: 0 50px;
    }
    .his-time-numWords.cur b {
        height: 46px;
    }
    .his-time-numWords p {
       display: none;
    }
    .his-time-numWords{
        padding-bottom: 0;
        height: 150px;
    }
    .his-time-wordsPic ul li{height: 160px;}
    .his-time-wordsPic-shade p{font-size: 12px;}
    .his-time-wordsPic-shade {
        width: 100%;
        height: 34px;
        line-height: 34px;
        padding: 0 6px;
    }
    .his-time-wordsEvent-list>div {
        height: 140px;
        padding: 32px 0 0 0;
    }
    .his-time-wordsEvent-wzR h4 b, .his-time-wordsEvent-wzL h4 b{display: none;}
    .his-time-wordsEvent-wzR h4, .his-time-wordsEvent-wzL h4{font-size: 16px;}
    .his-time-wordsEvent-wzR p, .his-time-wordsEvent-wzL p {
        font-size: 12px;
        line-height: 18px;
    }
    .his-time-wordsEvent-wzR p {
        text-align: left;
        margin: 6px 0 0 0;
    }
    .his-time-wordsEvent-wzL p {
        text-align: left;
        margin: 6px 0 0 0;
    }
    .his-time-wordsEvent-wzR h6, .his-time-wordsEvent-wzL h6 {
        width: 36px;
        height: 36px;
        margin-top: -18px;
    }
    .his-time-wordsEvent-wzR h6 {
        left: -18px;
    }
    .his-time-wordsEvent-wzL h6 {
        right: -18px;
    }
    .his-time-wordsEvent-wzR{
        padding-left: 22px !important;
    }
    .his-time-wordsEvent-wzL{
        padding-right: 22px !important;
    }

}