html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, embed,tr, th, td,hr {
	margin: 0;
	padding: 0;
	border: 0;
} 
ul{
	list-style-type:none;
}
a{
	text-decoration: none;
	color:#000;
}
a:hover{
	text-decoration:underline;
}
html, body {
    position: relative;
    height: 100%;
}
body {
    background: #eee;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    color:#000;
    margin: 0;
    padding: 0;
    font-family: "Hiragino Sans GB", "Microsoft YaHei",
    "WenQuanYi Micro Hei", sans-serif;
}
.slides-item{ width:1000px; float:left; position:relative; background:url(../images/zthb_2.jpg) no-repeat; background-size:cover;}/*width动态改变*/

.fhsy_yqlj_ewm {
	background:url(../images/fhsy_10.png) no-repeat;
 height:167px;
 overflow:hidden;
 padding-bottom:200px;
position: fixed;
z-index: 99999;
bottom: 0;
right: 0;
width: 123px;
display:none;
}
.header {
background:#2b2a32;
 height:60px;
 overflow:hidden;
position: fixed;
z-index: 99999;
top: 0;
left: 0;
width: 100%;
}
.fhsy_main{ width:1000px; height:100%; margin:0 auto;  position:relative;

    /* Center slide text vertically */
    -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;}
.fhsy_logo{ float:left; background:url(../images/zthb_4.png) left center no-repeat; width:180px; height:35px; overflow:hidden;}
.footer {background:#2b2a32; height:40px; overflow:hidden;position: fixed;z-index: 1;bottom: 0;left: 0;width: 100%;font-size:14px; line-height:40px; color:#adabb9;}
.footer span{ float:left;}
.footer font{ float:right}
.fhsy_dht{
position: fixed;
z-index: 99999;
top: 365px;
right: 0;	
 width:115px;
}

.zthb_tubiao{ text-align:center; position:fixed; top:220px; left:0; width:100%; z-index:99; display:none;}
.zthb_tubiao img{}
.nav{ width:1000px; text-align:center; margin:0 auto;}
.nav li{ margin:0 0; display:inline-block;}
.nav li a{ font-size:18px; color:#000;line-height:30px; height:32px; text-align:center;opacity:1; border-radius: 0; display:inline-block; width:140px; font-weight:bold}

.nav-item a.current{ background:url(../images/zthb_77.png) 10px top no-repeat; color:#FFF;}
.nav-item a:hover{ text-decoration:none;}

.fhsy_dht li{ background:#20222a; border-left:3px solid #d92026; font-size:16px; font-family:"Microsoft YaHei"; margin-bottom:4px; color:#FFF; line-height:46px; height:46px; text-align:center;opacity:1; border-radius: 0; display:block; width:113px;}
.fhsy_dht .swiper-pagination-bullet-active{ background:#d92026;}

#fhsy_kzxl_spsp{ display:none;}
.fhsy_kzxl_spsp{ width:535px; height:370px; float:left;}
.pop_share{position:absolute; left:0; right:0; top:0; bottom:0; background:url(../images/pop_share.png) no-repeat center 15px; background-size:80%; background-color:rgba(0,0,0,0.78); transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; z-index:99; display:none; opacity:0;}	

#wxpic {
    width: 15%;
    height: auto;
    position: absolute;
    left: 5%;
    top: 5%;

}
.swiper-container {
    width: 100%;
    height: 100%;
}


.swiper-slide {
}

.music.play {
    width: 27px;
    height: 27px;
    display: block;
    background: url(../images/music-play.png) no-repeat;
    background-size: 27px auto;
    position: absolute;
    left: 15px;
    top: 15px;
    z-index: 100;
}
.music.pause {
    width: 27px;
    height: 27px;
    display: block;
    background: url(../images/music-pause.png) no-repeat;
    background-size: 27px auto;
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 100;
}
.hide {
    display: none;
}
.show {
    display: inherit;
}
.gao15{}
#p1 {
	background:url(../images/fhsy_01.jpg) center 0 no-repeat;
}
#p1 #nextBtn{ background:url(../images/fhsy_01.png) no-repeat; height:65px; width:237px; position:absolute; left:43%; bottom:10%;}
.p2_1{background:url(../images/fhsy_02.jpg) center 0 no-repeat;}
.p3_1{background:url(../images/fhsy_03.jpg) center 0 no-repeat;}
.p4_1{background:url(../images/fhsy_04.jpg) center 0 no-repeat;}

.fhsy_kzxl{ }

.fhsy_flogo{ background:url(../images/fhsy_06.png) no-repeat; background-size:30% 100%; width:100%; height:18%; position:absolute; left:100px; top:20px; z-index:0}


.fhsy_kzxl_sp{ width:535px; height:370px; float:left;}
.fhsy_kzxl_sp img{width:100%; height:100%; }

.fhsy_kzxl_wz{ width:375px; height:80%; float:right;}
.fhsy_kzxl_wz h1{ font-size:2.0rem; line-height:40px; border-bottom:1px solid #FFF; padding-bottom:5%; font-family:"Microsoft YaHei"}
.fhsy_kzxl_wz h1 a{ color:#FFF;}
.fhsy_kzxl_wz span{ font-size:14px; line-height:1.8rem; text-indent:2em; color:#ffffff; display:block; padding:5% 0;}
.fhsy_kzxl_wz span a{ color:#d92026;}
.fhsy_kzxl_wz .img1{ width:135px; height:80px; padding-right:10px;}
.fhsy_kzxl_wz .img2{ width:80px; height:80px; padding-right:10px;}
.fhsy_kzxl_wz .img3{ width:100px; height:80px; padding-right:10px;}


.gao5{ clear:both; height:5%;}
.fhsy_kzxl_div{ width:630px; height:40px; margin:0 auto; border:1px solid #cecece; font-size:16px;color:#FFF; line-height:40px;}
.fhsy_kzxl_div a{ color:#FFF;}
.fhsy_kzxl_div .p1{ width:199px; border-right:1px solid #cecece; float:left; text-align:center;}
.fhsy_kzxl_div .p2{ width:230px; text-align:center; float:left;}
.fhsy_kzxl_div .p2 a{ text-decoration:none; background:url(../images/fhsy_01.png) right center no-repeat; padding:0 28px;}
.fhsy_kzxl_div .p2 span{ background:#303138; padding:3px 5px;}
.fhsy_kzxl_div .p2 span font{ color:#ffcb00;}





.fhsy_kzxl_qh{ position:absolute; width:1000px; height:480px; margin-top:-240px; left:50%; margin-left:-500px;}

.fhsy_kzxl_qh .bd{ width:100%; height:325px;font-family:"Microsoft YaHei"; padding-bottom:20px; border-bottom:1px dotted #cccccc; margin-bottom:15px;}
.slides-item2.current .fhsy_kzxl_qh .bd{ animation:fadeInDown 1s ease-in forwards;-moz-animation:fadeInDown 1s ease-in forwards;-webkit-animation:fadeInDown 1s ease-in forwards;}
.slides-item2.current .fhsy_kzxl_qh .font_hd{ animation:fadeInUp 1s ease-in forwards; -moz-animation:fadeInUp 1s ease-in forwards; -webkit-animation:fadeInUp 1s ease-in forwards;}
.current .fadedown,.fadedown{ animation:fadeInDown 1s ease-in forwards;-moz-animation:fadeInDown 1s ease-in forwards;-webkit-animation:fadeInDown 1s ease-in forwards;}
.slides-item0.current .qkzt_xwbox{ animation:fadeInUp 1s ease-in forwards; -moz-animation:fadeInUp 1s ease-in forwards; -webkit-animation:fadeInUp 1s ease-in forwards;}
.zthb_tpxl.current .qkzt_sdsj_box{ animation:fadeInUp 1s ease-in forwards; -moz-animation:fadeInUp 1s ease-in forwards; -webkit-animation:fadeInUp 1s ease-in forwards;}
.slides-item2.current .qkzt_mhwl_box{ animation:fadeInUp 1s ease-in forwards; -moz-animation:fadeInUp 1s ease-in forwards; -webkit-animation:fadeInUp 1s ease-in forwards;}


.fadeInDown{ animation:fadeInDown 1s ease-in forwards;-moz-animation:fadeInDown 1s ease-in forwards;-webkit-animation:fadeInDown 1s ease-in forwards;}
.current .fadeup{ animation:fadeInUp 1s ease-in forwards;-moz-animation:fadeInUp 1s ease-in forwards;-webkit-animation:fadeInUp 1s ease-in forwards;}

.zthb_tpxl.current .dqla{  animation:fadeInDown 1s ease-in forwards;-moz-animation:fadeInDown 1s ease-in forwards;-webkit-animation:fadeInDown 1s ease-in forwards;}


.font_hd{ width:100%; height:110px; clear:both;}
.hd{width:1000px; height:110px; overflow:hidden; margin:0 auto; position:relative;}
.fhsy_kzxl_qh .hd .tempWrap{ margin-left:48px;}
.fhsy_kzxl_qh .hd ul{}
.fhsy_kzxl_qh .hd ul li{ float:left; width:80px; margin:0 10px; height:110px; display:inline; text-align:center; cursor:pointer; opacity:0.7}
.fhsy_kzxl_qh .hd ul li img{ width:80px; height:80px; border-radius:50%;}
.fhsy_kzxl_qh .hd ul li p{ text-align:center; line-height:30px; color:#6e6e6e;}
.fhsy_kzxl_qh .hd ul .on{ opacity:1}

.hd .sPrev{ background:url(../images/fhsy_08.png) left center no-repeat; width:28px; height:110px; overflow:hidden; cursor:pointer; position:absolute; left:0; top:0;}
.hd .sNext{ background:url(../images/fhsy_09.png) left center no-repeat; width:28px; height:110px; overflow:hidden; cursor:pointer; position:absolute; right:0; top:0;}
.zthb_dhxf_img{ float:left; width:320px; height:320px; position:relative; text-align:center;}
.zthb_dhxf_img img{ border-radius:50%; width:320px; height:320px;}
.zthb_dhxf_img .p1{ font-size:22px; color:#ffffff; position:absolute; top:245px; left:165px; width:166px; height:36px; line-height:36px; text-align:center; z-index:99; background:url(../images/zthb_6.png) right top no-repeat;}
.zthb_dhxf_img .p2{ font-size:16px; color:#FFF; position:absolute; top:281px; left:105px; width:227px; height:26px; line-height:26px; text-align:center; z-index:99; background:url(../images/zthb_6.png) right bottom no-repeat;}

.zthb_dhxf_p1{ float:right; width:610px; padding-top:20px;}
.zthb_dhxf_p1 h1{ font-size:28px; margin-bottom:5px; font-weight:normal;}
.zthb_dhxf_p1 h1 a{ color:#333333;}
.zthb_dhxf_p1 p{ font-size:18px; color:#b4b4b4; line-height:30px; margin-bottom:20px;}
.zthb_dhxf_p1 span{ font-size:16px; color:#515151; line-height:26px; text-indent:2em; display:block;}

.fhsy_jchd{ width:1000px; height:435px; margin-top:-210px; left:100px; top:50%; position:absolute;font-family:"Microsoft YaHei";}
.fhsy_jchd_hd1{ width:280px; height:435px; float:left; position:relative; overflow:hidden;}
.fhsy_jchd_hd1 .img1{width:280px; height:435px;}
.fhsy_jchd_hd1_yc{ width:280px; height:435px; position:absolute; bottom:-435px; left:0;}
.fhsy_jchd_hd1_yc .bt{ position:absolute; bottom:0; left:0; z-index:13; text-align:center; color:#FFF; line-height:24px; width:240px; height:395px; padding:20px; font-size:14px;}
.fhsy_jchd_hd1_yc .bt span{ display:block; text-align:left; padding-bottom:20px; text-indent:2em;}
.fhsy_jchd_hd1_yc .bt a{ color:#FFF;}
.fhsy_jchd_hd1_yc .bt .img2{ width:110px; height:110px;}
.fhsy_jchd_hd1_yc .bg{opacity: 0.5;	filter: alpha(opacity=50); width:280px; position:absolute; bottom:0; left:0; height:435px; background:#000;	-moz-opacity: 0.5;	z-index:1;}


.fhsy_jchd_hd2{ width:435px; height:435px;  float:left; margin-left:2px; display:inline;}
.fhsy_jchd_hd2 ul{ width:436px;}
.fhsy_jchd_hd2 ul li{ float:left; width:207px; height:207px; padding:5px; background:#b7b3a7; margin-right:1px; display:inline; position:relative;}
.fhsy_jchd_hd2 ul li img{ width:207px; height:135px;}
.fhsy_jchd_hd2 ul li a .img1{width:207px; height:207px;}
.fhsy_jchd_hd2 ul li .rq{ position:absolute; top:108px; right:5px; overflow:hidden; text-align:center; width:54px; height:54px; border-radius:3px;}
.fhsy_jchd_hd2 ul li .rq .div1{ height:32px; line-height:32px; font-size:25px; font-weight:bold; border-bottom:1px solid #767674; background:#FFF; color:#393939;}
.fhsy_jchd_hd2 ul li .rq .div2{ background:#444442; height:21px; line-height:21px; color:#FFF; font-size:12px;}
.fhsy_jchd_hd2 ul li p{ height:30px; line-height:30px; font-size:16px; font-family:"Microsoft YaHei"; font-weight:bold;width:150px;}
.fhsy_jchd_hd2 ul li p a{ color:#282828;}
.fhsy_jchd_hd2 ul li span{ color:#6f6b60; line-height:16px; height:32px; display:block;}

.fhsy_jchd_hd2_hd{ width:435px; height:217px; overflow:hidden; position:relative;}
.fhsy_jchd_hd2_hd .img1{width:435px; height:217px;}
.fhsy_jchd_hd2_yc{ width:435px; height:217px; position:absolute; bottom:-217px; left:0;}
.fhsy_jchd_hd2_yc .bt{ position:absolute; bottom:0; left:0; z-index:13; text-align:center; color:#FFF; line-height:24px; width:375px; height:157px; padding:30px 40px; font-size:14px;}
.fhsy_jchd_hd2_yc .bt p{ height:42px; line-height:42px; margin-bottom:10px; border-bottom:1px solid #FFF; font-family:"Microsoft YaHei"; font-size:20px;}
.fhsy_jchd_hd2_yc .bt p a{ color:#FFF;}
.fhsy_jchd_hd2_yc .bt span{ display:block; text-align:left; line-height:20px; text-indent:2em; color:#FFF;}
.fhsy_jchd_hd2_yc .bt .a1{ padding:3px 3px 3px 6px; display:block; height:14px; line-height:14px; border:1px solid #dbdbdb; color:#dbdbdb; float:right;}
.fhsy_jchd_hd2_yc .bg{opacity: 0.5;	filter: alpha(opacity=50); width:435px; position:absolute; bottom:0; left:0; height:217px; background:#000;	-moz-opacity: 0.5;	z-index:1;}


.fhsy_jchd_hd3{ width:253px; height:420px; padding:0 15px 15px 15px; float:right; overflow:hidden; background:url(../images/fhsy_05.jpg) no-repeat;}
.fhsy_jchd_hd3 .bd{}
.fhsy_jchd_hd3 .bd ul li{ width:253px; height:101px; margin-bottom:15px; overflow:hidden;}
.fhsy_jchd_hd3 .bd ul li .img1{ float:left; width:50px; height:50px;}
.fhsy_jchd_hd3 .bd ul li .p1{ float:right; width:193px; height:104px;}
.fhsy_jchd_hd3 .bd ul li .p1 p{ line-height:24px;}
.fhsy_jchd_hd3 .bd ul li .p1 p a{ color:#333333;}
.fhsy_jchd_hd3 .bd ul li .p1 span{ color:#808080; line-height:20px;}
.fhsy_jchd_hd3 .bd ul li .p1 img{ width:60px; height:60px; padding-right:5px;}

.fhsy_yqlj_logo{ background:url(../images/fhsy_06.png) center center no-repeat; background-size:100% 100%; width:50%; height:25%; position:absolute; left:25%; top:5%; z-index:0}

.fhsy_yqlj{ width:90%; height:200px; text-align:center; left:5%; top:28%; position:absolute;font-family:"Microsoft YaHei";}
.fhsy_yqlj .p1{ font-size:38px; font-weight:bold; color:#bababa; padding-bottom:20px;}
.fhsy_yqlj .p2{ border:1px solid #d4d4d4; padding:12px 0; font-size:18px; height:20px; line-height:20px;}
.fhsy_yqlj .p2 a{ color:#2c2c2c; padding:0 5px;}

.slides-item0{ background:url(../images/zthb_3.jpg) center 0 no-repeat; background-size:cover;}
.zthb_jiyu{ position:absolute; height:400px; margin-top:-200px; left:50%; margin-left:-460px; color:#2b2a32; font-size:14px; padding-left:160px; width:760px; background:url(../images/zthb_3.png) 40px 15px no-repeat;}
.zthb_jiyu p{ text-indent:2em; line-height:36px;}


.slides-item3.current .fhsy_jchd_hd1{ animation:fadeInLeft 1s ease-in forwards;-moz-animation:fadeInLeft 1s ease-in forwards;-webkit-animation:fadeInLeft 1s ease-in forwards;}
.slides-item3.current .fhsy_jchd_hd2 ul{ animation:fadeInDown 1s ease-in forwards;-moz-animation:fadeInDown 1s ease-in forwards;-webkit-animation:fadeInDown 1s ease-in forwards;}
.slides-item3.current .fhsy_jchd_hd2_hd{ animation:fadeInUp 1s ease-in forwards;-moz-animation:fadeInUp 1s ease-in forwards;-webkit-animation:fadeInUp 1s ease-in forwards;}
.slides-item3.current .fhsy_jchd_hd3{ animation:fadeInRight 1s ease-in forwards;-moz-animation:fadeInRight 1s ease-in forwards;-webkit-animation:fadeInRight 1s ease-in forwards;}

.slides-item4.current .fhsy_yqlj{ animation:fadeInDown 1s ease-in forwards;-moz-animation:fadeInDown 1s ease-in forwards;-webkit-animation:fadeInDown 1s ease-in forwards;}
.slides-item3.current .fhsy_mtbd{ animation:fadeIn 1s ease-in forwards;-moz-animation:fadeIn 1s ease-in forwards;-webkit-animation:fadeInDown 1s ease-in forwards;}


.fhsy_mtbd{ background:#20222a; padding:20px 0 0 30px;; height:435px; overflow:hidden; margin-top:-180px; left:0; top:50%; position:absolute;}
.kzkzdqj_mtbmx{ float:left; width:430px; overflow:hidden;}
.kzkzdqj_mtbmx .p1{ font-family:"Microsoft YaHei"; font-size:18px; color:#FFF; height:20px; margin-bottom:20px; padding-left:15px; border-left:4px solid #d92026;}
.kzkzdqj_mtbmx ul li{ width:116px; height:190px; float:left; margin-right:25px; overflow:hidden; display:inline;}
.kzkzdqj_mtbmx ul li img{ width:114px; height:152px; border:1px solid #9b9c9c;}
.kzkzdqj_mtbmx ul li p{ text-align:center; line-height:30px; height:30px; color:#a1a1a1;}

.kzkzdqj_mtbd{ float:right; width:480px; overflow:hidden; font-family:"Microsoft YaHei";}
.kzkzdqj_mtbd .p1{ font-size:18px; color:#FFF; height:20px; margin-bottom:20px; padding-left:15px; border-left:4px solid #d92026;}

.kzkzdqj_mtbd h1{ font-size:30px; height:50px; line-height:50px; overflow:hidden;}
.kzkzdqj_mtbd h1 a{ color:#ff272e;}
.kzkzdqj_mtbd .p2{}
.kzkzdqj_mtbd .p2 p{ font-size:20px; height:40px; line-height:40px; margin:10px 0; overflow:hidden;}
.kzkzdqj_mtbd .p2 p a{ color:#FFF;}
.kzkzdqj_mtbd .p2 ul li{ font-family:"瀹嬩綋"; line-height:30px; overflow:hidden; height:30px; font-size:14px; color:#a1a1a1;}
.kzkzdqj_mtbd .p2 ul li a{ color:#a1a1a1;}



.fhsy_flogo1{ background:url(../images/fhsy_06.png) no-repeat; background-size:33% 100%; width:100%; height:22%; position:absolute; left:0; top:30px; z-index:0}



.zthb_tpqh{}
.zthb_tpxl{ background:url(../images/zthb_2.png) bottom center no-repeat;}
.zthb_tpqh{ width:100%;  min-width:1000px;  height:380px; margin-top:220px;  position:relative; overflow:hidden; text-align:center;   }
.zthb_tpqh .bd{ width:1000px; position:absolute; left:50%; margin-left:-500px  }	
.zthb_tpqh .bd li{ width:1000px;  height:380px; margin:0 10px;overflow:hidden; position:relative;}	
.zthb_tpqh .bd li img{width:100%; height:100%;}
.zthb_tpqh .bd li .bg{ width:420px; height:140px; position:absolute; overflow:hidden; right:0; top:165px;  background:#44475a; filter: alpha(opacity=70);	-moz-opacity: 0.7;opacity: 0.7;	z-index:1;}
.zthb_tpqh .bd li .bt{ width:360px; text-align:left; height:100px; line-height:50px; font-size:36px; overflow:hidden; position:absolute;  right:30px; top:185px; z-index:15;}
.zthb_tpqh .bd li .bt a{ color:#FFF;}
.zthb_tpqh .tempWrap{ overflow:visible !important }	
.zthb_tpqh .tempWrap ul{  margin-left:-1030px !important;   }	
.zthb_tpqh .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:530px; cursor:pointer;   }	
.zthb_tpqh .prev{ left:-50%; margin-left:-520px;  }	
.zthb_tpqh .next{ left:50%;  margin-left:520px;  }	
.zthb_tpqh .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:420px; background:#000; filter:alpha(opacity=50);opacity:0.5;   }	
.zthb_tpqh .pnBtn .arrow{ display:none;  position:absolute; top:155px; z-index:1; width:48px; height:105px;  }	
.zthb_tpqh .prev .arrow{ right:20px; background:url(../images/zthb_4.jpg) left center no-repeat;   }	
.zthb_tpqh .next .arrow{ left:20px; background:url(../images/zthb_4.jpg) right center no-repeat;  }
.zthb_tpqh .prev .arrow:hover{ right:20px; background:url(../images/zthb_5.jpg) left center no-repeat;   }	
.zthb_tpqh .next .arrow:hover{ left:20px; background:url(../images/zthb_5.jpg) right center no-repeat;  }

.zthb_weibo{ border:15px solid #44475a; overflow:hidden; width:970px; height:450px;}

.zthb_sd{ height:100%; position:relative; z-index:15; width:60%; margin-left:20%;}
.zthb_sd .p1{ position:absolute; right:0; top:0;}
.zthb_sd .p2{ position:absolute; right:0; top:0;}
.zthb_sd .p3{ position:absolute; right:0; top:0;}
.zthb_sd .p4{ position:absolute; right:0; top:0;}
.zthb_sd .p5{ position:absolute; right:0; top:0;}
.zthb_sd .p6{ position:absolute; left:-4%; top:25%;}
.zthb_sd .p7{ position:absolute; left:8%; top:7%;}


















@-webkit-keyframes fadeInOutUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000%, 0);
        transform: translate3d(0, 1000%, 0);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

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

@keyframes fadeInOutUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 1000%, 0);
        transform: translate3d(0, 1000%, 0);
    }

    50% {
        opacity: 1;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

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

@-webkit-keyframes fadep {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadep {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 10%, 0);
        transform: translate3d(0, 10%, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

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

 
@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
 
  50% {
    opacity: 1;
  }
}
@-moz-keyframes zoomIn {
  0% {
    opacity: 0;
    -moz-transform: scale(.3);
    transform: scale(.3);
  }
 
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
 
  50% {
    opacity: 1;
  }