.leakeybanner{overflow:hidden;display:block;position: relative;width:100%;height:700px;}
.leakeybanner>a{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1;overflow: hidden;}
.leakeybanner img{width:100%;height:auto;position:relative;top:0;left:0;}
.leakeybanner .slideBtnBox{bottom:10px;z-index: 10}
.leakeybanner .leakeyBannerPlay.leakeyBanner_zoomInCenter {animation: leakeyBanner_zoomInCenter ease-in-out;}	
.leakeybanner ul.slideBtnBox{position: absolute;width: 100%;margin: 0;padding: 0;list-style: none;text-align: center;}
.leakeybanner ul.slideBtnBox li{display: inline-block;margin: 0 5px;list-style: none;text-align: center;background-color: #fff;cursor: pointer;}			
.leakeybanner ul.slideBtnBox li.active{position:relative;overflow:hidden;transition: all 0.3s;width: 30px;background:#f00;}
.leakeybanner ul.slideBtnBox li.active span{display:block;height: 100%;width:100%;background:#fff;position:absolute;top:0;left:-100%;animation: slideBtnAnimation ease-in-out;animation-fill-mode : forwards;}
.leakeybanner ul.slideBtnBox li.active:hover{transform:scale(1);}

/*update by leakey 2019-2-19 增加分页按钮多种样式*/
.leakeybanner ul.pointer li{width: 10px;height: 10px;border-radius: 5px;}
.leakeybanner ul.pointer li:hover{transform:scale(2);}

.leakeybanner ul.pointer2 li{width: 10px;height: 10px;border-radius: 5px;}
.leakeybanner ul.pointer2 li:hover{transform:scale(2);}
.leakeybanner ul.pointer2 li.active{width: 10px;}

.leakeybanner ul.pointer3 li{width: 4px;height: 4px;border-radius: 50%;background:rgba(255,255,255,0.7);border:1px solid #fff;}
.leakeybanner ul.pointer3 li:hover{transform:scale(2);width: 6px;height: 6px;background:#fff;}
.leakeybanner ul.pointer3 li.active{box-shadow: 0 0 0 4px rgba(255,255,255,0.3);width:4px;}

.leakeybanner ul.line li{width: 15px;height: 2px;}
.leakeybanner ul.line li:hover{transform:scaleY(2);}

.leakeybanner ul.line2 li{width: 30px;height: 2px;}
.leakeybanner ul.line2 li:hover{transform:scaleY(2);}

.leakeybanner ul.number li{width: 15px;height:20px;color:#fff;background:none;transition: width 0.5s;}
.leakeybanner ul.number li:hover{color:#f00;}
.leakeybanner ul.number li.active{color:#f00;background:none;width:auto;width:150px;padding-top:4px;}
.leakeybanner ul.number li.active:before{content:"";height:1px;width:40%;background:#f00;display:block;float:left;position:absolute;top:15px;left:0;}
.leakeybanner ul.number li.active:after{content:"";height:1px;width:40%;background:#f00;display:block;float:left;position:absolute;top:15px;right:0;}
.leakeybanner ul.number li:first-child.active:before{display:none;}
.leakeybanner ul.number li:last-child.active:after{display:none;}

.leakeybanner ul.number2 li{height:0;width:0;margin:0;opacity:0;line-height:35px;overflow:hidden;color:#fff;background:none;text-align: center;font-weight:200;font-size:26px;transition: opacity 0.5s}
.leakeybanner ul.number2 li.active{width: 60px;height:70px;line-height:60px;display:inline-block;color:#f00;font-size:60px;background:none;width:auto;padding-top:3px;margin-right:-60px;opacity:1;}
.leakeybanner ul.number2 li.allPage{display:inline-block;width:120px;height:45px;border-bottom:1px solid #fff;text-align: right;opacity:1;}

/*分页按钮显示位置预设*/
.leakeybanner ul.middleLeft{width:50px;bottom: auto;top:50%;left:50px;right:auto;}
.leakeybanner ul.middleLeft li{display:block;margin:10px 0px;}

.leakeybanner ul.middleRight{width:50px;bottom: auto;top:50%;right:0px;left: auto}
.leakeybanner ul.middleRight li{display:block;margin:10px 0px;}

.leakeybanner ul.middleRight.pointer li.active,.leakeybanner ul.middleLeft.pointer li.active{width: 10px;height:30px;}

.leakeyBanner_left{left:50px;}
.leakeyBanner_right{right: 50px;}
.leakeyBanner_left,.leakeyBanner_right{transition: transform 0.3s;z-index:50;position:absolute;top:50%;margin-top:-40px;height:80px;width:40px;background:rgba(0,0,0,0.3);color:#fff;font-size:20px;line-height:80px;text-align:center;cursor:pointer;border-radius:5px}
.leakeyBanner_left:hover,.leakeyBanner_right:hover{transform:scale(1.1);}
.leakeyBannerTxt{position:absolute;left:0;top:100px;opacity: 0;width:100%;display: block;z-index:0;}
.leakeyBannerTxt.activeLBTxt{animation: leakeyBanner_txtShow 1s ease;animation-fill-mode:forwards;z-index:10;}
.leakeyBannerTxtBox{width:100%;max-width: 1200px;position:relative;z-index:10;margin: auto;top:30%;}
.leakeyBannerTxtBox h2{font-size:50px;font-weight:400;margin-bottom: 10px;}
.leakeyBannerTxtBox p{font-size:20px;margin-bottom:50px}
.leakeyBannerTxtBox em{transition:all 0.5s;display:inline-block;border:1px solid #fff;height:40px;width:180px;line-height:40px;text-align:center;font-style: normal;font-size:16px}
.leakeyBannerTxtBox a{color:#fff;}
.leakeyBannerTxtBox a:hover{color:#fff}
.leakeyBannerTxtBox em:hover{background:#fff;color:#000;}
/*左右切换按钮位置预设*/
.bottomLeftBtn{top:auto;margin-top:0;background:#fff;border-radius:0;color:#999;width:80px;bottom:0px;}
.bottomLeftBtn.leakeyBanner_left{left:200px;right:auto;}
.bottomLeftBtn.leakeyBanner_left:after{content:"";position:absolute;top:50%;right:0;margin-top:-7px;display:block;width:0;height:14px;border-right:1px solid #bbb;}
.bottomLeftBtn.leakeyBanner_right{left:280px;right:auto;}

.bottomRightBtn{top:auto;margin-top:0;background:#fff;border-radius:0;color:#999;width:80px;bottom:0px;}
.bottomRightBtn.leakeyBanner_left{right:280px;left:auto;}
.bottomRightBtn.leakeyBanner_left:after{content:"";position:absolute;top:50%;right:0;margin-top:-7px;display:block;width:0;height:14px;border-right:1px solid #bbb;}
.bottomRightBtn.leakeyBanner_right{right:200px;left:auto;}
/*分页按钮缩略图update by leakey 2019-2-19 */
.paginationImgShowBoxWrap{position: absolute;bottom:50px;left:50%;z-index:30;opacity:0;}
.paginationImgShowBox{position:relative;overflow:hidden;border:3px solid #fff;box-sizing: border-box;height:100%;width:100%;}
.paginationImgIcon{display:block;bottom: -6px;transform: rotate(45deg);-webkit-transform: rotate(45deg);background: #fff;content: "";height: 20px;position: absolute;width: 20px;z-index: -1}
.paginationImgBox{position:absolute;left:0;top:0;}
.paginationImgBox .thumbImg{float:left;display:block;background-repeat: no-repeat;background-size:300%;background-position: center center; }
/*切换按钮缩略图update by leakey 2019-2-19 */
.changeBtnImgShowBoxWrap{position: absolute;top:50%;left:50%;z-index:30;opacity:0;overflow:hidden;border:3px solid #fff;box-sizing: border-box;}
.changeBtnImgBox{position:absolute;left:0;top:0;}
.changeBtnImgBox .thumbImg{float:left;display:block;background-repeat: no-repeat;background-size:200%;background-position: center center; }
.leakeybanner .changeBtnImg:hover{background:#fff;color:#999;border-radius:0;transform:scale(1);}

/*loading 图标 start*/		
.bannerLoadingBox{width:100%;height:100%;background:#eee;position:relative;z-index:10;padding-top:300px;}
.bannerLoadingTxt{height:50px;width:80px;text-align: center;line-height:50px;color:#333;margin:auto;font-size:12px;}
.spinner {margin: auto;width: 50px;height: 60px;text-align: center;font-size: 10px;} 
.spinner > div {background-color: #2c508c;height: 100%;width: 6px;display: inline-block;-webkit-animation: stretchdelay 1.2s infinite ease-in-out;animation: stretchdelay 1.2s infinite ease-in-out;margin:0 2px;}
.spinner .rect2 {-webkit-animation-delay: -1.1s;animation-delay: -1.1s;}
.spinner .rect3 {-webkit-animation-delay: -1.0s;animation-delay: -1.0s;} 
.spinner .rect4 {-webkit-animation-delay: -0.9s;animation-delay: -0.9s;} 
.spinner .rect5 {-webkit-animation-delay: -0.8s;animation-delay: -0.8s;}

/*loading 图标 end*/
@-webkit-keyframes stretchdelay {
		0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
		20% { -webkit-transform: scaleY(1.0) }
} 
@keyframes stretchdelay {
		0%, 40%, 100% {transform: scaleY(0.4);-webkit-transform: scaleY(0.4);}  
		20% {transform: scaleY(1.0);-webkit-transform: scaleY(1.0);}
}
@keyframes leakeyBanner_txtShow{
    0% {opacity: 0;top:80px;}
    50% {opacity: 0.5;top:0;}
    100% {opacity:1;top:0;}
}
@keyframes slideBtnAnimation{
    0% {left:-100%;}
    100% {left:0;}
}
@keyframes leakeyBanner_zoomInCenter {
    0% {transform: scale(0.2);opacity:0;}
    100% {transform: scale(1);opacity:1;}
}
.leakeybanner .leakeyBannerPlay.leakeyBanner_zoomInBottom {animation: leakeyBanner_zoomInBottom ease-in-out;}
@keyframes leakeyBanner_zoomInBottom {
    0% {transform: scale(0.2);opacity:0;top:400px;}
    100% {transform: scale(1);opacity:1;top:0;}
}
.leakeybanner .waitImgBox{animation:leakeyBanner_thumb_circleScale ease-in-out;position:absolute;z-index:5;height:100px;width:100px;right:50px;left:auto;top:50%;border-radius:50%;background:#f00;overflow: hidden;}
.leakeybanner .waitImgBox img{height:100px;width:auto;}
.leakeybanner .leakeyBannerPlay.waitImgBox{animation:leakeyBanner_circleScale ease-in-out;display:block;z-index:4;}
.leakeybanner .leakeyBannerPlay.waitImgBox img{z-index: 1;height:auto;width:auto;}
@keyframes leakeyBanner_circleScale{
	0%{border-radius:50%;height:100px;width:100px;top:50%;right:50px;left:auto;}
	10%{transform: scale(0.1);}
	50%{transform: scale(2.8);filter:blur(2px);height:700px;width:700px;border-radius:100%;right:50%;margin-right:-350px;top:50%;margin-top:-350px;}
	100%{transform: scale(1);height:100%;width:100%;border-radius:0;top:0;margin:0;right:0;}
}
@keyframes leakeyBanner_thumb_circleScale{
	0%{transform: scale(0.3);}
	40%{transform: scale(1);}
}
.leakeybanner .leakeyBanner_separate .leakeyBannerY1{animation:leakeyBanner_separateY1 forwards ease-in-out;}
@keyframes leakeyBanner_separateY1{
	0%{transform: translateY(0);}
	100%{transform: translateY(-600px);}
}
.leakeybanner .leakeyBanner_separate .leakeyBannerY2{animation:leakeyBanner_separateY2 forwards ease-in-out;}
@keyframes leakeyBanner_separateY2{
	0%{transform: translateY(0);}
	100%{transform: translateY(600px);}
}
.leakeybanner .leakeyBanner_separate .leakeyBannerX1{animation:leakeyBanner_separateX1 forwards ease-in-out;}
@keyframes leakeyBanner_separateX1{
	0%{transform: translateX(0);}
	100%{transform: translateX(-1200px);}
}
.leakeybanner .leakeyBanner_separate .leakeyBannerX2{animation:leakeyBanner_separateX2 forwards ease-in-out;}
@keyframes leakeyBanner_separateX2{
	0%{transform: translateX(0);}
	100%{transform: translateX(1200px);}
}
.leakeybanner .leakeyBanner_separateImg img{animation:leakeyBanner_separateImg ease-in-out;}
@keyframes leakeyBanner_separateImg{
	0%{transform:scale(0.85);}
	100%{transform:scale(1);}
}
.leakeybanner .leakeyBanner_grid span{animation:leakeyBanner_grid forwards ease-in-out;}
@keyframes leakeyBanner_grid{
	0%{transform: translateY(0);}
	100%{transform: translateY(1000px);}
}