* {

	margin: 0;

	padding: 0

}



html {

	font-size: 16px

}



body {

	-webkit-text-size-adjust: none;

	background: #fff;

	margin: 0;

	padding: 0;

	font-family: "microsoft yahei", Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em

}



li,

ul {

	list-style: none

}



a {

	text-decoration: none;

	color: #333

}



a:active {}



img,

img a {

	border: 0;

	vertical-align: middle

}



b {

	font-weight: 400

}



@media screen and (min-width: 360px) and (max-width: 374px) {

	html {

		font-size: 16px

	}

}



@media screen and (min-width: 375px) and (max-width: 479px) {

	html {

		font-size: 18px

	}

}



@media screen and (min-width: 480px) and (max-width: 539px) {

	html {

		font-size: 20px

	}

}



@media screen and (min-width: 540px) and (max-width: 639px) {

	html {

		font-size: 24px

	}

}



@media screen and (min-width: 640px) {

	html {

		font-size: 28px

	}

}



* {

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	-ms-box-sizing: border-box;

	box-sizing: border-box

}



input[type="text"],

textarea {

	font-family: Helvetica, Arial, "Microsoft YaHei";

	outline: none;

	-webkit-appearance: none

}



input[type="button"],

select {

	-webkit-appearance: none;

	border-radius: 0

}



input:focus {

	outline-width: 0;

	box-shadow: none;

	-webkit-box-shadow: none;

	-moz-box-shadow: none;

	-ms-box-shadow: none;

	box-shadow: none

}



.elips {

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	-o-text-overflow: ellipsis

}



.fix:after {

	content: '';

	display: block;

	clear: both

}



.l {

	float: left; 

}



.r {

	float: right;

}



body {

	font-family: "微软雅黑", "宋体"

}



img {

	width: 100%;

	max-width: 640px

}



.all {

	max-width: 640px;

	margin: 0 auto;

	overflow: hidden

}



header {

	height: 3rem;

	background: white;

	box-sizing: border-box

}



header:after {

	content: '';

	display: block;

	clear: both

}



.logo-box {

	width: 30%;

	margin-left: 4%;

	padding-top: 0.6rem;

	float: left

}



.hotline {

	width: 46%;

	margin-right: 4%;

	margin-top: 0.4rem;

	float: right;

	box-sizing: border-box

}



.hotline span {

	display: block;

	font-size: 0.75rem;

	color: #999;

	width: 100%;

	text-align: right

}



.hotline span a {

	color: white

}



.hotline:after {

	content: '';

	display: block;

	clear: both

}



.wrapper {

	width: 100%;

	position: fixed;

	max-width: 640px;

	top: 0;

	z-index: 9999999

}



.hotline p {

	width: 100%;

	box-sizing: border-box

}



.hotline p>img {

	width: 1rem;

	height: 1rem;

	float: right;

	margin-top: 0.3rem

}



.hotline p>a {

	display: block;

	color: #c81042;

	margin-left: 0.2rem;

	animation: mymove 0.5s infinite;

	font-size: 1.1rem;

	font-weight: 800

}



.tr {

	float: right

}



.hotline p:after {

	content: '';

	display: block;

	clear: both

}



@keyframes mymove {

	from {

		color: #c81042

	}

	to {

		color: #e6bbc6

	}

}



@-webkit-keyframes mymove {

	from {

		color: #c81042

	}

	to {

		color: #e6bbc6

	}

}



