@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/

/**/
.banners{height: 562px;}
.fullSlide {
	width:100%;
	position:relative;
	height:562px;
}
.fullSlide .bd {
	margin:0 auto;
	position:relative;
	z-index:0;
	overflow:hidden;
}
.fullSlide .bd ul {
	width:100% !important;
}
.fullSlide .bd li {
	width:100% !important;
	height:562px;
	overflow:hidden;
	text-align:center;
	 background-position:center top;
	 background-repeat:no-repeat;
	 
}
.fullSlide .bd li a {
	display:block;
	height:562px;
}

.fullSlide .hd {
	width:100%;
	position:absolute;
	z-index:1;
	bottom:0px;
	left:0;
	height:30px;
	line-height:30px;
}
.fullSlide .hd ul {
	text-align:center;
}
.fullSlide .hd ul li {
	cursor:pointer;
	display:inline-block;
	*display:inline;
	zoom:1;
	width:14px;
	height:14px;
	margin:5px;
	overflow:hidden;
	background:#fff;
	line-height:999px;
	border-radius: 18px;
}
.fullSlide .hd ul .on {
	background:#cb1e1d;
}
.fullSlide .prev,.fullSlide .next {
	display:block;
	position:absolute;
	z-index:1;
	top:50%;
	margin-top:-30px;
	left:5%;
	z-index:1;
	width:40px;
	height:60px;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:0.5;
	display:none;
	width:73px; 
	height:73px;
}
.fullSlide .prev
{
  }
