.memoBox{min-height: 100vh;background: url(../images/his/bg01.jpg) no-repeat center;background-size: cover;position: relative;}
.memoBox .hlogo{position: absolute;top: .6rem;left: .6rem;z-index: 2}
.memoBox .hlogo img{height: .9rem}
.backhome{position: absolute;right: .6rem;top: .85rem;z-index: 2}
.backhome a{display: flex;align-items: center;color: #fff;font-size: .18rem}
.backhome img{height: .24rem;margin-right: .1rem}


.slide-list{position: absolute;left: 0;right:4rem;background: rgba(255,255,255,0);top: 2.5rem;color: #fff;z-index: 3;bottom: 0}
.slide-list .swiper-container{height: 100%}
.slide-list .item{padding-left: .4rem;height:100%;position: relative;}
.slide-list .item:after{content: '';width: 6.68rem;height: .72rem;background: url(../images/his/hon.png) no-repeat center;background-size: 100% 100%;position: absolute;bottom: 1.9rem;left: -3.2rem;opacity: 0;visibility: hidden;transform: translateY(.5rem) scale(0) ;}
.slide-list .item:before{content: '';width: .2rem;height: 100%;background: url(../images/his/hline.png) no-repeat left top;background-size: .2rem auto; position: absolute;top:0;left: 0;opacity: .5;}
.slide-list.aos-animate .item{transition: .3s}
.slide-list .item h4{font-size: .3rem;margin-bottom: .3rem}
.slide-list .item .img{height: 3.45rem;background: #2b2416}
.slide-list .item .img:after{content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;border: .08rem solid rgba(255,255,255,.5);z-index: 2}

.slide-list .swiper-slide .item{transform:scale(.6) translate3d(-.5rem,-.8rem,0);}
.slide-list .swiper-slide .item h4{opacity: .5}
.slide-list .swiper-slide .item .img{border-color: rgba(255,255,255,.5)}
.slide-list .swiper-slide .item .img img{opacity: .5}


.slide-list .swiper-slide-next+.swiper-slide+.swiper-slide .item{opacity: 0}
.videoBg{position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 0;pointer-events: none}
.videoBg video{width: 100%;height: 100%;object-fit: cover}
.bgs{position: absolute;left: .6rem;bottom: .6rem;width: 0;height: 3.52rem;overflow: hidden;z-index: 1}
.bgs img{width: calc(100vw - .6rem);height: 3.52rem;z-index: 0;pointer-events: none;max-width: inherit;}
.bgs.aos-animate{width: calc(100vw - .6rem);transition: 2s .3s linear}
@media (min-width: 1025px){
.slide-nav{position: absolute;right: .6rem;width: 2rem;height: 3.8rem;border-radius: 1rem;background: rgba(255,255,255,.1);top: 30%;color: #fff;padding: .35rem .2rem;z-index: 3}
.slide-nav .swiper-container{height: 3.1rem}
.slide-nav .swiper-slide{display: flex;align-items: center;position: relative;padding-left: .25rem;cursor: pointer;}
.slide-nav .swiper-slide.on{font-size: .18rem;font-weight: bold;color: #f7d0a1}
.slide-nav .swiper-slide .lines{position: absolute;left: 0;width: .18rem;top: 0;bottom: 0;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-end;}
.slide-nav .swiper-slide .lines span{display: block;height: 1px;background: rgba(255,255,255,.2);width: .1rem}
.slide-nav .swiper-slide .lines span:last-child{opacity: 0}
.slide-nav .swiper-slide .lines span:nth-child(5){height: 2px;width: 100%}
.slide-nav .swiper-slide.on .lines span:nth-child(5){background: #f7d0a1}
.slide-list .item .img{-webkit-box-reflect: below 1.8rem linear-gradient(transparent,transparent 50%,rgba(255,255,255,.3));}
}
@media (min-width: 901px){


.slide-list .swiper-slide-next .item{transform:scale(.8) translate3d(-.8rem,-.3rem,0);}
.slide-list .swiper-slide-next .item:before{opacity: .7}
.slide-list .swiper-slide-next .item h4{opacity: .7}
.slide-list .swiper-slide-next .item .img:after{border-color: rgba(255,255,255,.7)}
.slide-list .swiper-slide-next .item .img img{opacity: .7}


.slide-list .swiper-slide-next+.swiper-slide .item:after{opacity: 1;visibility: visible;transform: translateY(0)  scale(1);transition: .5s .3s}
.slide-list .swiper-slide-next+.swiper-slide .item:before{opacity: 1}
.slide-list .swiper-slide-next+.swiper-slide .item{transform:scale(1);opacity: 1}
.slide-list .swiper-slide-next+.swiper-slide .item h4{opacity: 1}
.slide-list .swiper-slide-next+.swiper-slide .item .img:after{border-color: rgba(255,255,255,1)}
.slide-list .swiper-slide-next+.swiper-slide .item .img img{opacity: 1}

}
@media (max-width: 1024px){
.bgs{width: calc(100vw - .6rem);transition: 2s .3s linear;opacity: .6}
.slide-nav{left: .5rem;border-radius: 1rem;background: rgba(255,255,255,.1);top:auto;color: #fff;padding: .15rem .3rem;z-index: 3;right: .5rem;bottom: .4rem;position: absolute;}

.slide-nav .swiper-slide{display: flex;align-items: center;position: relative;padding-top: .25rem;cursor: pointer;justify-content: center;}
.slide-nav .swiper-slide.on{font-size: .18rem;font-weight: bold;color: #f7d0a1}
.slide-nav .swiper-slide .lines{position: absolute;left: 0;height: .18rem;top: 0;right: 0; display: flex;justify-content: space-between;align-items: flex-start;}
.slide-nav .swiper-slide .lines span{display: block;height: .1rem;background: rgba(255,255,255,.2);width:1px}
.slide-nav .swiper-slide .lines span:last-child{opacity: 0}
.slide-nav .swiper-slide .lines span:nth-child(5){width: 2px;height: 100%}
.slide-nav .swiper-slide.on .lines span:nth-child(5){background: #f7d0a1}

.slide-list{right: .5rem;top:2rem;left: 0}
.slide-list .swiper-slide .item{transition: .3s}
.slide-list .item .img{height: 2.2rem}

}
@media (max-width: 900px){
.memoBox{padding-top: 30%;padding-bottom: 1rem}
.bgs{bottom: 15%}
.slide-list{position: relative;top: 0;bottom: 0;margin-right: 5%}
.slide-list .item{padding-bottom: 1rem}
.slide-list .item:before{background-size: auto 100%}
.slide-list .item .img{height: 28vw}
.slide-list .swiper-slide .item{transform:scale(.8) translate3d(-.2rem,0,0);}
.slide-list .swiper-slide .item h4{opacity: .7}
.slide-list .swiper-slide .item .img{border-color: rgba(255,255,255,.7)}
.slide-list .swiper-slide .item .img img{opacity: .7}

.slide-list .item h4{font-size: .24rem}
.slide-list .swiper-slide-next .item{transform:scale(1) translate3d(0,0,0);}
.slide-list .swiper-slide-next .item:before{opacity: 1}
.slide-list .swiper-slide-next .item:after{opacity: 1;visibility: visible;transform: translateY(0)  scale(1);transition: .5s .3s}
.slide-list .swiper-slide-next .item h4{opacity: 1}
.slide-list .swiper-slide-next .item .img:after{border-color: rgba(255,255,255,1)}
.slide-list .swiper-slide-next .item .img img{opacity:1}
.slide-nav{position: relative;bottom: 0;left: 0;margin: 0 5%;margin-top: .5rem}
.slide-list .item:after{content: '';width: 50vw;height: .4rem;bottom: 0;left: -25vw;}
.slide-list .swiper-slide-next+.swiper-slide .item{opacity: 0}
}
@media (max-width: 750px){
.memoBox{padding-top: 25%;padding-bottom: 1rem}
}
@media (max-width: 540px){
.memoBox .hlogo{top: .3rem;left: .3rem;z-index: 2}
.memoBox .hlogo img{height: .6rem}
.backhome{right: .3rem;top: .45rem;z-index: 2}
.bgs{left: 0;width: 100vw}
.bgs img{left: 0;width: 100vw}
.memoBox{padding-top: 30%;padding-bottom: 1rem}
.slide-list .item .img{height: 55vw}
.slide-list .swiper-slide-active .item{transform:scale(1) translate3d(0,0,0);}
.slide-list .swiper-slide-active .item:before{opacity: 1}
.slide-list .swiper-slide-active .item:after{opacity: 1;visibility: visible;transform: translateY(0)  scale(1);transition: .5s .3s}
.slide-list .swiper-slide-active .item h4{opacity: 1}
.slide-list .swiper-slide-active .item .img:after{border-color: rgba(255,255,255,1)}
.slide-list .swiper-slide-active .item .img img{opacity:1}
.slide-list .swiper-slide-next .item{opacity: 0}
.slide-list{margin-right: 8%;margin-left: 8%}
}