.banner1{ width: 100%; background: #3e6eab;box-sizing: border-box; padding-bottom: 0.5rem; }

.banner1 dl{width: 100%; box-sizing: border-box; padding: 1rem 0.8rem 0 2rem;}

.banner1 dt{ float: left;}

.banner1 dt h3{font:1rem/1.5rem "微软雅黑"; color: white;}

.banner1 dt p{font: 0.72rem/1.1rem "微软雅黑"; color: white; }

.banner1 dd{ width: 36.4%; float: right;}

.banner1 dl:after{content: '';display: block; clear: both; }

.banner2{width: 100%; background: url(../images/ban2bg.jpg) center no-repeat;

 background-size:100% 100%;box-sizing: border-box; padding-top:0.6rem; padding-bottom: 2.6rem; }

.banner2 h2{font:1.1rem/1.6rem "微软雅黑"; color: black;

 box-sizing: border-box; padding-left: 2.6rem; }

.banner2 h1{font:bold 2rem/2.5rem "微软雅黑"; color: #0071da;

 box-sizing: border-box; padding-left: 2.6rem; }

.banner2>img{width:78%; margin: 0.8rem auto; display: block;}

.banner2>a{display: block; width:12.5rem; height:2.5rem; font:0.9rem/2.5rem "微软雅黑"; background: #fdd000;

   color: #444; text-align: center; margin: 0.3rem auto;border-radius:10px ; }



/*第一部分开始*/

.one{width: 100%; background: #f3faff; box-sizing: border-box; padding-top:1rem ;}

.one h1{font:bold 1.2rem/1.8rem "微软雅黑"; color: #444; box-sizing: border-box; padding-left:1.5rem; }

.one h1 span{display: block; width: 3rem; height: 0.3rem; background:#0071da; margin: 0.5rem 0 1rem; }

.one h3{ font: 0.8rem/1.2rem "微软雅黑"; color:#0071da;box-sizing: border-box; padding-left: 1rem;

 padding-right: 1rem; }





.one ul.scrolltop{ width: 100%; background: white; height: 6.25rem; margin-top: 0.3rem; margin-bottom:0.8rem;

  overflow-x: hidden; overflow-y: scroll; overflow-y: visible; box-sizing: border-box;

   box-shadow: 0 5px 5px #c7ddf0; }

.one ul.scrolltop li{ font: 0.75rem/1.2rem "微软雅黑"; color: #444; float: left;

  box-sizing: border-box; padding-top: 0.3rem; padding-left: 0.3rem;}

.one ul.scrolltop li:nth-child(2n+1)  { width: 45%; }

.one ul.scrolltop li:nth-child(2n)  { width: 55%; } 

.scrolltop::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0); border-left: 1px solid rgba(0, 0, 0, 0);}

.scrolltop::-webkit-scrollbar { width: 5px; height: 13px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

.scrolltop::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.5); background-clip: padding-box;

  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; min-height: 28px;}

.scrolltop::-webkit-scrollbar-thumb:hover {

  background-color: rgba(0, 0, 0, 0.5);-webkit-border-radius: 5px;

  -moz-border-radius: 5px;border-radius: 5px;}

.swiper-containerC {box-sizing: border-box; padding-top: 0.3rem;}



.students {box-sizing: border-box; padding-left: 0.3rem; }   

.students dl { width: 100%; border: none !important; background: url(../images/bdbg.jpg) center no-repeat !important;box-sizing: border-box;

 background-size:100% 100% !important; padding-top: 0.2rem; padding-bottom: 0.6rem;	padding-left: 0.1rem !important; }

.students dl dt{float: left; width: 83%; }

.students dl dt table{ width: 100%; border-collapse: collapse;}

.students dl dt table tr td{ border: 1px solid #e6e6e6;font: 0.75rem/1.3rem "微软雅黑"; color: #444;

 text-align: center; }

.students dl dt h5{  font:bold 0.8rem/1.2rem "微软雅黑"; color:#444; margin-bottom: 0.3rem;

 box-sizing: border-box; padding-left: 0.3rem;}

.students dl dd{float: right;width: 17%;  padding-top: 1rem; padding-left: 0.2rem;

 text-align: center; font:bold 0.75rem/1.2rem "微软雅黑"; color: white;box-sizing: border-box;  }

.students dl:after{content: ''; display: block; clear: both;}

.one ul:after{content: ''; clear: both; display: block; }











.button {width: 86%;margin: 1rem auto 0;}

.button>a {	display: block;	width: 8.5rem;color: white;

	border-radius: 10px;	font: 0.75rem/1.5rem "微软雅黑";	box-sizing: border-box;

		padding: 0.3rem 0.5rem;	text-align: center;}

.button:after {	content: '';	display: block;	clear: both;}

/*第一部分结束*/

/*第二部分开始*/

.two{width: 100%; background: white; box-sizing: border-box; padding:1rem 0.3rem 0.3rem 0.3rem;}

.two h1{font:bold 1.2rem/1.8rem "微软雅黑"; color: #444; box-sizing: border-box; padding-left:1.5rem; }

.two h1 span{display: block; width: 3rem; height: 0.3rem; background:#0071da; margin: 0.5rem 0 1rem; }

.two h4{ width: 100%; height: 3rem; border: 1px solid #0071da;box-sizing: border-box; }

.two h4 font{display: block; width: 50%; height: 3rem; 

 text-align: center; float: left;font:1rem/3rem "微软雅黑"; color: #0071da; }

.two h4 font.active{ background: #0071da; color: white;}

.two h4:after{content: ''; display: block; clear: both;}

.picScroll{ margin:0 0.3rem;box-sizing: border-box;  border-left: 1px solid #58abf7; border-bottom: none;

 position: relative;border-right: 1px solid #58abf7; }

.picScroll .bd{box-sizing: border-box; padding: 0 0.3rem; }

.picScroll .bd ul{ float:left;box-sizing: border-box;  }

.picScroll .bd li{ width: 100%;  float:left; font:0.75rem/1.4rem "微软雅黑"; color: #000;

 border-bottom:1px solid #58abf7;box-sizing: border-box; padding-left:0.5rem; }

.picScroll .bd li font{display: block; float: left; width:12% ; text-align: right;} 

.picScroll .bd li span{display: block; float: right; width:88% ; }  

.picScroll .bd li span em{ font-style: normal; color: #0071da; }

.picScroll .bd li:first-of-type{background: #58abf7; height: 2rem;font:0.8rem/2rem "微软雅黑";

                             color: #fff; } 

.picScroll .hd{ background: #58abf7; width: 50%; height: 2rem; position: absolute;

 top: 0rem; right: 0; z-index: 999;

overflow:hidden; text-align:left;box-sizing: border-box; }

.picScroll .hd h3{font-weight: normal; color: white; border-left:5px solid #fff;

 font-size: 0.88rem; }

.picScroll .hd ul{ float:right; padding-top: 0.7rem;  }	

.picScroll .hd li{ float:left; width:8px; height:8px; background:#92cbff; margin:0 5px; overflow:hidden; 

-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; color: #92cbff; }

.picScroll .hd .on{ background:#fff; color: white;  }



.picScroll2{ margin:0 0.3rem;box-sizing: border-box;  border-left: 1px solid #58abf7; border-bottom: none;

 position: relative;border-right: 1px solid #58abf7; }

.picScroll2 .bd{box-sizing: border-box; padding: 0 0.3rem; }

.picScroll2 .bd ul{ float:left;box-sizing: border-box;  }

.picScroll2 .bd li{ width: 100%;  float:left; font:0.75rem/1.4rem "微软雅黑"; color: #000;

 border-bottom:1px solid #58abf7;box-sizing: border-box; padding-left:0.3rem; }

.picScroll2 .bd li font{display: block; float: left; width:12% ; text-align: right; } 

.picScroll2 .bd li span{display: block; float: right; width:88% ; } 

.picScroll2 .bd li span em{ font-style: normal; color: #0071da; } 

.picScroll2 .bd li:first-of-type{background: #58abf7; height: 2rem;font:0.8rem/2rem "微软雅黑";

                             color: #fff; } 

.picScroll2 .hd2{ background: #58abf7; width: 50%; height: 2rem; position: absolute;

 top: 0rem; right: 0; z-index: 999;

overflow:hidden; text-align:left;box-sizing: border-box; }

.picScroll2 .hd2 h3{font-weight: normal; color: white; border-left:5px solid #fff;

 font-size: 0.88rem; }

.picScroll2 .hd2 ul{ float:right; padding-top: 0.7rem;  }	

.picScroll2 .hd2 li{ float:left; width:8px; height:8px; background:#92cbff; margin:0 5px; overflow:hidden; 

-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; color: #92cbff; }

.picScroll2 .hd2 .on{ background:#fff; color: white;  }



.twoText{ margin:0 0.3rem;box-sizing: border-box;  border: 1px solid #58abf7; border-top: none; }

.buttonTwo{box-sizing: border-box; width: 80%; margin:0 auto; padding-top: 0.3rem;}

.buttonTwo>a{border: 1px solid #0071da; height:1.8rem; font:0.8rem/1.8rem "微软雅黑"; color: #0071da;

    text-align: center;border-radius:20px ; }

.buttonTwo>a.l { width: 8rem;}

.buttonTwo>a.r { width: 6rem; }

.buttonTwo:after{content: ''; display: block; clear: both;}

.twoText table{ border-collapse: collapse; width: 100%;height: 100%; padding: 0; margin-top: 0.3rem;

   }

.twoText table tr td{ width: 30%; border: 1px solid #58abf7; font:0.75rem/1.1rem "微软雅黑";

 box-sizing: border-box; padding: 0.4rem 0.3rem;  }

.twoText table tr td:first-of-type{ text-align: center;}

.twoText table tr td:nth-child(2){ width: 42%;}

.twoText table tr td em{ font-style: normal; color: #0071da;

  display: inline-table;  width: 100%; height: 100%;box-sizing: border-box;}

  

.butAdd{

	width: 100%;box-sizing: border-box; padding:0.3rem;

}

.butAdd p{display: block; background: #daf0ff;box-sizing: border-box; padding:0.5rem 1rem;

   font:0.75rem/1.3rem "微软雅黑"; color: #444; margin-bottom: 0.3rem; }

.butAdd font{display: block; box-sizing: border-box; padding: 0.3rem 0; width: 88%; margin: 0 auto;

   font:0.75rem/1.1rem "微软雅黑"; color: #444; }



.butAdd font>a {	display: block;	width: 8.5rem;color: white; 

	border-radius: 10px;	font: 0.75rem/1.5rem "微软雅黑";	box-sizing: border-box;

		padding: 0.3rem 0.5rem;	text-align: center;}

.butAdd font:after {	content: '';	display: block;	clear: both;}



/*第二部分结束*/

/*第三部分开始*/

.third{width: 100%; background: white; box-sizing: border-box; padding:1rem 0.3rem 0.3rem 0.3rem;}

.third h1{font:bold 1.2rem/1.8rem "微软雅黑"; color: #444; box-sizing: border-box; padding-left:1.5rem; }

.third h1 span{display: block; width: 3rem; height: 0.3rem; background:#0071da; margin: 0.5rem 0 1rem; }

.third .sideMenu h3 {height: 2.42857143rem;color: #444;	background-color: #e4eef7;

    box-sizing: border-box; padding-left: 0.5rem; margin-bottom: 0.1rem;

	line-height: 2.42857143rem;position: relative;border:1px solid #92cbff;font-weight:bold ; }

.third .sideMenu h3 a { display: none;	position: absolute;	right: 4%;	top: 50%;

	margin-top: -.9rem;	width: 7rem;	height: 1.7rem; border: 1px solid #0071da;

	 font: 0.75rem/1.7rem "微软雅黑"; color: #0071da; text-align: center;border-radius:6px ; }

.third .sideMenu h3.on{background-color: #daf0ff; color: #0071da;;border: 1px solid #58abf7;

   border-bottom: none;margin-bottom: 0; }

.third .sideMenu h3.on a { display: block;}

.third .sideMenu ul {border: 1px solid #58abf7; border-top:none ;background:#daf0ff;

   box-sizing: border-box; padding: 0.2rem 0.5rem; margin-bottom: 0.2rem; }

.third .sideMenu ul li {padding: .5rem;	width:100%;border-bottom: 2px solid #daf0ff;

 background-color: rgba(255, 255, 255, .8);}

.third .sideMenu ul li h5{ font:bold 0.75rem/1.2rem "微软雅黑"; color: #444;}

.third .sideMenu ul li p{ font:0.6rem/1rem "微软雅黑"; color: #444;}

/*第三部分结束*/

/*第四部分开始*/

.fourth {box-sizing: border-box;padding:0.5rem 0.3rem; background:white;}

.fourthCon{background: #daf0ff;box-sizing: border-box; padding: 0.5rem;}

.fourthCon h1{font:bold 1.2rem/1.8rem "微软雅黑"; color: #0071da; margin-bottom: 0.3rem;}

.fourthCon h2{font:0.9rem/1.4rem "微软雅黑"; color: #444;}

.fourthCon h3{font:0.9rem/1.4rem "微软雅黑"; color: #0071da;margin-bottom: 0.3rem;}

.swiper-slide dl {box-sizing: border-box;padding-left:1rem;	border: 1px solid #0071da;

  background: white;}

.swiper-slide dl dt{font:0.75rem/1.2rem "微软雅黑";  color: #444;}

.swiper-slide dl dt span{font:bold 1.6rem/2rem "微软雅黑"; color: #0071da; }

.swiper-slide dl dd span{display: block; font:0.9rem/1.4rem "微软雅黑"; color: #444; }

.swiper-slide dl dd font{ display: block; font:0.7rem/1.2rem "微软雅黑";  color: #444;}

/*第四部分结束*/

/*第五部分开始*/

.fifth{width: 100%; background: white; box-sizing: border-box; padding:0.3rem;}

.fifth h1{font:bold 1.2rem/1.8rem "微软雅黑"; color: #444; box-sizing: border-box; padding-left:1.5rem; }

.fifth h1 span{display: block; width: 3rem; height: 0.3rem; background:#0071da; margin: 0.5rem 0 1rem; }

.teachers {	box-sizing: border-box;	padding:0.6rem 0; background: #daf0ff; border:1px solid #58abf7; }

.teachers dl{ width:100%; background: none;border: none;}

.teachers dl dt{ width:32%; float: left;}

.teachers dl dd{width: 68%; float: left;box-sizing: border-box; padding-left: 0.6rem;}

.teachers dl dd h4{font:bold 0.85rem/1.4rem "微软雅黑";  color: #444;}

.teachers dl dd h5{font:0.75rem/1.2rem "微软雅黑";  color: #444; margin-bottom: 0.6rem;}

.teachers dl dd p{font:0.75rem/1.2rem "微软雅黑";  color: #444; margin-bottom: 0.1rem;}

.teachers dl dd a{display: block; font:0.75rem/1.6rem "微软雅黑";  color: #0071da; margin-top: 0.2rem; }

.teachers dl:after{content: '';display: block; clear: both; }

/*第五部分结束*/

/*第六部分开始*/

.sixth{width: 100%; background: white; box-sizing: border-box; padding:0.3rem;}

.sixth h1{font:bold 1.2rem/1.8rem "微软雅黑"; color: #444; box-sizing: border-box; padding-left:1.5rem; }

.sixth h1 span{display: block; width: 3rem; height: 0.3rem; background:#0071da; margin: 0.5rem 0 1rem; }

.sixthCon{width:95%; margin: 0 auto;}

/*第六部分结束*/

/*最后一部分开始*/

.last{ width: 100%; background: url(../images/lastbg.jpg) center no-repeat;

 background-size: 100% 100%;box-sizing: border-box;  padding-top: 1rem; padding-bottom: 3rem; }

.form{width:94%; margin: 0 auto; background: rgba(255,255,255,0.8);

  box-sizing: ; padding:1rem; } 

.form h5{font:bold 0.825rem/1.4rem "微软雅黑";  color: #444;}

.form p{font:0.75rem/1.2rem "微软雅黑";  color: #444;}

.form span{display: block; width: 100%; height: 1px; background: #bbbbbb; margin: 0.5rem 0; }

.questionBlock{ margin-top: 0.6rem; }

.questionBlock ul li{width: 5.2rem; height: 2rem; float: left; margin-right: 0.3rem; }

.questionBlock ul li input{ width: 100%; display: block; outline: none; border: none;

  font: 0.75rem/2rem "微软雅黑"; color: gray; box-sizing: border-box; padding-left: 0.2rem;

   border-radius: 6px; }

#stage{ display: block; width: 100%; outline: none; border: none; border-radius: 6px; background: white;

  font: 0.75rem/2rem "微软雅黑"; color: gray;box-sizing: border-box; padding-left: 0.2rem; }

.questionBlock ul:after{content: '';display: block; clear: both; }

#btn_submit{ width: 12rem; height: 2.5rem; margin: 1rem auto 0; display: block; border: none; outline: none;

  background: #0071da; font:bold 0.9rem/2.5rem "微软雅黑"; color: white; text-align: center;

   border-radius:6px;letter-spacing: 2px;  }

/*最后一部分结束*/













.footerNav {

	width: 100%;

	max-width: 640px;

	height: 2.5rem;

	position: fixed;

	bottom: 0;

	z-index: 8888

}



.footerbox {

	width: 100%;

	height: 2.5rem;

	display: -moz-box;

	display: -webkit-box;

	display: box;

	background: #c7375f;

	box-sizing: border-box;

	padding-top: 0.2rem

}



.footerNav a {

	display: block;

	-moz-box-flex: 1;

	-webkit-box-flex: 1;

	box-flex: 1;

	width: 30%;

	height: 2.2rem;

	font: bold 0.8rem/2rem "微软雅黑";

	color: #fff;

	text-align: center;

	border-right: 1px solid #d8e4ed;

	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);

	position: relative

}



.zxnum {

	display: block;

	width: 12%;

	position: absolute;

	right: 2.5%;

	top: 10%

}



.fixfunc {

	width: 14%;

	position: fixed;

	right: 3%;

	bottom: 9%

}



.fixfunc a {

	width: 100%;

	display: block;

	box-sizing: border-box

}



.footerbox a>img {

	width: 1rem;

	display: block;

	float: left;

	margin-top: 0.5rem;

	margin-left: 1rem

}



.footerbox>p {

	width: 7.5rem;

	box-sizing: border-box

}



.footerbox p>img {

	width: 1rem;

	height: 1rem;

	display: block;

	float: left;

	margin-top: 0.5rem;

	margin-left: 0.2rem

}



.footerbox p>a {

	width: 6rem;

	float: right

}



.footerbox p:after {

	content: '';

	display: block;

	clear: both

}



.lxb_popbox {}



.lxb_cover {

	background: #000;

	opacity: 0.4;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 80000

}



.lxb_open {

	width: 10%;

	position: fixed;

	top: 36%;

	right: 0;

	z-index: 81000

}



.lxb_open img {

	width: 100%

}



.lxb_box {

	position: fixed;

	top: 20%;

	left: 50%;

	padding: 15px 1rem 10px;

	width: 90%;

	margin-left: -45%;

	background: url("../images/t.jpg") top no-repeat;

	background-size: 100% 100%;

	color: #8B8D8F;

	z-index: 81000;

	box-sizing: border-box

}



.lxb_close {

	position: absolute;

	top: 0;

	right: 0;

	cursor: pointer;

	width: 10%;

	height: 10%

}



.offline-info {

	width: 18rem

}



.offline-info h5 {

	font-size: 1.5rem;

	color: #000;

	font-weight: 400;

	margin-top: 1.8rem

}



.api-lxb-cb-con {

	width: 18rem;

	display: block;

	overflow: hidden;

	zoom: 1

}



.offlineform {

	height: 2.2rem;

	float: left;

	border: 1px solid #ccc;

	text-align: left;

	margin: 1.6rem 0;

	background: #fff;

	width: 11rem

}



.offline-input {

	border: none;

	margin-left: 0.5rem;

	background: none;

	overflow: hidden;

	width: 90%;

	text-align: left;

	font-size: 1rem;

	line-height: 2rem

}



.tcBtn {

	width: 14rem;

	height: 3rem;

	color: white;

	border: none;

	background: url("../images/but_t.png") center no-repeat;

	background-size: 14rem 3rem;

	font-size: 1.4rem;

	margin: 0.6rem 0 1rem

}



.animated {

	animation-duration: 1s;

	animation-fill-mode: both

}



@-webkit-keyframes bounceInUp {

	60%,

	75%,

	90%,

	from,

	to {

		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)

	}

	from {

		opacity: 0;

		-webkit-transform: translate3d(0, 3000px, 0);

		transform: translate3d(0, 3000px, 0)

	}

	60% {

		opacity: 1;

		-webkit-transform: translate3d(0, -20px, 0);

		transform: translate3d(0, -20px, 0)

	}

	75% {

		-webkit-transform: translate3d(0, 10px, 0);

		transform: translate3d(0, 10px, 0)

	}

	90% {

		-webkit-transform: translate3d(0, -5px, 0);

		transform: translate3d(0, -5px, 0)

	}

	to {

		-webkit-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0)

	}

}



@keyframes bounceInUp {

	60%,

	75%,

	90%,

	from,

	to {

		-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

		animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000)

	}

	from {

		opacity: 0;

		-webkit-transform: translate3d(0, 3000px, 0);

		transform: translate3d(0, 3000px, 0)

	}

	60% {

		opacity: 1;

		-webkit-transform: translate3d(0, -20px, 0);

		transform: translate3d(0, -20px, 0)

	}

	75% {

		-webkit-transform: translate3d(0, 10px, 0);

		transform: translate3d(0, 10px, 0)

	}

	90% {

		-webkit-transform: translate3d(0, -5px, 0);

		transform: translate3d(0, -5px, 0)

	}

	to {

		-webkit-transform: translate3d(0, 0, 0);

		transform: translate3d(0, 0, 0)

	}

}



.bounceInUp {

	-webkit-animation-name: bounceInUp;

	animation-name: bounceInUp

}



@-webkit-keyframes fadeInDown {

	from {

		opacity: 0;

		-webkit-transform: translate3d(0, -100%, 0);

		transform: translate3d(0, -100%, 0)

	}

	to {

		opacity: 1;

		-webkit-transform: none;

		transform: none

	}

}



@keyframes fadeInDown {

	from {

		opacity: 0;

		-webkit-transform: translate3d(0, -100%, 0);

		transform: translate3d(0, -100%, 0)

	}

	to {

		opacity: 1;

		-webkit-transform: none;

		transform: none

	}

}



.fadeInDown {

	-webkit-animation-name: fadeInDown;

	animation-name: fadeInDown

}



@-webkit-keyframes fadeInRight {

	from {

		opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0)

	}

	to {

		opacity: 1;

		-webkit-transform: none;

		transform: none

	}

}



@keyframes fadeInRight {

	from {

		opacity: 0;

		-webkit-transform: translate3d(100%, 0, 0);

		transform: translate3d(100%, 0, 0)

	}

	to {

		opacity: 1;

		-webkit-transform: none;

		transform: none

	}

}



.fadeInRight {

	-webkit-animation-name: fadeInRight;

	animation-name: fadeInRight

}



@media screen and (min-width: 414px) and (max-width: 479px) {

	

}



@media screen and (min-width: 640px) {

	

}