@charset "utf-8";
html {min-width: 1200px;}
/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red {color: #F00 !important;}
/*清除浮动*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;line-height: 0;}
.clearfix {*zoom:1;}
.clear {clear: both;}
.fl {float: left;}
.fr {float: right;}
/*其它*/
.hidden {display: none;}
/*必须输入，主要*/
.required {color: red;font-weight: bold;}
.form_text_verifycode {width: 80px;}
.form_radio {width: auto;border: 0;}
.form_checkbox {width: auto;border: 0}
/*网站公用样式表*/
.w1200 {width: 1200px;margin: 0 auto}
.por {position: relative;}
.poa {position: absolute;}
.icon {background: url(../images/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;}
/*top*/
.header_main {width: 100%;z-index: 100;position: relative;height: 95px;background: #fff;transition: all .3s ease-in;top: 0;}
.header_main .logo {display: block;padding-top: 8px;}
.header_main .logo img {max-width: 100%;display: block;vertical-align: middle;}
.topright {position: relative;padding-top: 34px;width: 835px;}
.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: 22px;background: url(../images/ico_60.png) no-repeat center;}
.header_main .search-box .butn i {width: 38px;height: 38px;display: none;background: url(../images/top_nav.png) no-repeat center;margin: 0 auto;background-size: 34px;}
.header_main .search-box .butn i {display: block;}
.header_main .search-box .share-sub {position: absolute;right: 0px;top: 70px;height: auto;overflow: hidden;background: #ededed;border-radius: 5px 0 0 5px;width: 0;padding: 10px 0;}
.header_main .search-box .share-sub li{line-height: 38px;text-align: center;overflow: hidden;white-space: nowrap;font-size: 18px;}

.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.fixt {position: fixed;}
.header_main .nav {padding-right: 40px}
#nav .navlist {position: relative;display: block;}
#nav li {float: left;display: inline-block;list-style: none;font-size: 16px;text-align: center;position: relative;height: 61px;}
#nav li a {display: block;text-align: center;position: relative;color: #333;height: 28px;line-height: 28px;padding: 0 18px;border: 1px solid #fff;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
#nav li.hover a, #nav li:hover a {color: #0074bf;border: 1px solid #0074bf;}
.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 #0074bf;box-shadow: 0 13px 42px 11px rgba(0, 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 0.2s ease-in-out 0s;max-width: 100%;border: 0 none;border-bottom: 1px solid #eee;border-radius: initial;}
#nav ul .subnav a:hover {color: #63b670;background: #f9f9f9;text-indent: 3px;}
/*侧边导航*/
/* banner */
#banner_main {overflow: hidden;position: relative;z-index: 2;}
#banner_main .banner {height: 560px;}
#banner {width: 100%;min-width: 1000px;position: relative;overflow: hidden;z-index: 0;}
#banner, .banner ul {max-height: 560px;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: 220px;height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;left: 50%;margin-left: -110px;bottom: 20px;z-index: 3;}
#banner .tip span {height: 5px;margin: 0 2px;width: 50px;display: inline-block;font-size: 0;cursor: pointer;background: #fff;opacity: .6;filter: Alpha(opacity=60);
*zoom:1;}
#banner .tip span.cur {background-color: #0074bf;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: 5%;}
#banner #btn_next {background-position: -50px 0;right: 5%;}
#banner #btn_prev:hover {background-position: 0 -98px;}
#banner #btn_next:hover {background-position: -50px -98px;}
.m-ban img{max-width: 100%;width: 100%;}
/*banner end*/
.transs {-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.index .title {text-align: center;width: 100%;padding-bottom: 30px;}
.index .title h3 {font-size: 30px;font-weight: normal;display: block;line-height: 30px;background: url(../images/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 #0074bf;height: 20px;line-height: 20px;}
.imenu a:first-child {border-left: 0 none;}
.imenu a:hover {color: #0074bf;}
.index .floor_1_main {padding-top: 80px;padding-bottom: 80px;}
.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 img {transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width: 100%;height: 100%;display: block;}
.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: normal;font-size: 16px;height: 46px;line-height: 46px;background: url(../images/black60.png) repeat;color: #fff;}
.ipro .item em {position: absolute;right: 0;bottom: 20px;z-index: 2;width: 32px;height: 26px;background-position: -190px 10px;display: block;margin-right: 30px;vertical-align: middle;}
.ipro .item:hover h3 {background: url(../images/ipro_t.png) repeat-x left top;}
.index .floor_2_main {background: url(../images/iyoushi.jpg) no-repeat center top;height: 800px;overflow: hidden;}
.index .floor_2, .index .floor_3 {padding: 80px 0;position: relative;}
.index .floor_2 .title {color: #fff;}
.iyoushi {background: url(../images/bieshu.png) no-repeat 490px center;height: 536px;overflow: hidden;}
.iyoushi .item {width: 375px;height: 128px;background: url(../images/yousitem.png) no-repeat left top;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: 156px;padding-left: 60px;color: #fff;}
.iyoushi .item .txt h3 {font-size: 20px;font-weight: bold;-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: #cccccc;padding-top: 0;}
.iyoushi .it1, .iyoushi .it5 {margin-left: 62px;margin-right: 60px;}
.iyoushi .it2, .iyoushi .it6 {margin-right: 65px;float: right;}
.iyoushi .it4 {float: right;}
.iyoushi .item:hover {background: url(../images/yousitem_a.png) no-repeat left top;}
.iyoushi .item:hover .txt h3 {color: #0074bf;}
.iyoushi .item:hover .img img {top: -50px;}
.xunpan {width: 100%;background: url(../images/xunpan.jpg) no-repeat center top;height: 200px;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: #0074bf;font-size: 20px;}
.xunpan .zixun:hover a {background: #0993ed;}
.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: bold;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;}
.liuc .list {width: 108%;}
.liuc li {float: left;width: 206px;}
.liuc li .Piece {width: 168px;height: 188px;background: #f5f5f5;border: 1px solid #ddd;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(../images/jtou.png) no-repeat center;float: left;display: block;}
.liuc li img {max-width: 100px;max-height: 80px;display: block;margin: 0 auto;}
.liuc li p {text-align: center;padding-top: 40px;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);}
.floor_4_main {background: #f5f5f5;overflow: hidden;width: 100%;}
.index .floor_4 {padding: 80px 0 80px;position: relative;}
.textlist {}
.textlist .list {width: 100%;padding-bottom: 30px !important;}
.textlist .item {float: left;width: 363px;height: 471px;margin-right: 37px;transition: all 0.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: 100%;height: auto;overflow: hidden;cursor: pointer;position: relative;}
.textlist .item .img img {width: 100%;height: 100%;transition: all 0.3s ease-out 0s;display: block;}
.textlist .item:hover .img img {transform: scale(1.1, 1.1);}
.textlist .item .txt {padding: 30px 40px 0;}
.textlist .item h3 {font-size: 18px;-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: 10px;cursor: pointer;padding-top: 10px;}
.textlist span {display: block;color: #666;font-family: arial;padding-top: 10px;border-top: 1px solid #ddd;}
.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: #0074bf;}
.floor_4 .btn {width: 40px;height: 40px;display: block;position: absolute;top: 50%;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;}
.index .more {width: 180px;height: 36px;line-height: 36px;text-align: center;color: #fff;display: block;margin: 40px auto 0;background: #444;transition: all 0.2s linear 0s;}
.index .more:hover {background: #0074bf;color: #fff;text-indent: 10px;}
.ipatent_main {width: 100%;background: url(../images/patent.jpg) no-repeat center top;height: 460px;overflow: hidden;}
.ipatent_main .floor {overflow: hidden;padding: 100px 0;}
.ipatent_main .title {color: #fff;}
.ipatent_main .title h3 {background: url(../images/title1.png) no-repeat center;}
.ipatent {padding-top: 40px;}
.ipatent .item {width: 580px;height: 140px;background: url(../images/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: bold;}
.ipatent .item .txt p {font-family: arial;color: #cccccc;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;}
.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: #0093f3;color: #fff;}
.picBox .bd {height: 100%;z-index: 0;}
.newsBox .bd li {zoom: 1;vertical-align: middle;position: relative;height: 408px;overflow: hidden;}
.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;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.newsBox .bd li .txt {z-index: 5;padding: 15px 20px;border-top: 0 none;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: #0074bf;}
.newsBox .bd li a:hover img {filter: alpha(opacity=80);-moz-opacity: 0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.index .txtlistbox {width: 800px;}
.txtlistbox .item {border: 1px solid #ddd;margin-bottom: 16px;transition: all 0.2s linear 0s;+margin-bottom: 18px;}
.txtlistbox .item a {display: block;padding: 28px;}
.txtlistbox .item h3 {font-size: 18px;vertical-align: top;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
.txtlistbox .item p {font-size: 14px;line-height: 20px;height: 40px;color: #666;overflow: hidden;}
.txtlistbox .item .time {display: block;width: 90px;height: 66px;border-right: 1px solid #ddd;line-height: 20px;margin-right: 30px;color: #666;vertical-align: middle;*zoom: 1;}
.txtlistbox .item .time b {color: #666;display: block;font-size: 48px;line-height: 48px;}
.txtlistbox .item:hover {border: 1px solid #0074bf;-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: #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*/
.footer_main {width: 100%;background: #191919;color: #fff;}
.footer_main .footer {padding: 40px 0;}
.footer_main .footer .links {padding: 0 0 30px;font-size: 16px;border-bottom: 1px solid #353535;margin-bottom: -40px;}
.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: #0074bf;}
.footer_main .qcode {width: 540px;}
.footer_main .qcode .ewm {width: 130px;height: 130px;display: block;border: 5px solid #fff;}
.footer_main .btel {width: 300px;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: #019bff;line-height: 34px;padding-bottom: 5px;font-weight: bold;}
.footer_main .btel .p3 {color: #999;line-height: 22px;}
.footer_main .botnavlist {}
.footer_main .botnavlist li {float: left;width: 140px;padding: 0 0 0 70px;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: 0px;}
.footer_main .botnavlist li a {color: #fff;display: block;line-height: 32px;font-size: 16px;}
.footer_main .botnavlist li a:hover {color: #0074bf;}
.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: 12px;}
.footer_main .botnavlist li .drop a:hover {color: #0074bf;}
.copymain {border-top: 1px solid #353535;line-height: 1.3;color: #999;font-size: 12px;padding: 20px 0}
.copymain a {color: #999;}
.copymain a:hover {color: #0074bf;}
.footer_main .yyzz {padding: 0 8px;}
/********.fixtool*********/
.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(../images/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(../images/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: #0074bf;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: #0074bf;}
.toolbar .top span {background-position: 0 -127px;}
.toolbar .top:hover {background: #056eb1;}
.toolbar .side_tel {position: absolute;right: 0;top: 0;background: #0074bf;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}
@-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