@charset "utf-8";
html{min-width:1200px}
.red{color:red!important}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;line-height:0}
.clearfix{*zoom:1}
.clear{clear:both}
.hidden{display:none}
.required{color:red;font-weight:700}
.form_text_verifycode{width:80px}
.form_radio{width:auto;border:0}
.form_checkbox{width:auto;border:0}
.por{position:relative}
.poa{position:absolute}
.icon{background:url(img/icon.png) no-repeat;display:inline-block;vertical-align:middle}
#header_main,#top_main,#banner_main,#floor_1_main,#links_main,#footer_main{width:100%;margin:0}
.trans{-webkit-transition:all .3s ease-in;-moz-transition:all .3s ease-in;-o-transition:all .3s ease-in;transition:all .3s ease-in}
.header_main{width:100%;z-index:100;position:relative;height:95px;background:url(img/top_bg.jpg) no-repeat center top #1d1e22;transition:all .3s ease-in;top:0}
.header_main .logo{display:block;width:560px;overflow:hidden;height:95px;line-height:95px}
.header_main .logo .logo-img{display:block;padding-top:10px;float:left;width:150px}
.header_main .logo .logo-img img{max-width:100%;display:block;vertical-align:middle}
.header_main .logo .logo-h1{float:left;font-size:24px;color:#fff;width:400px;overflow:hidden;height:95px;margin-left:10px}
.topright{position:relative;padding-top:34px;width:640px}
.topbtn{padding-right:7%;position:relative;z-index:10}
.topbtn .topsearch{width:60px;border:1px solid #52545b;height:30px;line-height:30px;color:#fff;text-align:center;position:absolute;right:6%;top:0;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;display:block}
.header_main .search-box{position:absolute;right:0;top:-25px;height:80px;line-height:80px;z-index:99}
.header_main .search-box .butn{display:block;cursor:pointer;width:40px;height:40px;line-height:40px;color:#fff;text-align:center;margin-top:19px;background:url(img/ico_60.png) no-repeat center}
.header_main .search-box .butn i{width:38px;height:38px;display:none;background:url(img/sou.png) no-repeat center;margin:0 auto;border:1px solid #52545b;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px}
.header_main .search-box .butn.hov{background:0}
.header_main .search-box .butn.hov i{display:block}
.header_main .search-box .share-sub{position:absolute;right:40px;top:15px;width:0;height:48px;overflow:hidden;background:#ededed;border-radius:5px 0 0 5px}
.header_main .search-box .share-sub .sub-btn{border:0;width:48px;height:48px;cursor:pointer;outline:0;background:url(img/sou.png) no-repeat center #3fb150}
.header_main .search-box .share-sub .tex{width:136px;font-size:14px;height:20px;line-height:20px;padding:14px 10px;color:#666;border:0;background:#ededed;outline:0}
.header_main .search-box .share-sub select{border:0;height:48px;outline:0;padding:0 3px;line-height:28px;float:left}
.header_main .search-box .share-sub select option{line-height:28px}
.header_main .search-box .lang-box{margin-top:21px;margin-right:39px}
.header_main .search-box .lang-box a{display:inline-block;text-align:center;font-size:12px;margin-left:29px}
.header_main .search-box .lang-box .stt{display:inline-block;line-height:30px;font-size:14px;color:#777;margin-right:4px}
.header_main .nav{padding-right:40px}
#nav .navlist{position:relative;display:block}
#nav li{float:left;display:inline-block;list-style:none;font-size:15px;text-align:center;position:relative;height:61px}
#nav li a{margin-right:3px;display:block;text-align:center;position:relative;color:#eee;height:28px;line-height:28px;padding:0 18px;border:1px solid #25262b;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px}
#nav li.hover a,#nav li:hover a{color:#3fb150;border:1px solid #3fb150}
.top .toprig .item h4{display:block;font-size:30px}
#nav ul .subnav{position:absolute;filter:progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity:0;visibility:hidden;transition:all .6s ease 0s;transform:translate3d(0,10px,0);-moz-transform:translate3d(0,10px,0);-webkit-transform:translate3d(0,10px,0)}
#nav ul li:hover .subnav{opacity:1;visibility:visible;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0)}
#nav ul .subnav{background:#fff;border-top:2px solid #63b670;box-shadow:0 13px 42px 11px rgba(0,0,0,.05);height:auto;left:0;overflow:hidden;position:absolute;top:100%;width:100%;z-index:199}
#nav ul .subnav a{color:#666;display:block;font-size:13px;font-weight:500;height:40px;line-height:40px;padding:0;transition:all .2s ease-in-out 0s;max-width:100%;border:0;border-bottom:1px solid #eee;border-radius:initial}
#nav ul .subnav a:hover{color:#63b670;background:#f9f9f9;text-indent:3px}
#banner_main{overflow:hidden;position:relative;z-index:2;margin-bottom:1px}
#banner_main .banner{margin-top:0}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0}
#banner,.banner ul{overflow:hidden}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0}
#banner .tip{width:1000px;height:20px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom:20px;z-index:3}
#banner .tip span{height:8px;margin:0 8px;width:88px;display:inline-block;font-size:0;cursor:pointer;background:#fff;opacity:.6;filter:Alpha(opacity=60);*zoom:1}
#banner .tip span.cur{background-color:#3fb150;opacity:1;filter:Alpha(opacity=100)}
#banner #btn_prev,#banner #btn_next{width:40px;height:90px;position:absolute;top:50%;z-index:5;margin-top:-45px;-webkit-transition:all 0s ease-in-out 0s;-moz-transition:all 0s ease-in-out 0s;transition:all 0s ease-in-out 0s}
#banner #btn_prev{background-position:0 0;left:10%}
#banner #btn_next{background-position:-50px 0;right:10%}
#banner #btn_prev:hover{background-position:0 -98px}
#banner #btn_next:hover{background-position:-50px -98px}
.transs{-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);-moz-transition:all .4s cubic-bezier(.4,0,.2,1);-o-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1)}
.index .title{text-align:center;width:100%;padding-bottom:30px;line-height:normal;font-weight:normal;font-size:inherit}
.index .title h3{font-size:30px;font-weight:400;display:block;line-height:30px;background:url(img/title.png) no-repeat center}
.index .title p{color:#999;font-size:20px;text-transform:uppercase;font-family:avantgardeitvbybt book,arial;padding-top:14px}
.index .title h3 b{display:inline-block}
.imenu{text-align:center}
.imenu a{font-size:16px;display:inline-block;padding:0 24px;text-align:center;border-left:1px solid #3fb150;height:20px;line-height:20px}
.imenu a:first-child{border-left:0}
.imenu a:hover{color:#3fb150}
.index .floor_1_main{padding-top:80px;padding-bottom:80px;margin-bottom:1px}
.ipro{position:relative;overflow:hidden;padding:30px 0}
.ipro .list{width:108%}
.ipro .item{float:left;width:386px;display:block;height:290px;overflow:hidden;margin-bottom:20px;margin-right:20px;position:relative}
.ipro .item a{display:block;position:relative;width:100%;height:290px}
.ipro .item .item-img{width:386px;height:290px;display:table-cell;vertical-align:middle;text-align:center;overflow:hidden;background-color:#ededed}
.ipro .item img{transition:all .6s cubic-bezier(.215,.61,.355,1) 0s;max-height:290px;max-width:386px;_height:290px;_width:386px}
.ipro .item:hover img{transform:scale(1.06,1.06)}
.ipro .item h3{position:absolute;left:0;bottom:0;width:100%;text-indent:30px;font-weight:400;font-size:14px;height:65px;line-height:65px;background:url(img/black60.png) repeat;color:#fff}
.ipro .item em{position:absolute;right:0;bottom:20px;z-index:2;width:32px;height:26px;background-position:-190px 0;display:block;margin-right:30px;vertical-align:middle}
.ipro .item:hover h3{background:url(img/ipro_t.png) repeat-x left top}
.index .floor_2_main{background:url(img/iyoushi.jpg) no-repeat center top;height:700px;overflow:hidden}
.index .floor_2,.index .floor_3{padding:80px 0 40px;position:relative}
.index .floor_2 .title{color:#fff}
.iyoushi .item{width:375px;float:left;margin-top:40px}
.iyoushi .item a{display:block;padding:40px}
.iyoushi .item .img{width:50px;height:50px;overflow:hidden;position:relative;margin-left:10px}
.iyoushi .item .img img{position:absolute;left:0;top:0;width:50px;display:block}
.iyoushi .item .txt{width:140px;padding-left:60px;color:#fff}
.iyoushi .item .txt h3{font-size:20px;font-weight:700;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.iyoushi .item .txt p{font-family:arial;color:#ccc;padding-top:0}
.iyoushi .it1,.iyoushi .it5{text-align:center}
.iyoushi .it1 img{width:280px}
.iyoushi .it2,.iyoushi .it6{margin-right:65px;float:right;width:750px;color:#fff;text-indent:2rem;line-height:30px;font-size:14px}
.iyoushi .it4{float:right}
.iyoushi .item:hover .txt h3{color:#3fb150}
.iyoushi .item:hover .img img{top:-50px}
.xunpan{width:100%;background:url(img/xunpan.jpg) no-repeat center center fixed;no-repeat center center fixed;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;height:100%;color:#fff}
.xunpan .zixun{width:300px;padding-top:40px;text-align:center}
.xunpan .zixun a{-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;height:50px;display:block;line-height:50px;color:#fff;background:#3fb145;font-size:20px}
.xunpan .zixun:hover a{background:#43be4a}
.xunpan .tel{border:1px solid #85878d;height:50px;line-height:50px;color:#fff;font-size:26px;text-align:center;font-family:avantgardeitvbybt book,arial;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;margin-bottom:20px}
.xunpan .tel em{width:25px;height:25px;display:inline-block;background-position:-100px 0;margin-right:10px}
.xunpan strong{display:inline-block;color:#fff;font-weight:700;font-size:28px;padding-right:10px;font-style:italic}
.xunpan p{font-size:20px}
.xunpan .bigtxt{font-size:40px;padding-bottom:20px;padding-top:54px}
.floor_3_main{overflow:hidden}
.liuc{position:relative;overflow:hidden;padding:40px 0 10px}
.liuc .list{width:108%}
.liuc li{float:left;width:201px;margin-bottom:15px}
.liuc li .Piece{width:178px;padding:5px;background:#f5f5f5;float:left;font-size:20px;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:0 0 0 #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.liuc li .jtou{width:36px;height:188px;background:url(img/jtou.png) no-repeat center;float:left;display:block}
.liuc li img{width:178px;max-height:80px;display:block;margin:0 auto}
.liuc li p{text-align:center;height:30px;font-size:14px}
.liuc li p.p-img{text-align:center;height:88px}
.liuc li:last-child .jtou{display:none}
.liuc li:hover .Piece{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.photo li{width:243px}
.photo li .Piece{width:215px;padding:5px;background:#f5f5f5;float:left;font-size:20px;text-align:center;-webkit-transition:all .3s ease;transition:all .3s ease;box-shadow:0 0 0 #fff;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.photo li .jtou{width:36px;height:188px;background:url(img/jtou.png) no-repeat center;float:left;display:block}
.photo li img{width:215px;max-height:150px;display:block;margin:0 auto}
.photo li p{text-align:center;height:30px;line-height:30px;font-size:14px;padding-top:5px;padding-bottom:5px}
.photo li p.p-img{text-align:center;height:150px;padding-top:0;display:table-cell;vertical-align:middle;text-align:center;overflow:hidden;padding-bottom:0}
.photo li:last-child .jtou{display:none}
.photo li:hover .Piece{-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.floor_4_main{background:#f5f5f5;overflow:hidden;width:100%}
.index .floor_4{padding:80px 0;position:relative}
.textlist{overflow:hidden}
.textlist .list{width:104%;padding-bottom:30px!important}
.textlist .item{float:left;width:275px;height:310px;margin-right:30px;transition:all .2s linear 0s;margin-bottom:30px;box-shadow:0 2px 5px rgba(0,0,0,.1);background:#fff}
.textlist .item a{display:block;padding:0;color:#333}
.textlist .item .img{width:275px;height:161px;overflow:hidden;cursor:pointer;position:relative}
.textlist .item .img img{width:100%;height:100%;transition:all .3s ease-out 0s;display:block}
.textlist .item:hover .img img{transform:scale(1.1,1.1)}
.textlist .item .txt{padding:10px 10px 0}
.textlist .item h3{font-size:18px;height:28px;overflow:hidden;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.textlist .desc{line-height:24px;height:52px;overflow:hidden;margin-bottom:5px;cursor:pointer;padding-top:5px;color:#888}
.textlist span{display:block;color:#666;font-family:arial;padding-top:10px;border-top:1px solid #ededed;text-align:center}
.textlist .item:hover{-webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.textlist .item:hover h3{color:#3fb150}
.textlist-new{padding:20px 0}
.textlist-new .list{padding-bottom:0!important}
.textlist-new .item{width:304px;height:400px;margin-right:20px}
.textlist-new .item:nth-child(3n){margin-right:0}
.textlist-new .item .img{width:304px;height:250px}
.floor_4 .btn{width:40px;height:40px;display:block;position:absolute;top:45%;cursor:pointer}
.floor_4 .btn.prev{background-position:-100px -50px;left:-5%}
.floor_4 .btn.next{background-position:-190px -50px;right:-5%}
.floor_4 .btn.prev:hover{background-position:-145px -50px}
.floor_4 .btn.next:hover{background-position:-236px -50px}
.indnews{padding:80px 0;overflow:hidden;position:relative;background:#f5f5f5}
.index .more{width:180px;height:36px;line-height:36px;text-align:center;color:#fff;display:block;margin:40px auto 0;background:#444;transition:all .2s linear 0s}
.index .more:hover{background:#3fb150;color:#fff;text-indent:10px}
.ipatent_main{width:100%;background:url(img/patent.jpg) no-repeat center top;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;height:100%;overflow:hidden}
.ipatent_main .floor{overflow:hidden;padding:100px 0}
.ipatent_main .title{color:#fff}
.ipatent_main .title h3{background:url(img/title1.png) no-repeat center}
.ipatent{padding-top:40px}
.ipatent .item{width:580px;height:140px;background:url(img/pat_bk.png) no-repeat left top;float:left;margin-left:37px}
.ipatent .item:first-child{margin-left:0}
.ipatent .item a{display:block;padding:30px}
.ipatent .item .img{width:64px;height:60px;overflow:hidden;position:relative;margin-right:40px;margin-left:22px;margin-top:10px}
.ipatent .item .img img{position:absolute;left:0;top:0;width:100%;display:block}
.ipatent .item .txt{width:350px;color:#fff;padding-left:20px}
.ipatent .item .txt h3{font-size:20px;font-weight:700}
.ipatent .item .txt p{font-family:arial;color:#ccc;padding-top:0}
.newsBox{width:380px;height:410px;overflow:hidden;position:relative}
.newsBox .bd{border:1px solid #ddd}
.newsBox .hd{height:28px;overflow:hidden;position:absolute;bottom:1px;z-index:10;padding-left:20px;text-align:center;right:44%}
.newsBox .hd ul{overflow:hidden;zoom:1}
.newsBox .hd ul li{margin-right:6px;width:10px;height:10px;line-height:14px;text-align:center;background:#999;cursor:pointer;-moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%;display:inline-block}
.newsBox .hd ul li.on{background:#00ae66;color:#fff}
.picBox .bd{height:100%;z-index:0}
.newsBox .bd li{zoom:1;vertical-align:middle;position:relative;height:408px;overflow:hidden;background:#fff}
.newsBox .bd img{width:380px;height:285px;display:block;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.newsBox .bd li h3{display:block;font-size:18px;color:#000;-webkit-transition:all .3s ease-in-out 0s;-moz-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s}
.newsBox .bd li .txt{z-index:5;padding:15px 20px;border-top:0;height:93px}
.newsBox .bd li p{padding:0;color:#666;line-height:24px;height:45px;overflow:hidden}
.newsBox .bd li .time{font-size:16px;padding-right:30px;padding-top:28px}
.newsBox .bd li a:hover h3{color:#3fb150}
.newsBox .bd li a:hover img{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}
.index .txtlistbox{width:800px}
.txtlistbox .item{border:1px solid #ddd;margin-bottom:20px;transition:all .2s linear 0s;+margin-bottom:18px;background:#fff}
.txtlistbox .item a{display:block;padding:26px 28px}
.txtlistbox .item h3{font-size:18px;vertical-align:top;padding-bottom:5px}
.txtlistbox .item p{font-size:14px;line-height:20px;height:40px;color:#888}
.txtlistbox .item .time{display:block;width:90px;height:71px;border-right:1px solid #ddd;line-height:20px;margin-right:30px;color:#666;vertical-align:middle;* zoom:1;font-size:16px}
.txtlistbox .item .time b{color:#666;display:block;font-size:46px;line-height:48px;padding-bottom:5px}
.txtlistbox .item:hover{border:1px solid #3fb150;-webkit-box-shadow:0 15px 15px rgba(0,0,0,.1);box-shadow:0 2px 6px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}
.iabout{width:100%;background:url(img/fl6.jpg) no-repeat center bottom #f8f8f8;padding:80px 0}
.iabout .txt{width:470px;height:240px;display:block;background:#fff;padding:40px}
.iabout .txt img{max-width:100%;display:block}
.iabout .txt p{padding-top:20px;color:#333}
.iabout .txt span{width:154px;height:34px;line-height:34px;text-align:center;display:block;border:1px solid #1a7140;margin-top:20px;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer}
.iabout .txt:hover span{background:#1a7140;color:#fff}
.iabout .img{width:650px;height:320px;display:block;overflow:hidden}
.iabout .img img{width:100%;display:block}
.footer_main{width:100%;background:#191919;color:#fff}
.footer_main .footer{padding-bottom:40px}
.footer_main .footer .links{padding:30px 0;margin-bottom:40px;font-size:16px;border-bottom:1px solid #353535}
.footer_main .footer .links span{color:#fff;display:inline-block}
.footer_main .footer .links a{display:inline-block;font-size:14px;color:#999;padding-right:10px}
.footer_main .footer .links a:hover{color:#3fb150}
.footer_main .qcode{width:580px}
.footer_main .qcode .ewm{width:130px;height:130px;display:block;border:5px solid #666}
.footer_main .btel{width:400px;line-height:28px}
.footer_main .btel img{display:block;margin:0 auto 8px;max-width:100%;max-height:60%}
.footer_main .btel .p1{color:#fff}
.footer_main .btel .p2{font-family:graydesign regular,"arial, helvetica, sans-serif";font-size:34px;color:#3fb150;line-height:34px;padding-bottom:5px}
.footer_main .btel .p3{color:#999;line-height:25px}
.footer_main .btel .p3 a{color:#999}
.footer_main .btel .p3 a:hover{color:#3fb150}
.footer_main .botnavlist li{float:left;width:140px;padding:0 0 0 48px;display:block;list-style:none;font-size:16px;line-height:32px;text-align:left;border-right:1px solid #353535;overflow:hidden}
.footer_main .botnavlist li:first-child{padding-left:0}
.footer_main .botnavlist li a{color:#fff;display:block;line-height:32px;font-size:16px}
.footer_main .botnavlist li a:hover{color:#3fb150}
.footer_main .botnavlist li .drop{padding-top:10px}
.footer_main .botnavlist li .drop a{display:block;line-height:26px;color:#999;width:100%;font-size:14px}
.footer_main .botnavlist li .drop a:hover{color:#3fb150}
.copymain{border-top:1px solid #353535;line-height:60px;color:#999;font-size:14px}
.copymain a{color:#999}
.copymain a:hover{color:#3fb150}
.footer_main .yyzz{padding:0 8px}
.toolbar{width:130px;position:fixed;right:0;top:460px;z-index:999}
.toolbar dd{width:130px;height:55px;margin-bottom:0;position:relative}
.toolbar dd a{color:#fff;width:130px;height:55px;display:block;cursor:pointer;text-align:center;background:url(img/rightfixicon.png) no-repeat -36px 0;line-height:45px;-webkit-transition:all 0s ease-in-out 0s;-moz-transition:all 0s ease-in-out 0s;transition:all 0s ease-in-out 0s}
.toolbar dd a span{width:24px;height:24px;display:inline-block;background:url(img/rightfixicon.png) no-repeat 0 0;vertical-align:middle;margin-right:5px}
.toolbar dd a:hover{background-position:-168px 0}
.toolbar .pop{position:absolute;right:90px;top:-45px;background:#3fb150;display:none}
.toolbar .pop-code{width:100px;padding:15px 15px 0}
.toolbar .pop-code img{width:100px;height:100px;display:block}
.toolbar .pop-code h3{height:40px;line-height:40px;text-align:center;color:#fff;font-size:12px;font-weight:400;white-space:nowrap}
.toolbar .zxzx span{background-position:0 4px}
.toolbar .lf span{background-position:0 -33px}
.toolbar .bj span{background-position:0 -65px}
.toolbar .code span{background-position:0 -33px}
.toolbar .top{width:130px;height:45px;background:#3fb150}
.toolbar .top span{background-position:0 -127px}
.toolbar .top:hover{background:#2c9638}
.toolbar .side_tel{position:absolute;right:0;top:0;background:#3fb150;height:45px;line-height:45px;color:#fff;width:0;text-align:center}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@font-face{font-family:ADELE;src:url(img/ADELE.eot);src:url(img/adele.eot) format("eot"),url(img/adele.ttf) format("truetype")}
@-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);-ms-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);-ms-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);-ms-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);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
    100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}