/** CSS Reset **/
*{-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;outline:none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: bottom;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;}
a:hover{ text-decoration:none;color:#000;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix {display:block;}
html{width: 100%;height:100%;}
body{color:#333;font-size:18px;font-family: "Microsoft YaHei";width: 100%;height:100%;}
.fl{float:left;}
.fr{float:right;}
.mobile{display:none;}
.m1000{width:1000px;margin:0 auto;overflow: hidden;}
 p{ transition:all 0.2s ease-in 0s;}
p:hover{ transform:translateY(-5px);} 
/* banner */
.header {margin-top: 24px;width: 100%; height: 600px; position: relative;background:url("../images/bannerBg.jpg") no-repeat center top;}
.header_t{position: absolute;top:190px;width: 1000px;text-align: center;}
.header_b{position: absolute;top:455px;width:1000px;z-index: 10;}

.logo2{float: right;margin-top: 30px;}
#reg form label {margin: 20px 0;}
.form-wrap .btn-wrap{background: #f39800;}
/* #reg{display: none;} */
p{
	pointer-events:none;
}
.header_b{
	text-align: center;
}
.header_b div{
	margin: 0 auto;
	display: inline-block;
	border: 2px solid #ffd237;
	border-radius: 20px;
	text-align: center;
	font-size: 20px;
	color: #ffa800;
	padding: 5px 30px;
}
.header_b div b{
	font-size: 30px;
}
.page{
	position: relative;
	overflow: hidden;
	background-color: #1b0000;
}
.header_big{
	margin-top: -214px;
}

.box{
	position: relative;
	width: 100%;
	margin: auto;
	z-index: 1;
	padding-top: 40px;
}
.boxFast{
	padding-top: 0;
}
.bgHui{
	background-color: #f4f8ea;
}
.bglvse{
	background-color: #298f3c;
}
.bgQianlv{
	background-color: #59b666;
	position: relative;
	padding-top: 0;
}
.boxTitle{
	width: 100%;
	margin: 0 auto 0px auto;
	z-index: 10;
	text-align: center;
}
.titleBg{
	text-align: center;
	margin: 0 auto;
	width: 1000px;
}
.boxContent{
	width: 1000px;
	margin: 0 auto;
}
.boxContentBg{
	position: absolute;
	z-index: 0;
	
}
.boxContentUl{
	position: relative;
	z-index: 10;
	padding: 46px 60px;
	
}
.boxContentUl li{
	display: inline-block;
	margin: 75px 60px;
}
.boxContentText{
	position: relative;
	z-index: 10;
	padding-top: 120px;
	padding-bottom: 38px;
}
.fastBox{
	
}
.fastBox .boxTitle{
	text-align: center;
}
.zhongbangluquContent{
	margin-top: 35px;
	height: 430px;
	width: 100%;
	position: relative;
}
.swiper{
	position: relative;
	width: 100%;
}
.swiper-container {
  height: 310px;
  width: 100%;
}
.pagination {
  position: absolute;
  text-align: center;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background: #dadada;
  margin: 6px 9px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #00a7e5;
  width: 100px;
  
}
.arrow-left{
	position: absolute;
	width: 56px;
	height: 56px;
	background: url(../images/previousPage.png) no-repeat;
	top: 50%;
	left: 50%;
	background-size: 100% 100%;
	cursor: pointer;
}
.arrow-right{
	position: absolute;
	width: 56px;
	height: 56px;
	background: url(../images/nextPage.png) no-repeat;
	left: 50%;
	top: 400px;
	margin-left: 524px;
	background-size: 100% 100%;
	cursor: pointer;
}
.zhongbangarrow-left{
	margin-left: -570px;
	margin-top: -71px;
}
.zhongbangarrow-right{
	margin-top: -245px;
	margin-left: 514px;
}


.anliarrow-left{
	margin-top: -55px;
	margin-left: -570px;
}
.anliarrow-right{
	margin-top: -247px;
	margin-left: 513px;
}
.luquswiper{
	height: 356px;
}
.luquswiperDian{
	z-index: 10;
	bottom: -47px;
}
.offerImg{
	width: 222px;
	height: 356px;
}
.offerImg img{
	width: 100%;
	height: 100%;
	font-size: 0;
}
.swiperlists{
	text-align: center;
}
.luquswiperList{
	width: 497px;
	height: 100%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.luquswiperList div{
	display: inline-block;
	vertical-align: top;
}
.offerTex{
	width: 265px;
	height: 354px;
	border: 1px solid #ffa800;
	/* margin: 16px 0 0 0; */
}
.asddiv{
	height: 300px;
	overflow: hidden;
}
.offerTexBox{
	padding: 16px;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
}
.offerTexBox p{
	font-size: 16px;
	color: #fff;
	line-height: 24px;
}
.offerTex p{
	height: 34px;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
}
.offerTex a{text-decoration: underline;color:#fff;}
.offerTex a:hover{color:#dadada;}
.offerTex a.btn{
	display: inline-block;
	width: 210px;
	height: 40px;
	background-color: #ffa800;
	font-size: 18px;
	text-align: center;
	line-height: 40px;
	color: #1b0000;
	transition:all 0.2s linear ;
	text-decoration: none;
	margin-left: 20px;
}
.Ahover a.btn:hover{
	background-color: #c92923;
	color: #fff;
}

.gengduo{
	text-align: center;
	height: 48px;
	text-align: center;
}
.gengduo a{
	position: relative;
	display: inline-block;
	background-color: #00a7e5;
	border-radius: 2px;
	padding: 10px 16px;
	color: #fff;
	height: 20px;
	font-size: 16px;
}
.gengduo a span{
	position: absolute;
	display: inline-block;
	width: 80%;
	height: 5px;
	background-color: #a0abff;
	margin-top: 20px;
	z-index: 10;
	left: 10%;
	bottom: -5px;
	border-radius: 0 0 2px 2px;
}
.leiji{
	/* background-color: #0c0a33; */
}
.boxLeftBg{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -952px;
}
.boxRightBg{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 622px;
}
.leijiSwiper{
	height: 420px;
	margin-top: 40px;
}
.leijiSlide{
	text-align: left;
}

.leijiDian{
	bottom: auto;
}
.leijiSwiperList{
	display: inline-block;
	width: 160px;
	height: 160px;
	background: url(../images/leijiyuan.png) no-repeat;
	text-align: center;
	margin:30px 0px 0px 33px;
}
.leijiSwiperList h5{
	display: inline-block;
	text-align: center;
	font-size: 14px;
	color: #27f8fb;
	width: auto;
	border: 2px solid #27f8fb;
	padding: 2px 10px;
	margin-top: 40px;
}
.leijiSwiperList p{
	font-size: 16px;
	color: #fff;
	padding: 10px 0 8px 0;
}
.leijiSwiperList h6{
	font-size: 16px;
	color: #fff;
}
.leijiSwiperList h6 span{
	font-size: 24px;
	color: #a200ff;
	margin-right: 6px;
}
.leijiluquContent{
	margin-bottom: 40px;
}
.leijiluquContent h6.tit{
	margin-top: 30px;
	text-align: center;
	color:#63bdfd;
	font-size: 30px;
	background: url(../images/jiezhishuliang_1.png) no-repeat center center;
}
.leijigengduo{
	padding-bottom: 30px;
}
.anli{
	
}
.anliSwiper{
	height: 380px;
	margin-top: 40px;
	padding-bottom: 40px;
}
.anliSwiper a.block{display: block;}
.anlioffer{
	display: inline-block;
	vertical-align: top;
	width: 222px;
	height: 356px;
	text-align: center;
}
.anliofferImgBox{
	height: 392px;
	overflow: hidden;
}
.anlioffer img{
	width: 100%;
}
.anlitext{
	display: inline-block;
	vertical-align: top;
	width: 740px;
	padding-left: 28px;
}
.anlitextTop{
	width: 100%;
}
.anlitextTop a{color:#fff;}
.anlitextTop a:hover{text-decoration: none;}
.anlitextTopP{
	padding: 0px 25px 20px 0px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
}
.anlitextTopP p{
	font-size: 18px;
	color: #fff;
	line-height: 24px;
	padding-bottom: 10px;
}
.anlitextTopP span{
	display: inline-block;
	vertical-align: top;
}
.anlitextTopPw{
	width: 464px;
}
.anlitextBottom{
	position: relative;
	height: 163px;
}
.anlitextBottom a:hover{text-decoration: none;}
.anlitextBottomImg{
	position: absolute;
	left: 0;
	top: 0;
	width: 210px;
	height: 210px;
	text-align: center;
	
}
.anlitextBottomImg img{
	width: 100%;
	height: 100%;
}
.anlitextBottomImg span{
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	width: 120px;
	height: 40px;
	background: url(../images/anliNameBg.png) no-repeat;
	line-height: 40px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin-right: -36px;
}
.anlitextBottomText{
	height: 100%;
	width: 366px;
	padding-left: 235px;
}
.anlitextBottomText p{
	width: 360px;
	height: 180px;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	/* text-align: justify; */
	padding: 10px 0 0 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
}
.anliDian{
	display: none;
	bottom: 30px;
}
.anli .anliBtbA{
	display: inline-block;
	width: 210px;
	height: 40px;
	background-color: #ffa800;
	line-height: 40px;
	text-decoration: none;
	text-align: center;
	font-size: 18px;
	color: #1b0000;
	margin-top: 15px;
	transition: all 0.2s linear;
	
}
.anli .anliBtbA:hover{
	color: #fff;
	background-color: #c92923;
	
}
.bangdan{
	padding-bottom: 30px;
}
.bangdanTableTitle ul{
	background-color: #ffa800;
	height: 55px;
}
.bangdanTableTitle ul li{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	line-height: 55px;
	text-align: center;
	font-size: 20px;
	color: #010101;
	
}
.leijiluquBoxTitle .tab0{width: 14%;}
.leijiluquBoxTitle .tab1{width: 33%;}
.leijiluquBoxTitle .tab2{width: 33%;}
.leijiluquBoxTitle .tab3{width: 15%;}


.luqubangdanBoxTitle .tab0{width: 11%;}
.luqubangdanBoxTitle .tab1{width: 25%;}
.luqubangdanBoxTitle .tab2{width: 25%;}
.luqubangdanBoxTitle .tab3{width: 20%;}
.luqubangdanBoxTitle .tab4{width: 10%;}

.bangdanContent{
	border: 1px solid #ffa800;
	margin-top: 30px;
}
.bangdanTableContent ul{
	height: 674px;
	overflow-y: scroll;
}
.bangdanTableContent li{
	min-height: 47px;
	color: #fff;
	border-bottom: 1px solid #ffa800;
	display: block;
}
.bangdanTableContent li p{
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	vertical-align: -webkit-baseline-middle;
	height: 100%;
	pointer-events: auto;
	font-size: 18px;
	color: #fff;
	
}
.bangdanTableContent li p:hover{
	transform:translateY(0px)
}
.bangdanTableContent li p a{
	color: #fff;
	position: relative;
	z-index: 10;
	font-size: 16px;
	color: #fff;
}
.bangdanTableContent li p a:hover{
	text-decoration: underline;
	color: #00A7E5;
}
/* IE 浏览器 */
        .bangdanTableContent ul{
            /* 三角箭头的颜色 */
            scrollbar-arrow-color: #ffa800;
            /*滚动条滑块按钮的颜色*/
            scrollbar-face-color: #795000;
            /*滚动条整体颜色*/
            scrollbar-highlight-color: #795000;
            /*滚动条阴影*/
            scrollbar-shadow-color: #795000;
            /*滚动条轨道颜色*/
            scrollbar-track-color: #ffa800;
            /*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/
            scrollbar-3dlight-color:#795000;
            /*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/
            scrollbar-darkshadow-color: #ffa800;
            /*滚动条基准颜色*/
            scrollbar-base-color: #795000;
        }
 
        /* chrome & safari 浏览器 */
        /*滚动条整体部分,必须要设置*/
        .bangdanTableContent ul::-webkit-scrollbar{
            width: 10px;
            height: 10px;
            background-color: #ffa800;
        }
        /*滚动条的轨道*/
        .bangdanTableContent ul::-webkit-scrollbar-track{
            background-color: #ffa800;
			border-radius: 5px;
        }
        /*滚动条的滑块按钮*/
        .bangdanTableContent ul::-webkit-scrollbar-thumb{
            border-radius: 0;
            background-color: #795000;
            box-shadow: inset 0 0 5px #795000;
        }
        /*滚动条的上下两端的按钮*/
        .bangdanTableContent ul::-webkit-scrollbar-button{
            height: 0;
            background-color: #ffa800;
			border-radius: 5px;
        }
		
.bbg{
	text-align: center;
	height: 11px;
	position: relative;
	font-size: 0;
	
}
.bbg img{
	position: absolute;
	top: 0;
	left: 1%;
	vertical-align: top;
}
.yingguobu{
}
.yingguobuContent{
	padding: 50px 0 20px 0;
}
.yingguobuContent ul{
	text-align: center;
}
.yingguobuContent li{
	display: inline-block;
	width: 310px;
	height: 210px;
	background: url(../images/yuanyinBg.png) no-repeat;
	text-align: center;
	margin: 0 9px 30px;
	vertical-align: top;
}

.yingguobutitle{
	font-size: 24px;
	font-weight: bold;
	color: #1b0000;
	padding-top: 10px;
	padding-bottom: 10px;
}

.yingguobuContent p{
	font-size: 18px;
	line-height: 24px;
	text-align: justify;
	padding: 10px 16px;
	color: #333333;
}

.zxyy{
	display: block;
	padding-bottom: 50px;
	position: relative;
}

.zxyy .boxTitle{
	margin-top: 40px;
}
.yuyueBg{
	position: absolute;
	width: 1700px;
	bottom: 0;
	left: 50%;
	margin-left: -850px;
	z-index: 1;
}
.zxyyform{
	position: relative;
	z-index: 2;
}
.zhutiBox{
	position: relative;
}
.piaofuwu{
	position: absolute;
	width: 1920px;
	top: 0;
	left: 50%;
	margin-left: -960px;
	z-index: 1;
}
@media screen and (max-width:1000px) {
	.m1000{width:100%;margin:0 auto;}
	.pc{display:none;}
	.header_b{display:block;}
	.mobile{display:block;}
	.header {height: 33rem; background:url("../images/MbannerBg.jpg") no-repeat center top;margin-top: 0px;}
	.logo img{
		position: absolute;
		width: 37.7vw;
		top: 0;
	}
	
	.header{
		/* width: 100vw; */
		height: 86vw;
		background-size: 100% 100%;
		position: relative;
	}
	.header_big{
		margin-top: -14vw;
		position: relative;
		top: 0;
		left: 0;
	}
	.header_t{
		width: 100vw;
		top: 50%;
		left: 50%;
		margin-left: 0;
		margin-top: -1.5vw;
		transform: translate(-50%,-50%);
		overflow: hidden;
	}
	.header_t img{
		width: 100%;
	}
	.header_b{
		width: 100%;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: 61vw;
	}	
	.header_b div{
		padding: 2vw;
		font-size: 3vw;
	}
	.boxContent{
		width: 100%;
	}
	.boxContentBg{
		width: 100%;
	}
	.titleBg{
		width: 100%;
	}
	.page{
		padding-top: 0vw;
	}
	.box{
		width: calc(100% - 5.2vw);
		padding-left:2.6vw;
		padding-right: 2.6vw;
		margin-top: 5.2vw;
	}
	.fastBox{
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		height: 65vw;
		
	}
	.titleBg img{
		height: 16.38vw;
		
	}
	.boxTitle{
		margin: 0;
		margin-top: -9vw;
	}
	.zhongbangluquContent{
		background-position-x: center;
		background-size: 120% 100%;
		height: 47vw;
	}
	.luquswiper{
		
	}
	.offerImg{
		width: 29vw;
		height: 47vw;
		margin: 0;
	}
	.offerImg img{
		width: 100%;
		height: 100%;
	}
	.header_b p{
		font-size: 3.12vw;
		line-height: 6.5vw;
	}
	.header_b p span{
		font-size: 4.68vw;
	}
	.luquswiperList{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 2.6vw;
		height: 47vw;
	}
	.luquswiperList{
		width: 100%;
	}
	.offerTex{
		height: 46.4vw;
		margin: 0;
		width: 70vw;
		border: 0.3vw solid #ffa800;
	}
	.offerTexBox{
		font-size: 2.6vw;
		line-height: 4vw;
		padding-top: 4vw;
	}
	.offerTex p{
		font-size: 2.6vw;
		line-height: 3.9vw;
	}
	.offerTex a{
		width: 17.16vw;
		height: 4.16vw;
		line-height: 4.16vw;
		/* font-size: 2.08vw; */
	}
	.asddiv{
		height: 39vw;
		width: 100%;
	}
	.gengduo{
		margin-top: 9vw;
	}
	.luquswiperDian{
	}
	.leiji{
		background-color: transparent;
	}
	.leiji .boxTitle{
		padding-top: 4vw;
	}
	.swiper-pagination-switch{
		width: 2.6vw;
		height: 2.6vw;
	}
	.swiper-active-switch{
		width: 13vw;
	}
	.leijiSwiperList{
		width: 20.8vw;
		height: 20.8vw;
		background-size: 100% 100%;
		margin: 0;
	}
	.leijiSwiper{
		height: 54vw;
	}
	.swiper-slide{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.leijiSwiperList h5{
		margin-top: 5vw;
		font-size: 1.82vw;
		padding: 0.3vw 1.3vw;
	}
	.leijiSwiperList p{
		font-size: 2.08vw;
		padding: 1.3vw 0 1vw 0;
	}
	.leijiSwiperList h6 span{
		font-size: 3.12vw;
		margin-right: 0.78vw;
	}
	.titleImg img{
		max-width: 100%;
	}
	.leijiluquContent{
		margin-top: 3.9vw;
		padding-bottom: 10vw;
	}
	.anlioffer{
		width: 29vw;
		height: 47vw;
		background-size: 100% 100%;
	}
	.anliofferImgBox{
		width: 29vw;
		height: 47vw;
		
		
	}
	.mintop{
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.anlioffer img{
		height: 100%;
	}
	.anlitext{
		width: 62vw;
		height: 47vw;
		padding-left: 2vw;
	}
	.anlitextBottomImg{
		width: 28vw;
		height: 28vw;
	}
	.anlitextBottomImg img{
		width: 100%;
	}
	.anlitextTop{
		height: auto;
	}
	.anlitextTopP{
		font-size: 3vw;
		padding: 0 2vw;
		line-height: 5vw;
	}
	.bangdanTableContent li p{
		font-size: 2.6vw;
	}
	.anliSwiper{
		height: 100vw;
	}
	
	.anliSwiper .swiper-slide{
		overflow: hidden;
	}
	.anlitextBottom{
		width: 100%;
		height: auto;
		margin-top: 2vw;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.anlitextBottomImg{
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		background-size: 100% 100%;
		margin: -1vw 0 -1vw 2.6vw;
	}
	.anlitextBottomText{
		padding-left: 0;
		padding: 1vw 1vw 1vw 1vw;
		width: 55vw;
		width: 100%;
		font-size: 3vw;
		height: calc(100% - 4vw);
		text-align: right;
	}
	.anli .anliBtbA{
		margin-top: 2vw;
		font-size: 3vw;
	}
	.anlitextBottomImg img{
		margin-top: 4vw;
		width: 28vw;
		height: 28vw;
	}
	.anlitextBottomText p{
		width: 100%;
		height: auto;
		    font-size: 2.6vw;
		    line-height: 3.9vw;
			padding: 0;
			-webkit-line-clamp: 7;
			transition:0;
		text-align: left;
		font-size: 20px;
		-webkit-text-size-adjust: none;

	}
	.anlitextBottomImg span{
		width: 15.6vw;
		height: 5.2vw;
		font-size: 2.6vw;
		line-height: 5.2vw;
		background-size: 100% 100%;
		margin-right: -1vw;
	}
	.anli{
		background-color: transparent;
	}
	.bangdan{
		background-color: transparent;
		width: 100%;
		    padding-left: 0;
		    padding-right: 0;
	}
	.boxLeftBg{
		display: none;
	}
	.boxRightBg{
		display: none;
	}
	.bbg img{
		width: 98%;
	}
	.leijiluquBox ul{
		height: 90vw;
	}
	.bangdan{
		padding-bottom: 10vw;
	}
	.yingguobuContent ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.yingguobuContent li{
		margin: 0 0 3.9vw 0;
		width: 45vw;
		height: 35vw;
		background-size: 100% 100%;
	}
	.yingguobuContent p{
		font-size: 3vw;
		line-height: 3.9vw;
		padding: 1.5vw 1vw;
	}
	.yingguobutitle{
		font-size: 4vw;
		padding-top: 1vw;
		padding-bottom: 1vw;
	}
	.yingguobuContent img{
		width: 98%;
		margin-left: 1%;
		margin-bottom: -10px;
	}
	.yingguobutitle i{
		margin-left: -0.4vw;
	}
	.yingguobuContent{
		padding: 6.5vw 0 0 0;
	}
	.reg_mobile{
		width: 75%;
	}
	.yuyueBg{
		display: none;
	}
	.page{
		transform: translateY(-1px);
	}
	.zxyy{
		transform: translateY(-2px);
	}
	.arrow-left{
		display: none;
	}
	.arrow-right{
		display: none;
	}
	.tab4{width: 10%;}
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}