﻿.page-btn{position: fixed;top: 50%;width: 1.5rem;height: 1.5rem;margin-top: -.75rem;z-index: 5;cursor: pointer;user-select: none;background:url(../images/btnbg.png) #0052c0 no-repeat center;background-size: .98rem .85rem;border-radius: 50%;box-shadow:0 0 .4rem rgba(255,91,0,.4);right: -.75rem;}
.page-btn .span{display: flex;align-items: center;font-size: .2rem;color: #fff;padding-left: .2rem;height: 100%;width: 100%}
/*.page-btn:hover{animation: beat 0.5s 1;}*/
.page-btn.prev{display: none}
.page-btn.sp .span{padding-left: .3rem;line-height: 1.1em}

.swiTool .swi-scrollbar{width: calc(100% - 1.5rem);position: relative;overflow: hidden;}
.swiTool .swiDots{width: calc(100% - 1.5rem);position: relative;height: .06rem;background: transparent;}
.swiTool .swiDots span{background:  #ff5b00;z-index: 2}
.swiTool .swiDots:after{content: '';position: absolute;top: 50%;height: 1px;background: rgba(255,255,255,.4);left: 0;right: 0;z-index: 0}
.swiTool .swi-scrollbar:after{content: '';position: absolute;top: 50%;height: 1px;background: rgba(255,255,255,.4);left: 0;right: 0;z-index: 0}
.swiTool .swi-scrollbar .swiper-scrollbar-drag{width: 170px;height: 11px;background: url(../images/scline.png) no-repeat center;background-size: 100% 100%;position: relative;z-index: 2}
.swiTool .swiBtn{width: 1.2rem;}
.swiTool .swiBtn a{display: block;width: .5rem;height: .5rem;border-radius: 50%;background: rgba(255,255,255,.6);text-align: center;line-height: .5rem;font-size: .2rem;font-weight: bold;color: #ff5b00}
.swiTool .swiBtn a.swiper-button-disabled{opacity: .5;pointer-events: none}

.slide-his{width: calc(100% + (100vw - 15.4rem) / 2);padding-bottom: .4rem}   
.slide-his .swiper-slide{} 
.slide-his .swiper-slide .img{height: 2.8rem} 
.slide-his .swiper-slide .txt{padding-top: .3rem;line-height: 1.8em;font-size: .18rem;color: #11284a;text-align: justify;opacity: 0;visibility: hidden;transition: .3s}
.slide-his .swiper-slide .year{font-size: .6rem;margin-bottom: .1rem;color: #ff5b00;font-weight: bold;font-family: 'man' }
.slide-his .swiper-slide .item{transition: .5s;transform: scale(.7);opacity: .7}
.slide-his .swiper-slide-active{}
.slide-his .swiper-slide-active .item{transform: scale(1);opacity: 1}
.slide-his .swiper-slide-active .txt{opacity: 1;visibility: visible;}
.slide-his .swiper-slide-next .item{transform:translate3d(.4rem,0,0) scale(.9);opacity: .9}
.slide-his .swiper-slide-next+.swiper-slide .item{transform:translate3d(.45rem,0,0) scale(.8);opacity: .8}
.dsjm{display: none}
@media (max-width: 992px){
.slide-his{width: calc(100% + .4rem);padding-top: 5vh} 
.slide-his .swiper-slide .txt{font-size: .2rem}
.dsjpc{display: none}
.dsjm{display: block;}
}
@media (max-width: 576px){
.slide-his{width: calc(100% + 5vw);}
.slide-his .swiper-slide .txt{font-size: .24rem} 
.slide-his .swiper-slide .img{height: 3rem}
}