

.right-fixed{position: fixed;right:5%;top:30%;z-index:99;}
.right-fixed ul li{margin-bottom:30px;position: relative;}
.right-fixed ul li a.bnt{display: block;position: relative;width:60px;height:60px;}
.right-fixed ul li a.bnt .icon{display: inline-block;width:60px;height:60px;border-radius:30px;background-color:#cccccc;background-repeat:no-repeat;background-position:center;transition:all 0.4s;position: absolute;right:0;top:0;z-index:2;}
.right-fixed ul li.i0 a.bnt .icon{background-image:url(../images/small-icon-02.png);}
.right-fixed ul li.i0 a.bnt span ,.right-fixed ul li.i1 a span{text-overflow: ellipsis;white-space: nowrap;overflow:hidden;width:0;transition: all 0.5s;position:absolute;right:0;top:0;background:#00a0e9;color:#FFFFFF;line-height:60px;height:60px;display: block;border-radius:30px;z-index:1;padding-right:60px;text-align: center;font-size:16px;opacity:0;visibility:hidden;}
.right-fixed ul li.i1 a.bnt .icon{background-image:url(../images/small-icon-03.png);}
.right-fixed ul li.i2 a.bnt .icon{background-image:url(../images/small-icon-04.png);}
.right-fixed ul li.i3 a.bnt .icon{background-image:url(../images/small-icon-05.png);}
.right-fixed ul li a.bnt:hover .icon ,.right-fixed ul li:hover a.bnt .icon{background-color:#0088c6;}
.right-fixed ul li a.bnt:hover span{opacity:1;visibility: visible;width:158px;}
.bdsharebuttonbox{text-overflow: ellipsis;white-space: nowrap;overflow:hidden;width:0;transition: all 0.5s;position:absolute;right:0;top:0;background:#00a0e9;color:#FFFFFF;line-height:60px;height:60px;display: block;border-radius:30px;z-index:1;padding-right:60px;text-align: center;font-size:16px;opacity:0;visibility:hidden;}
.right-fixed ul li:hover .bdsharebuttonbox{opacity:1;visibility: visible;width:158px;}
.bdshare-button-style2-32 a{float:none !important;display: inline-block;width:37px !important;height:30px !important;margin-top:16px !important;}
.bdshare-button-style2-32 .bds_tsina{background:url(../images/weibo.png) no-repeat center !important;margin-left:10px;}
.bdshare-button-style2-32 .bds_weixin{background:url(../images/wecart.png) no-repeat center !important;}
.ewm-box{visibility: hidden;opacity:0;transition: all 0.6s;transform: rotate(-45deg);transform-origin:right top;position:absolute;right:0;top:0;background:#00a0e9;color:#FFFFFF;line-height:30px;height:130px;padding:20px 0 10px 10px;display: block;width:158px;border-radius:10px;z-index:1;padding-right:60px;text-align: center;font-size:16px;border-top-right-radius:30px;}
.ewm-box .img-box{width:100px;display: inline-block;}
.ewm-box .img-box img{width:100%;height:auto;border:4px solid #FFFFFF;}
.ewm-box p{font-size:12px;}
.right-fixed ul li:hover .ewm-box{transform:rotate(0);opacity:1;visibility: visible;}
.btn-nav{display: none;}


.kv-banner .swiper-wrapper{
    transition-delay:.3s;
    }
.kv-banner .swiper-container {
    width: 100%;

}

.kv-banner .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    background-position: center;
    background-size:cover;
    background-repeat: no-repeat;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide .text-box{opacity:0;transition:all 1s;width:100%;left:0;bottom:0%;position: relative;z-index:2;}
.swiper-slide .text-box.tb2{position:absolute;width:47.656%;left:auto;right:9%;}
.swiper-slide .text-box img{width:100%;height:auto;}
.ani-slide .text-box{left:0%;opacity:1;}
.index0 .text-box.tb1{opacity:0; transform:scale(0.8);}

.index0 .text-box.tb2{opacity:0;transform:rotate3d(.4,0,1,-90deg);transform-origin:center center;}

.index0.ani-slide .text-box.tb1{opacity:1; transform:scale(1); animation:pulse 1s ease backwards;}

.index0.ani-slide .text-box.tb2{opacity:1; transform:rotate3d(0,0,1,0);}


.index1 .text-box.tb1{opacity:0; transform:scale(0.8);transform:rotate(-45deg);}
.index1.ani-slide .text-box.tb1{opacity:1; transform:scale(1);transform:rotate(0);}

.index2 .text-box.tb1{opacity:0;}
.index2.ani-slide .text-box.tb1{opacity:1; animation:zoomIn 1s ease backwards;}

.swiper-slide .phone-pic{position:relative;left:0;top:0;display:none;}
.swiper-slide .phone-pic img{width:100%;height:auto;}

@keyframes zoomIn {
	0% {
		-webkit-transform: scale3d(.3, .3, .3);
		opacity: 0;
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}


@keyframes pulse {
	0% {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
	to {
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}



.kv-banner .swiper-pagination-bullet{display: block;}
.kv-banner .swiper-container-horizontal>.swiper-pagination-bullets, .kv-banner .swiper-pagination-custom, .kv-banner .swiper-pagination-fraction{width:8px;left: auto;right:8%;bottom:10%;}
.kv-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;}
.kv-banner .swiper-pagination-bullet{opacity:.8;background:#FFFFFF;}
.kv-banner .swiper-pagination-bullet-active{background:#00a0e9;}