.fullSlide .next {
	left:auto;
	right:5%;
}
.s_bj{margin-bottom:0}
.liy{height: 415px;padding-bottom:58px}
.liy .tit {font-size:0; line-height: 0;text-align: center;margin-bottom:32px;}
.liy dl {float:left;width:240px;text-align: center;background:url(img/Index/line.png) no-repeat 220px center;}
.liy dt {padding-top:85px;height: 61px;padding-top:85px; font-size:24px;color: #fff;font-weight: bold;}
.liy dd {padding-top:36px;color: #666667;font-size:18px;}
.liy dd h4 {font-size:26px;font-weight: bold;color: #333333;height: 36px;line-height: 36px;padding-bottom:8px;}
.liy dl.dlly05{background:none}
.liy dl.dlly01 dt{background:url(img/Index/ly_ico1.jpg) no-repeat center top;}
.liy dl.dlly02 dt{background:url(img/Index/ly_ico2.jpg) no-repeat center top;}
.liy dl.dlly03 dt{background:url(img/Index/ly_ico3.jpg) no-repeat center top;}
.liy dl.dlly04 dt{background:url(img/Index/ly_ico4.jpg) no-repeat center top;}
.liy dl.dlly05 dt{background:url(img/Index/ly_ico5.jpg) no-repeat center top;}

.list1{height: 1065px;background: #f4f4f4;padding-top:88px;width: 100%;}
.fenl{float:left;width:280px;height:1009px;}
.fenl .tit {height:61px;padding-top:104px;background:url(img/Index/fl_tt.jpg) no-repeat;padding-left:28px;}
.fenl .tit a {font-size:26px;font-weight:bold;color: #fff; height: 32px; line-height: 32px;display: block;}
.fenl .tit em {display: block;font:12px arial; color: #d17b7d;text-transform: uppercase;}
.fenl .nr {height:694px;background: #fff;margin:0 auto;border:1px solid #c6c6c6;padding:25px 19px 20px 15px;border-width: 0 1px;}
.fenl .nr h4 {margin-bottom:17px;height: 32px; }
.fenl .nr h4 a {display: block;height: 32px; line-height: 32px;background:url(img/Index/f_ico1.jpg) no-repeat;font-size:16px; color: #333333;padding-left:28px;text-decoration: none;}
.fenl .nr h4 a:hover, .fenl .nr h4.on a{background:url(img/Index/f_ico1_h.jpg) no-repeat; color: #fff;font-weight: bold}
.fenl .nr ul {padding-bottom:15px;}
.fenl .nr li a {display: block;padding-left:46px;background:url(img/Index/fl_ico2.jpg) no-repeat 31px center;font-size:14px; color: #666666;height: 30px; line-height: 30px;text-decoration: none;}
.f_tel{background: #b91514 url(img/Index/f_ico3.jpg) no-repeat 20px 42px;width:203px;height: 92px;padding:33px 0 0 77px;font-size:18px;color: #fff}
.fenl .nr li a:hover{color: #b91514;}
.f_tel span {display: block;font-size:24px;font-weight: bold}



.pro{float:right;width:901px;}
.pro .tit {height: 40px;background:url(img/Index/pro_tt.jpg) no-repeat left bottom;line-height: 38px;}
.pro .tit a {font-size:22px; color: #b91514;font-weight: bold;}
.pro .tit span a {float:right;text-transform: uppercase;font-size:14px; color: #333333;font-weight: normal;width:78px;height: 19px;border:1px solid #c8c8c8;border-radius: 3px;line-height: 19px;margin-top:28px;text-align: center;}
.pro .nr {padding-top:25px;}
.pro .nr dl {float:left;width:294px;height: 483px;margin-right:9px;}
.pro .nr dt {font-size:0; line-height: 0;border:1px solid #c7c7c7;height:360px;background: #fff}
.pro .nr dt img{width:292px;height:292px;}
.pro .nr dt span {margin:10px auto 0;width:258px;display:block;}
.pro .nr dt span a {width:124px;height: 40px;font-size:14px; color: #fff;line-height: 40px;background: #bc1b21;text-align: center;display: inline-block;}
.pro .nr dt span a.ckxa{background: #24272e;margin-left:10px;}
.pro .nr dd {padding-top:17px;text-align: center;}
.pro .nr dd h4 a {display: block;font-size:16px; color:#333333;height: 28px;line-height: 28px;overflow: hidden;white-space: nowrap;text-align: center;text-overflow: ellipsis;}
.pro .nr dd p{font-size:14px;}
.pro .nr dd p img {vertical-align: middle;margin-left:7px;}
.pro .nr dl.non{margin:0;}


.duib{width:1200px;margin:0 auto;padding-top:120px;height:847px;}
.duib .tit{background:url(img/Index/db_tt.jpg) no-repeat center top;height: 192px;text-align: center;width:687px;margin:0 auto;}
.duib .tit h4 {font-size:30px;font-weight: bold;color: #333333;height:49px;padding-top:56px;line-height: 49px;padding-right: 32px}
.duib .tit p {font-size:20px; color: #333333;}
.db_qh {height: 56px;}
.db_qh li{float:left;width:283px;height: 56px;background: #3c3c3c;margin-right: 22px; line-height:56px;text-align: center;font-size:20px; color: #fff;position: relative;}
.db_qh li span {font:24px arial; color:#fff;position: relative;display: inline-block;margin-right:8px;border-bottom: 1px solid #9e9e9e;}
.db_qh li.on{background: #cc0000}
.db_qh li.on span{border-color: #e68080}
.db_qh li.on:after{ width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #cc0000;position: absolute;left:45%;bottom:-10px;content: "";display: block;}
.db_qh li.non{margin:0;}
.db_nr{margin-top:22px;height: 534px;background:url(img/Index/db_bj.jpg) repeat-x;position: relative;}
.db_nr dl {margin-left:-7px;}
.db_nr dt {background:url(img/Index/db_c.jpg) no-repeat;text-align: center;padding-top:5px;float:left;width:608px;height: 339px;}
.db_nr dd {float:left;width:544px;padding:17px 0 0 34px;}
.db_nr dd h4 {height:44px; line-height: 44px;font-size:30px;color: #cc0000;font-weight: bold;position:relative;margin-bottom:27px;}
.db_nr dd h4:after{content: "";display: block;width:31px;height: 1px;background: #eb6814;position: absolute;left:0;bottom:0px;}
.db_nr dd p {height:45px;line-height: 45px;padding-left:22px;font-size:16px; color: #272727;background:url(img/Index/db_ico1.jpg) no-repeat left center;}
.db_nr dd p span {font-weight: bold;color: #cc0000}
.db_i{float:left; width:600px;padding-top:35px;}
.db_i li {float:left; font-size:0; line-height: 0;margin-right:2px;} 
.db_sm{float:left;width:457px;padding:14px 12px 0 85px;margin:21px 0 0 20px;height: 125px;background:url(img/Index/db_ico2.jpg) no-repeat;}
.db_sm h4 {font-size:16px; color: #cc0000;line-height: 22px;}
.db_sm p {font-size:14px;color:#333333;line-height: 22px;padding-top:5px;}
.yy{background:url(img/Index/ico1.jpg) no-repeat;width:633px;height: 22px;position: absolute;left:0;top:343px;display: block;}


.list2{background:url(img/Index/fn_bj.jpg) no-repeat center top;height:952px;padding-top:81px;width: 100%;}
.fan .tit{text-align: center; font-size:0;line-height: 0;height: 164px;}
.fan .tit p{padding-top:40px;font-size:24px; color: #1c1c1c}
.fan .tit p span {font-weight: bold}
.f_qh{float:left;width:228px;padding-top:19px;}
.f_qh li{height: 86px;background: #eeeeee;padding-left:20px;line-height: 86px;font-size:20px;color: #666666;margin-bottom:2px;position: relative;width:195px;}
.f_qh li a{color:#666666;display:block;background:url(img/pro/c1.jpg) no-repeat 0 center;padding-left:28px;}
.f_qh li.on{background: #cc0000 url(img/pro/zj.jpg) no-repeat right center;color: #fff;width:208px}
.f_qh li.on a{background:url(img/pro/c1h.jpg) no-repeat 0 center;color:#fde91a;font-weight:bold}

.f_fr{float:left;padding-left:42px;width:905px;margin-top:19px; position: relative;}
.f_t{height:383px;}
.f_t h4 {height:46px;line-height: 46px;background:url(img/Index/fn_ico1.jpg) no-repeat left bottom;}
.f_t h4 a {font-size:22px; color: #d11000; font-weight: bold}
.f_t li{float:left;width:256px;margin:25px 28px 0 15px;font-size:0; line-height: 0;border:1px solid #cfcfcf;position: relative;height: 254px;}
.f_t li img {width:254px;height: 254px;}
.f_t li span a{background:url(img/pro/tm.png) repeat 0 0;text-align: center;height: 40px;font-size:20px; color: #fff;left:0px;bottom:0px;display: block;line-height: 40px;position: absolute;width:100%;}
.f_t li:last-child{margin:25px 0 0 15px;}
.f_b{height: 310px;}
.f_b dt{float:left;font-size:0;line-height: 0;width:500px;}
.f_b dt img {width:500px;height: 281px;}
.f_b dd {float:left;width:374px;padding-left:27px;height: 136px;background:url(img/Index/ico2.jpg) no-repeat 24px bottom;}
.f_b dd h4 a {display:block;height: 32px;line-height: 32px; font-size:22px;font-weight: bold; color: #333333}
.f_b dd p {line-height: 26px;font-size:14px; color: #666666}
.f_b dd p a {color: #db2435;}
.f_a{position: absolute;right:0;top:539px;width:374px;}
.f_a h4 a {display:block;height: 32px;line-height: 32px; font-size:22px;font-weight: bold; color: #333333}
.f_a p {line-height: 26px;font-size:14px; color: #666666}
.f_a p span a {color: #db2435;display: block;width:192px;height: 38px;border:1px solid #db2435;border-radius: 16px;text-align: center;line-height: 38px;margin-top:10px;font-size:14px;}

.list3{background:url(img/Index/xz_tt.jpg) no-repeat center top;width: 100%;overflow: hidden;}
.xuanz .tit {height:205px;text-align: center;padding-top:62px;}
.xuanz .tit h4 {height: 70px;line-height: 70px;font-size:52px; color: #fff; font-weight: bold;}
.xuanz .tit p {font-size:33px;color: #fff;height: 54px;line-height: 54px;}
.xuanz .tit p span {padding:0 36px 0 29px;display: inline-block;background:url(img/Index/ico3.jpg) no-repeat 0 22px;}
.xuanz .tit p em { color:#fde91a;font-weight: bold;}
.xz1{height: 643px;padding-top:31px;position: relative;width:1200px}
.xz1 dl{width:554px;position: relative;z-index: 2}
.xz1 dt {background:url(img/Index/xz_ico1.jpg) no-repeat;height: 92px;padding-left:109px;}
.xz1 dt h4 {display: block;height: 48px;font-size:40px; color: #cc0000;font-weight: bold;line-height: 48px;}
.xz1 dt p{ font-size:18px; color: #333333;line-height: 28px;font-weight: bold}
.xz1 dd {padding-left:8px;}
.xz1 dd h4 {font-size:26px; color: #333333;font-weight: bold;line-height: 28px;height: 28px;margin:20px 0 5px;}
.xz1 dd span {font-size:20px;color: #cc0000;line-height: 38px;height: 38px; font-weight: bold;margin-bottom:5px;display: block;}
.xz1 dd p {padding-left:22px;font-size:16px; color: #333333;background:url(img/Index/xz_ico3.png) no-repeat 0 10px;line-height: 28px;}
.xz1 dd em {margin-top:30px;display: block;}
.xz1 dd em img {margin-right:37px;}
.xz1_t{position: absolute;right:-89px;top:69px;z-index: 1}

.liuc{height: 522px;overflow:hidden;width: 100%;}
.liuc h5{font-size:0;line-height: 0;height: 82px;text-align: center;padding-bottom: 22px;}
.liuc dl{float:left;width:343px;height: 353px;background: #f7f7f7;padding:25px 23px 0;margin-right:15px;margin-top:-1px;}
.liuc dl.non{margin-right:0;}
.liuc dt {font-size:0; line-height: 0}
.liuc dt img {width:341px;height: 213px;border:1px solid #f3f3f3;}
.liuc dd {padding-top:9px;}
.liuc dd h4 {height: 38px;line-height: 38px;font-size:18px; color: #333333;position: relative;}
.liuc dd h4:after{content: "";display: block;width:44px;height: 2px;background: #d60000;position: absolute;left:0;bottom:0;}
.liuc dd p{padding-top:20px;font-size:16px; color: #333333;line-height: 24px;}
.xz2{background:url(img/Index/xz2_bj.jpg) no-repeat center top;height: 630px;position: relative;}
.xz2 dl{width:554px;position:absolute;z-index: 2;left:50%;top:120px;margin-left:61px;}
.xz2 dt {background:url(img/Index/xz_ico2.jpg) no-repeat;height:116px;padding-left:109px;}
.xz2 dt h4 {display: block;height: 48px;font-size:40px; color: #cc0000;font-weight: bold;line-height: 48px;}
.xz2 dt p{ font-size:18px; color: #333333;line-height: 28px;font-weight: bold}
.xz2 dd {padding-left:8px;}
.xz2 dd h4 {font-size:26px; color: #333333;font-weight: bold;line-height: 28px;height: 28px;margin:20px 0 5px;}
.xz2 dd p span {font-weight: bold;}
.xz2 dd p {padding-left:22px;font-size:16px; color: #333333;background:url(img/Index/xz_ico3.png) no-repeat 0 10px;line-height: 28px;width:500px;margin-bottom:10px;}
.xz2 dd em {margin-top:30px;display: block;}
.xz2 dd em img {margin-right:37px;}
.xz_i{position: absolute;left:50%;margin-left:-581px;top:200px;}
.xz_i li {width:80px;}
.xz_i span {font-size:20px;color: #000000;margin-top:6px;}
.xz_i li:nth-child(1){position: absolute;left:48px;top:0;}
.xz_i li:nth-child(2){position: absolute;left:0;top:139px;}
.xz_i li:nth-child(3){position: absolute;left:81px;top:256px;}
.xz_i li:nth-child(4){position: absolute;left:458px;top:152px;}
.xz_i li:nth-child(1) span,.xz_i li:nth-child(3) span {margin-left:33px;}
.xz_i li:nth-child(4) span{margin-left:21px;}


.hez{height: 474px;}
.hez .tit{text-align: center; font-size:0;line-height: 0;height: 188px;background:url(img/Index/hz_ico1.jpg) no-repeat center 60px;}
.hez .tit p{padding-top:29px;font-size:24px; color: #1c1c1c;height: 45px;line-height:28px}
.hz_nr{position: relative;height: 234px}
.hz_fl_j,.hz_fr_j{position: absolute;top:93px;cursor: pointer;}
.hz_fl_j{left:-60px;}
.hz_fr_j{right:-60px;}
.hz_nr li{float:left;width:388px;font-size:0;line-height:0;position:relative;margin-right:17px;}
.hz_nr li:last-child{margin:0;}
.hz_nr li img {width:388px;height: 229px;}
.hz_nr li em a {display:block;width:100%;text-align: center;height: 39px;line-height: 39px;font-size:14px;color:#fff;background:url(img/pro/tm2.png) repeat 0 0;position: absolute;left:0;bottom: 0;}
.hz_hd {position: absolute;left:0;top:0;width:100%;height: 100%;background: #d61c0f;display: none;}
.hz_hd h4 a{height: 44px;margin-top:22px;font-size:20px; color: #fff;font-weight: bold;display: block;line-height: 44px;margin-left:32px;}
.hz_hd p {padding-left:32px; color: #fff; font-size:14px;line-height: 24px;width:317px;height: 114px;}
.hz_hd span a{width:144px;height: 34px;background: #fff;border-radius:4px;text-align: center;line-height: 34px; font-size:16px; color: #333333;display: block;margin:0 auto;}
.hz_nr li:hover .hz_hd{display: block;}


.list4{height:414px;padding-top:56px;background: #f7f7f7;width: 100%;}
.keh{position: relative;}
.keh h4{text-align: center;background:url(img/Index/keh.jpg) no-repeat center;height: 40px;font-size:24px; color: #222222;font-weight: normal;line-height: 40px;margin-bottom:26px;}
.keh h4 a{color: #222222;}
.keh li{float:left;font-size:0; line-height: 0;margin:0 3px 3px 0;}
.keh li img {width:140px;height: 83px;}
.keh li.non3{margin:0 348px 3px 0;}
.keh li.non{margin:0 0 3px 0;}
.ico1{background:url(img/Index/ico5.jpg) no-repeat center top;height: 16px; overflow: hidden;}
.kh_t{position: absolute;left:428px;top:66px;}
.keh span {text-align: center;display: block;margin-top:35px;font-size:14px;}
.keh span a {color: #333333;border-bottom:1px solid #333333;height: 22px;line-height: 22px;text-decoration: none;}

.list5{height: 707px;padding-top:45px;width: 100%;}
.list5 .tit{text-align: center; font-size:0;line-height: 0;height: 138px;}
.list5 .tit p{padding-top:17px;font-size:24px; color: #1c1c1c;height: 45px;line-height:28px}
.dongt{float:left;width:600px;}
.dt_tt {height: 49px;line-height: 49px;border-bottom:1px solid #dadada;}
.dt_tt li {float:left;padding:0 20px; line-height: 48px;font-size:24px;color: #2b2b2b;position: relative;}
.dt_tt li a{color: #2b2b2b;}
.dt_tt li.cur{font-weight: bold;border-bottom:2px solid #cc0000;}
.n_span a {color: #cc0000;font-size:16px;line-height: 49px;display: inline-block;}
.d_nr {padding-top:37px;}
.d_nr dl {height: 203px;border-bottom:1px solid #e5e5e5;margin-bottom:28px;}
.d_nr dt {float:left;width:296px;}
.d_nr dt p {float:left;width:64px;font-size:0;}
.d_nr dt span {display: block;background:#e6e6e6;height: 64px;text-align: center;font-size:14px;color: #868585;line-height: 22px;margin-top:1px;}
.d_nr dt span em {display: block;font:30px arial; color: #4e4c4c;padding-top:6px;line-height: 30px;}
.d_nr dt i img {width:232px;height: 174px;}
.d_nr dd {float:left;width:260px;padding-left:30px;}
.d_nr dd h4 a {display: block;height: 28px;line-height: 28px;font-size:16px; color: #2b2b2b;}
.d_nr dd p {font-size:14px; color: #555555;line-height: 24px;padding-top:12px;height: 101px;}
.d_nr li{height: 36px;line-height: 36px;padding-left:16px;background:url(img/Index/dt_ico3.jpg) no-repeat left center;border-bottom:1px dashed #e5e5e5;}
.d_nr li a {color: #555555;font-size:14px;}
.d_nr li span{float:right; color: #787676;font-size:14px;line-height: 36px;} 
.d_nr li:last-child{border:0;}

.went{float:right;width:536px;}
.w_tit {height: 50px;line-height: 50px;background:url(img/Index/ico6.jpg) no-repeat left bottom;}
.w_tit a {font-size:22px; color: #2b2b2b;font-weight: bold;padding-left:6px;}
.w_tit span a{font-size:16px;font-weight:normal;float:right;color:#cc0000;line-height:50px;}
.w_nr {padding-top:10px;}
.w_nr li {padding-top:26px;height: 125px;}
.w_nr li h4 a{display: block;padding-left:40px;background:url(img/Index/wen.jpg) no-repeat 0 10px;font-weight: bold;font-size:16px; color: #2b2b2b;height: 43px;line-height: 43px;border-bottom:1px solid #dadada;}
.w_nr li p{padding-left:40px; background:url(img/Index/da.jpg) no-repeat 0 15px;font-size:14px; color: #555555;padding-top:15px;line-height: 30px;height: 100%}
.w_nr li span {float:left;font-size:14px;font-weight: bold; color: #333333;}
.w_nr li em {float:left;width:455px;}

.about{height: 822px;overflow: hidden;background:url(img/Index/ab_bj.jpg) no-repeat center 142px;width: 100%;}
.about .tit{text-align: center; font-size:0;line-height: 0;height:142px;background:url(img/Index/hz_ico1.jpg) no-repeat center 60px;}
.about .tit p{padding-top:29px;font-size:24px; color: #1c1c1c;height: 45px;line-height:28px}
.ab_nr{width:336px;height:577px;padding:46px 13px 0 13px;margin:0 auto}
.ab_nr h4 {height: 48px;line-height: 48px;font-size:22px; color: #fff;font-weight: bold;position: relative;}
.ab_nr h4:after{content: "";display: block;width:43px;height: 2px;background: #fff;position: absolute;left:0;bottom:0;}
.ab_nr p {color: #fff;font-size:16px;line-height: 32px;height: 221px;padding-top:15px;}
.ab_nr p span {display:block;font-size:34px; color: #ffda85;font-weight: bold;margin-top:20px;}
.ab_t{font-size:0;line-height: 0;text-align: center;width:200px;margin:0 auto;}
.ab_t img {width:200px;height: 262px;}

.link {height: 100px;padding-top:10px;width:1200px;margin:0 auto;}
.link dt {float:left;background:url(img/Index/link_bj.jpg) no-repeat;width:152px;padding-top:24px;font-size:14px; color: #aaaaaa;}
.link dd {float:left;width:970px;padding-left:77px;line-height: 26px;}
.link dd a {font-size:12px; color: #737373;padding:0 21px;}


@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}