@charset "utf-8";
/* CSS Document */
/*common*/
body { background:#fff}
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
/**/
/*万能清除浮动开始*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix { display: inline-table; } /* Hides from IE-mac */
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/*reset.css*/
html{color:#000;background:#FFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
body{font:12px/1.231  "微软雅黑",arial,helvetica,clean,sans-serif; }
select,input,button,textarea,button{font:99%  "微软雅黑",arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}
strong{ font-weight:bold;}

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td ,span,a{ margin: 0; padding: 0; }
ul,li{ list-style:none;}
/*banner*/
.banner{position:relative;height:450px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;}
.slides{position:relative;z-index:1;}
.slides li{height:580px;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:50px;height:3px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:50px;height:3px;overflow:hidden;background:#fff;cursor:pointer;}
.flex-control-nav .flex-active{background:#ff8400;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:38px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev_icon.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next_icon.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}
/*common.css*/
/*body { color: #CCC; font-size: 12px; background: none repeat scroll 0 0 #ecf7ff; } 网站字体颜色*/
a { color:#333; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:underline;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto; overflow:hidden; }
.left {display: inline;float:left;overflow: hidden; width: 250px;}

.leftbot {margin-bottom:10px;}
.right { display: inline;float:right;overflow: hidden;width: 935px;}
.right_main {background-color:#fff; zoom:1; overflow:hidden;border: 1px solid #d4e5f1;border-top:0; padding-bottom:20px; font-family:"宋体";line-height: 23px;}
.h_nav li a:-webkit-any-link{ display:block;}

em,i{ font-style:normal;}
.h_wrap{min-width:1200px;background:url(../images/h_bg.jpg) repeat-x;height:200px;  font-family:"Microsoft Yahei","微软雅黑";}
.head{ width:1200px; margin:0 auto; height:200px;}
.h_top{overflow:hidden;height:33px;line-height:33px; color:#333;}
.h_top a:hover{ color:#666;}
.h_top span{ *padding-top:5px;}
.h_top span a{padding:0 8px; color:#333; }
.h_top span em{ margin-left:25px; vertical-align:middle; margin-right:25px;}
.h_top span em img{ vertical-align:middle;}
.h_mid{height:112px; overflow:hidden;}
.h_mid .logo{ display:inline-block;float:left;margin:10px 0 0 0px;}
.h_mid .logo img{ display:block;}

.h_tel{margin:31px 0 0;font:normal 16px/18px "Microsoft Yahei","微软雅黑"; color:#333;overflow:hidden;background:url(../images/h_tel.jpg.htm) no-repeat 76px 2px; text-align:right; width:226px;}
.h_tel em{ font: bold 24px/28px Arial, Helvetica, sans-serif; color: #c20000; display: block; padding-top: 5px; }
.h_nav{height:55px; line-height:55px; width:1200px; margin:0 auto; /*background:url(../images/mubg.jpg) no-repeat;*/ }
.h_nav li{ float:left;font-size:14px;position:relative; z-index:6; display:inline-block;background:url(../images/navli.jpg) no-repeat right center;}
.h_nav li a{display:inline-block;color:#fff; font:14px/55px "Microsoft Yahei","微软雅黑";}
.h_nav li em{ display:inline-block; height:55px; padding:0 35px;}
.h_nav li.have em{padding: 0 15px 0 24px;}
.h_nav li a:hover,.h_nav .cur a{text-decoration:none;color:#fff;background:url(../images/lihover.jpg) repeat-x 0 0;}
 
.h_nav li:hover .erji{ display:block;}
.h_nav li .erji{ position:absolute; top:54px; left:0; width:180px; display:none;  filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.h_nav li .erji_top{ width:180px; height:21px; background:url(../images/erji_top.png.htm) no-repeat center bottom; overflow: hidden;}
.h_nav li .erji_bot{ width:180px; height:8px; background:url(../images/erji_bot.png.htm) no-repeat;overflow: hidden;}
.h_nav li .erji_c{ width:130px; background:#00579a; overflow:hidden; padding-bottom:8px}
.h_nav li .erji_c a{ background:none; font:13px/26px "Microsoft Yahei","微软雅黑"; color:#fff; margin-top:5px; margin-left:5px; text-align:center; width:125px; display:block; overflow:hidden;}
.h_nav li .erji_c a:hover,.h_nav li .erji_c a.cur{ background:url(../images/erji_cur.gif) no-repeat;}
/*sch*/
.h_sea{color:#4b4443;line-height:51px; height:51px;overflow:hidden; width:1200px; margin:0 auto; } 
.key{ width:760px; overflow:hidden; font-family:"Microsoft Yahei","微软雅黑";}
.key a{ color:#4b4443;display:inline-block;padding:0 10px;}
.ser_r{ width:306px; height:36px; padding:8px 0 0 0 ;}
.s_inp{width:236px;line-height:36px;height:36px;padding:0 0 0 21px;color:#999;border:0; float:left; background:#f2f2f2;}

/*初始化*/
body,h1,h2,h3,h4,h5,h6,dl,dt,li,dd,th,td,p,pre,form,input,button,textarea,hr{margin:0;padding:0;}h1,h2,h3,h4,h5,h6{font-size:100%;}
body{ font-family: "microsoft yahei","lvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 100%; overflow-x: hidden; }
ul,ol,li{ list-style:none;margin:0;padding:0}
.fl{float:left!important}
.fr{float:right!important}
.clear{ clear:both; }

a{color:#256fb9;text-decoration:none;}
a:focus,a:hover{color:#256fb9;}
h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.5;color:inherit}
img{ padding: 0; margin: 0; border: 0; margin-top: 5px; }

#button,.btn-success,.item-on-hover,:active,:focus,:hover,:link,:visited{-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{margin:0;padding:0;display:block}
.clearfix:after,.clearfix:before,.container:after,.container:before,.nav:after,.nav:before,.row:after,.row:before{display:table;content:" "}
.clearfix:after,.container:after,.nav:after,.row:after{clear:both}
::-moz-selection{background:#256fb9;color:#fff}
::selection{background:#256fb9;color:#fff}
.container{width:1140px;min-width:1140px;margin:0 auto;padding:0 15px;}

.pingpu-bg{background-repeat:no-repeat;background-position:center top;background-size:cover;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-attachment:fixed;min-width:1170px;}

.f-title{font-size:24px;padding:0;margin:0 0 25px 0;color:#000}
.f-title small{font-size:14px;color:#999;display:block;margin-top:10px}
.row{margin:0 -15px;}

.btn-success{color:#fff !important;background-color:#256fb9;border-width:0;border-radius:5px;padding:10px 20px 8px 20px;margin:0 15px;white-space:nowrap;text-overflow:ellipsis}
.btn-success.about-more{padding:14px 30px 12px 30px}
.btn-success.news-more{padding:7px 10px 5px 10px;margin-left:0}
.btn-success:active,.btn-success:focus,.btn-success:hover{color:#fff;background-color:#589ED7;text-decoration:none}
.btn{margin:20px 0 0 0}
.red{color:#256fb9!important}
.diwen{color:#FFF;background-color:#256fb9;padding:10px 20px}
.headroom{position:fixed;top:0;left:0;right:0;transition:all .2s ease-in-out}
.headroom--unpinned{top:-100px}
.headroom--pinned{top:0}

/*顶部*/
.header{min-width: 1170px;background-color:rgba(255,255,255,.95);-webkit-box-shadow:0 0 10px rgba(0,0,0,.15);box-shadow:0 0 10px rgba(0,0,0,.15);height:100px;border-bottom:1px solid #01274d;}
.header-top{z-index:999999999!important}
.header .logo{margin:28px 0 0 0;}
/*导航
.nav{width:700px;overflow:hidden;height:100px;_width:710px;}
.nav-bar li{display:block;float:left;text-align:center;margin:42px 2px 0;}
.nav-bar li a{padding:16px 16px 18px 16px;display:block;color:#000;font-size:16px;line-height:24px}
.nav-bar li a:hover,.nav-bar li a.hover{border-top-right-radius:8px;border-top-left-radius:8px;background:#256fb9;color:#fff;}*/
/*banner*/
.vbanner{height:400px;overflow:hidden;margin:0 auto;min-width: 1170px;}
.banner{ min-width: 1170px; position: relative; height: 550px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat; }
.slides{position:relative;z-index:1;}
.slides li{ height: 550px; width: 100%; }
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:50px;height:3px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:50px;height:3px;overflow:hidden;background:#fff;cursor:pointer;}
.flex-control-nav .flex-active{background:#ff8400;}

.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:38px;overflow:hidden;cursor:pointer;position:absolute;filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev_icon.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next_icon.png) center center no-repeat;}
.flex-direction-nav li a:hover{filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6;}


/*合作*/
.khl{min-width: 1170px;background: url(../images/1451048642.png) #F7F7F7;padding:45px 0;text-align:center;}

.khl figure{float:left;position:relative;border:1px solid #EDEDED;width:188px; height:100px; line-height:100px;}
.khl figure figcaption {width:188px; height:100px; line-height:100px;font-size:16px;position:absolute;top:0;left:0;display:none;background:rgba(37,111,185,.7);color:#FFF;}
.khl .row{margin:0 0 30px 0}
.khl figure:hover figcaption{display:block}
.khl figure figcaption a:hover{text-decoration:underline}
.s-m40 {margin-top: 40px}
/*案例*/
.case{text-align:center;padding:45px 0}
     /*标题*/
.fl-case{height:42px;margin-top:35px;margin-bottom:15px;overflow:hidden;}
.fl-case a{background-color:#F7F7F7;color:#666;width:128px;height:40px;line-height:40px;display:inline-block}
.fl-case a:hover{background-color:#256fb9;color:#FFF;text-decoration:none}
     /*内容*/
.case figure { width:360px; height:256px;float:left;position:relative;_margin:0 10px 20px;}
.case figure figcaption {position:absolute;top:0;left:0;width:300px;height:196px;display:none;background-color:rgba(37,111,185,.7);padding:30px;color:#FFF;text-align:left}
.case figure:hover figcaption{display:block}
.case figure figcaption h3{font-size:18px;font-weight:700;margin:0 0 8px 0}
.case figure figcaption h3 a,.case figure figcaption p a{color:#FFF;text-decoration:underline}
.case figure figcaption h3 a:hover,.case figure figcaption p a:hover{text-decoration:none}
.case figure figcaption p{margin:0;line-height:28px;height:112px;overflow:hidden;}
.case-more-top{margin-top:15px!important}
.case-more{padding:7px 10px 5px 10px;margin-left:0;background-color:rgba(255,255,255,.7);color:#256fb9!important;text-decoration:none!important}
.case-more:hover{color:#FFF!important}
/*优势*/
.ysl{background: url(../images/1451051465.jpg) center center no-repeat #F2F2F2;background-attachment:fixed;text-align:center;padding:45px 0;}
.ysl figure figcaption{margin: 35px 0px 15px; padding: 0px; font-weight: bold; color:#000; font-family: 'microsoft yahei', 'lvetica Neue', Helvetica, Arial, sans-serif; line-height: normal; text-align: center; white-space: normal;}
.ysl figure figcaption a{color: rgb(37,111,185); transition: all 0.3s linear; font-size: 16px;}
.ysl figure p{line-height: 30px; color:#000; font-family: 'microsoft yahei', 'lvetica Neue', Helvetica, Arial, sans-serif; text-align: center; white-space: normal;}
.fuwu .f-title,.fuwu .f-title small{color:#FFF}
.fuwu{position:relative}
.fuwu figure{background-color:rgba(255,255,255,.8);padding:58px 40px 40px 40px;margin-bottom:20px;width:260px;float:left;margin-top:80px;position:relative}
.fuwu figure.bianju{margin-left:60px;margin-right:60px}
.fuwu figure img{height:130px;width:130px;display:block;bmargin:0 auto;position:absolute;top:-65px;left:105px;}
.fuwu figure figcaption{margin-top:35px;margin-bottom:15px;font-weight:700}
.fuwu figure figcaption a{color:#256fb9;font-size:16px}
.fuwu figure figcaption a:hover{text-decoration:underline}
.fuwu figure p{line-height:30px;color:#000;height:120px;overflow:hidden;}
/*关于我们*/
.about{ background: url(../images/1451058226.jpg); line-height: 30px; color: #fff; padding: 45px 0; text-align: center; }
.about .f-title,.about .f-title small{color:#FFF;}
.about-us p{height:150px;overflow:hidden;}
/*新闻*/
.news{background-color:#F2F2F2;padding:45px 0;min-width: 1170px;}
.news section{width:340px;float:left;border:1px solid #ccc;padding:10px 10px 20px;margin:0 9px;}
.news section h2{font-size:16px;font-weight:700;padding:0 0 10px 0;border-bottom:1px solid #ccc;}
.news section h2 a{color:#000;text-dec:none;}
.news section h2 small{font-size:16px}
.news section .news_top{padding:0 0 10px 0;border-bottom:1px dashed #ccc}
.news section .news_top a { overflow: hidden;height: 30px;color: #333;display: block;padding-top: 10px;line-height: 30px;font-size:16px;}
.news section .news_top a:hover{color:#256fb9;}
.news section .news_top p {overflow: hidden;height: 68px;line-height: 21px;display: block;margin: 0;font-size: 13px;color:#888;}
.news section ul li{line-height:32px;height:32px;border-bottom:1px dashed #ccc;}
.news section ul li a{color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:270px;display:block;float:left;_width:250px;}
.news section ul li a:hover{color:#256fb9}
.news section ul li small{color:#999;float:right!important}
/*youlian*/
.youqing{width:100%;background:#F2F2F2;overflow:hidden;min-width: 1170px;}
.yqlj{width:1140px;margin:10px auto;line-height:36px;}
.yqlj span{padding:0 10px;font-size:14px;color:#000;font-weight:bold;}
.yqlj a {color:#333;padding:0 10px;}
/*底部*/
.footer{position:relative;line-height:28px}
.footer,.footer a{color:#babcbd;font-size:12px}
.foot_nav{background:#011f3e}
.foot{ height:46px; line-height:46px; overflow:hidden;font-size:14px; padding-top:25px;}
.foot a{padding:0 26px;border-right:1px solid #507193;color:#fff;}
.foot .no_bor{ border-right:none;}
.foot .pad_no{ padding-left:0px;}
.cont{ color: #CCCCCC; font-size: 12px; line-height: 26px; padding-bottom: 10px; text-align: center; }

/*内页*/
.inner{ width: 1140px; margin:0 auto; position:relative;}

.sidebar{ margin-top:15px;}
.sidebar .sb_nav{ float:left; width:210px;}
.sidebar .sb_nav h3.title{ text-align:left; background:#256fb9; padding:0px 15px; height:45px; line-height:45px; border-bottom:1px solid #cecece; font-size:14px; color:#fff;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{background:#f0f7fe !important;}
.sidebar .sb_nav .active span{font-size:12px;display:block;line-height:30px;}
.p10{padding:10px;}
#sidebar ul li{background: url(../images/nose.jpg) 10px 16px no-repeat;  border-top: 1px solid #FFFFFF; padding:0 10px;}
#sidebar ul li a{padding-left:15px;height:41px;line-height:41px;overflow:hidden;display:block;}
#sidebar ul li.on a{ font-weight:bold; color:#000; }

.sidebar .sb_box{ float:right; width: 910px; background:#fff; overflow:hidden; }
.sidebar .sb_box h3.title{ border-bottom:1px solid #ddd; background:#f8f8f8; height:45px; line-height:45px; position:relative;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:14px; border-bottom:2px solid #256fb9; padding:0px 15px;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; position:relative; top:3px; right:15px;}
.sidebar .sb_box h3.title div.position a{ color:#256fb9;}

/*产品模块*/
#productlist{ padding:15px 10px;}
#productlist li{ float:left;text-align:center;width:215px;margin:0 3px;height: 212px;}
#productlist li a{ display:block; text-align:center;}
#productlist li a img{ margin:auto; border:1px solid #ccc;}
#productlist li h3{ padding:5px 0px 10px; font-weight:normal; line-height:1.5;}
/*文章模块*/
#newslist{ padding:15px 20px;}
#newslist li{ padding:6px 10px; background:url(../images/dt-0.gif) no-repeat left 19px;}
#newslist li a{ font-size:14px; margin-right:5px;}
#newslist li span{ float:right; color:#aaa;font-size:12px;}
#newslist li p{ color:#aaa; height:51px;overflow:hidden;font-size:12px;text-index:2em;}
/*about*/
#showtext{text-align:center;}
#showtext h1{font-size:24px;margin:20px 0 10px 0;}
#showtext span{display:block;color:#999;}
#showtext img{margin:20px 0;}
#showtext .context{margin:20px 0 50px 0;}
#showtext .context ul li{height:26px;overflow:hidden;}

/*page*/
.Page{width:100%; text-align:center; padding:35px 0px 50px;}
.Page a{display:inline-block;width:56px;background:#ffffff;height:42px; vertical-align:middle; line-height:42px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;}
.Page a:hover{ background:#256fb9; color:#FFF;background-repeat:no-repeat; }
.Page span{display:inline-block;min-width:36px; padding:0 10px;height:42px; vertical-align:middle; line-height:42px; font-size:14px;float:left;}
.Page span.current{ background:#256fb9; color:#FFF}

/*animate*/
.animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
.animated.infinite{-webkit-animation-iteration-count: infinite;animation-iteration-count: infinite;}
.animated.hinge{-webkit-animation-duration: 2s;animation-duration: 2s;}
@-webkit-keyframes bounce{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);}
70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);}
90%{-webkit-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}}
@keyframes bounce{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
40%, 43%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -30px, 0);-ms-transform: translate3d(0, -30px, 0);transform: translate3d(0, -30px, 0);}
70%{-webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform: translate3d(0, -15px, 0);-ms-transform: translate3d(0, -15px, 0);transform: translate3d(0, -15px, 0);}
90%{-webkit-transform: translate3d(0,-4px,0);-ms-transform: translate3d(0,-4px,0);transform: translate3d(0,-4px,0);}}
.bounce{-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;}
@-webkit-keyframes flash{0%, 50%, 100%{opacity: 1;}
25%, 75%{opacity: 0;}}
@keyframes flash{0%, 50%, 100%{opacity: 1;}
25%, 75%{opacity: 0;}}
.flash{-webkit-animation-name: flash;animation-name: flash;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide*/@-webkit-keyframes pulse{0%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
50%{-webkit-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);}
100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes pulse{0%{-webkit-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
50%{-webkit-transform: scale3d(1.05, 1.05, 1.05);-ms-transform: scale3d(1.05, 1.05, 1.05);transform: scale3d(1.05, 1.05, 1.05);}
100%{-webkit-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.pulse{-webkit-animation-name: pulse;animation-name: pulse;}
@-webkit-keyframes rubberBand{0%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
30%{-webkit-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}
40%{-webkit-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}
50%{-webkit-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}
65%{-webkit-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1);}
75%{-webkit-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1);}
100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes rubberBand{0%{-webkit-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
30%{-webkit-transform: scale3d(1.25, 0.75, 1);-ms-transform: scale3d(1.25, 0.75, 1);transform: scale3d(1.25, 0.75, 1);}
40%{-webkit-transform: scale3d(0.75, 1.25, 1);-ms-transform: scale3d(0.75, 1.25, 1);transform: scale3d(0.75, 1.25, 1);}
50%{-webkit-transform: scale3d(1.15, 0.85, 1);-ms-transform: scale3d(1.15, 0.85, 1);transform: scale3d(1.15, 0.85, 1);}
65%{-webkit-transform: scale3d(.95, 1.05, 1);-ms-transform: scale3d(.95, 1.05, 1);transform: scale3d(.95, 1.05, 1);}
75%{-webkit-transform: scale3d(1.05, .95, 1);-ms-transform: scale3d(1.05, .95, 1);transform: scale3d(1.05, .95, 1);}
100%{-webkit-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.rubberBand{-webkit-animation-name: rubberBand;animation-name: rubberBand;}
@-webkit-keyframes shake{0%, 100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}}
@keyframes shake{0%, 100%{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
10%, 30%, 50%, 70%, 90%{-webkit-transform: translate3d(-10px, 0, 0);-ms-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
20%, 40%, 60%, 80%{-webkit-transform: translate3d(10px, 0, 0);-ms-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}}
.shake{-webkit-animation-name: shake;animation-name: shake;}
@-webkit-keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}
40%{-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}
60%{-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}
80%{-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}
100%{-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}
@keyframes swing{20%{-webkit-transform: rotate3d(0, 0, 1, 15deg);-ms-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}
40%{-webkit-transform: rotate3d(0, 0, 1, -10deg);-ms-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}
60%{-webkit-transform: rotate3d(0, 0, 1, 5deg);-ms-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}
80%{-webkit-transform: rotate3d(0, 0, 1, -5deg);-ms-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}
100%{-webkit-transform: rotate3d(0, 0, 1, 0deg);-ms-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}}
.swing{-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing;}
@-webkit-keyframes tada{0%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
100%{-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes tada{0%{-webkit-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}
10%, 20%{-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);-ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);}
30%, 50%, 70%, 90%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);}
40%, 60%, 80%{-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);-ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);}
100%{-webkit-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.tada{-webkit-animation-name: tada;animation-name: tada;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide*/@-webkit-keyframes wobble{0%{-webkit-transform: none;transform: none;}
15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
100%{-webkit-transform: none;transform: none;}}
@keyframes wobble{0%{-webkit-transform: none;-ms-transform: none;transform: none;}
15%{-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);-ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);}
30%{-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);-ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);}
45%{-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);-ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);}
60%{-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);-ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);}
75%{-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);-ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);}
100%{-webkit-transform: none;-ms-transform: none;transform: none;}}
.wobble{-webkit-animation-name: wobble;animation-name: wobble;}
@-webkit-keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
20%{-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
40%{-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);}
60%{opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);}
80%{-webkit-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);}
100%{opacity: 1;-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
@keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
20%{-webkit-transform: scale3d(1.1, 1.1, 1.1);-ms-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
40%{-webkit-transform: scale3d(.9, .9, .9);-ms-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);}
60%{opacity: 1;-webkit-transform: scale3d(1.03, 1.03, 1.03);-ms-transform: scale3d(1.03, 1.03, 1.03);transform: scale3d(1.03, 1.03, 1.03);}
80%{-webkit-transform: scale3d(.97, .97, .97);-ms-transform: scale3d(.97, .97, .97);transform: scale3d(.97, .97, .97);}
100%{opacity: 1;-webkit-transform: scale3d(1, 1, 1);-ms-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);}}
.bounceIn{-webkit-animation-name: bounceIn;animation-name: bounceIn;-webkit-animation-duration: .75s;animation-duration: .75s;}
@-webkit-keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}
60%{opacity: 1;-webkit-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 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);}
100%{-webkit-transform: none;transform: none;}}
@keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(0, -3000px, 0);-ms-transform: translate3d(0, -3000px, 0);transform: translate3d(0, -3000px, 0);}
60%{opacity: 1;-webkit-transform: translate3d(0, 25px, 0);-ms-transform: translate3d(0, 25px, 0);transform: translate3d(0, 25px, 0);}
75%{-webkit-transform: translate3d(0, -10px, 0);-ms-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
90%{-webkit-transform: translate3d(0, 5px, 0);-ms-transform: translate3d(0, 5px, 0);transform: translate3d(0, 5px, 0);}
100%{-webkit-transform: none;-ms-transform: none;transform: none;}}
.bounceInDown{-webkit-animation-name: bounceInDown;animation-name: bounceInDown;}
@-webkit-keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);}
60%{opacity: 1;-webkit-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);}
75%{-webkit-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
90%{-webkit-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}
100%{-webkit-transform: none;transform: none;}}
@keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(-3000px, 0, 0);-ms-transform: translate3d(-3000px, 0, 0);transform: translate3d(-3000px, 0, 0);}
60%{opacity: 1;-webkit-transform: translate3d(25px, 0, 0);-ms-transform: translate3d(25px, 0, 0);transform: translate3d(25px, 0, 0);}
75%{-webkit-transform: translate3d(-10px, 0, 0);-ms-transform: translate3d(-10px, 0, 0);transform: translate3d(-10px, 0, 0);}
90%{-webkit-transform: translate3d(5px, 0, 0);-ms-transform: translate3d(5px, 0, 0);transform: translate3d(5px, 0, 0);}
100%{-webkit-transform: none;-ms-transform: none;transform: none;}}
.bounceInLeft{-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft;}
@-webkit-keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0);}
60%{opacity: 1;-webkit-transform: translate3d(-25px, 0, 0);transform: translate3d(-25px, 0, 0);}
75%{-webkit-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
90%{-webkit-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}
100%{-webkit-transform: none;transform: none;}}
@keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(3000px, 0, 0);-ms-transform: translate3d(3000px, 0, 0);transform: translate3d(3000px, 0, 0);}
60%{opacity: 1;-webkit-transform: translate3d(-25px, 0, 0);-ms-transform: translate3d(-25px, 0, 0);transform: translate3d(-25px, 0, 0);}
75%{-webkit-transform: translate3d(10px, 0, 0);-ms-transform: translate3d(10px, 0, 0);transform: translate3d(10px, 0, 0);}
90%{-webkit-transform: translate3d(-5px, 0, 0);-ms-transform: translate3d(-5px, 0, 0);transform: translate3d(-5px, 0, 0);}
100%{-webkit-transform: none;-ms-transform: none;transform: none;}}
.bounceInRight{-webkit-animation-name: bounceInRight;animation-name: bounceInRight;}
@-webkit-keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{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);}
100%{-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
@keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);}
0%{opacity: 0;-webkit-transform: translate3d(0, 3000px, 0);-ms-transform: translate3d(0, 3000px, 0);transform: translate3d(0, 3000px, 0);}
60%{opacity: 1;-webkit-transform: translate3d(0, -20px, 0);-ms-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}
75%{-webkit-transform: translate3d(0, 10px, 0);-ms-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
90%{-webkit-transform: translate3d(0, -5px, 0);-ms-transform: translate3d(0, -5px, 0);transform: translate3d(0, -5px, 0);}
100%{-webkit-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}}
.bounceInUp{-webkit-animation-name: bounceInUp;animation-name: bounceInUp;}
@-webkit-keyframes bounceOut{20%{-webkit-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);}
50%, 55%{opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
100%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}}
@keyframes bounceOut{20%{-webkit-transform: scale3d(.9, .9, .9);-ms-transform: scale3d(.9, .9, .9);transform: scale3d(.9, .9, .9);}
50%, 55%{opacity: 1;-webkit-transform: scale3d(1.1, 1.1, 1.1);-ms-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1);}
100%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}}
.bounceOut{-webkit-animation-name: bounceOut;animation-name: bounceOut;-webkit-animation-duration: .75s;animation-duration: .75s;}
@-webkit-keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
40%, 45%{opacity: 1;-webkit-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}
100%{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}
@keyframes bounceOutDown{20%{-webkit-transform: translate3d(0, 10px, 0);-ms-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
40%, 45%{opacity: 1;-webkit-transform: translate3d(0, -20px, 0);-ms-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);}
100%{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);-ms-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}
.bounceOutDown{-webkit-animation-name: bounceOutDown;animation-name: bounceOutDown;}
@-webkit-keyframes bounceOutLeft{20%{opacity: 1;-webkit-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);}
100%{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}
@keyframes bounceOutLeft{20%{opacity: 1;-webkit-transform: translate3d(20px, 0, 0);-ms-transform: translate3d(20px, 0, 0);transform: translate3d(20px, 0, 0);}
100%{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);-ms-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}
.bounceOutLeft{-webkit-animation-name: bounceOutLeft;animation-name: bounceOutLeft;}
@-webkit-keyframes bounceOutRight{20%{opacity: 1;-webkit-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);}
100%{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}
@keyframes bounceOutRight{20%{opacity: 1;-webkit-transform: translate3d(-20px, 0, 0);-ms-transform: translate3d(-20px, 0, 0);transform: translate3d(-20px, 0, 0);}
100%{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);-ms-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}
.bounceOutRight{-webkit-animation-name: bounceOutRight;animation-name: bounceOutRight;}
@-webkit-keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
40%, 45%{opacity: 1;-webkit-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
100%{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}
@keyframes bounceOutUp{20%{-webkit-transform: translate3d(0, -10px, 0);-ms-transform: translate3d(0, -10px, 0);transform: translate3d(0, -10px, 0);}
40%, 45%{opacity: 1;-webkit-transform: translate3d(0, 20px, 0);-ms-transform: translate3d(0, 20px, 0);transform: translate3d(0, 20px, 0);}
100%{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);-ms-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}
.bounceOutUp{-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp;}
@-webkit-keyframes fadeIn{0%{opacity: 0;}
100%{opacity: 1;}}
@keyframes fadeIn{0%{opacity: 0;}
100%{opacity: 1;}}
.fadeIn{-webkit-animation-name: fadeIn;animation-name: fadeIn;}
@-webkit-keyframes fadeInDown{0%{opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInDown{0%{opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-ms-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}
100%{opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInDown{-webkit-animation-name: fadeInDown;animation-name: fadeInDown;}
@-webkit-keyframes fadeInDownBig{0%{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInDownBig{0%{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);-ms-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}
100%{opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInDownBig{-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig;}
@-webkit-keyframes fadeInLeft{0%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeft{0%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
100%{opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInLeft{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
@-webkit-keyframes fadeInLeftBig{0%{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInLeftBig{0%{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);-ms-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}
100%{opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInLeftBig{-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig;}
@-webkit-keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRight{0%{opacity: 0;-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}
100%{opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInRight{-webkit-animation-name: fadeInRight;animation-name: fadeInRight;}
@-webkit-keyframes fadeInRightBig{0%{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInRightBig{0%{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);-ms-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}
100%{opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInRightBig{-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig;}
@-webkit-keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUp{0%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
100%{opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
@-webkit-keyframes fadeInUpBig{0%{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes fadeInUpBig{0%{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);-ms-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}
100%{opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.fadeInUpBig{-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig;}
@-webkit-keyframes fadeOut{0%{opacity: 1;}
100%{opacity: 0;}}
@keyframes fadeOut{0%{opacity: 1;}
100%{opacity: 0;}}
.fadeOut{-webkit-animation-name: fadeOut;animation-name: fadeOut;}
@-webkit-keyframes fadeOutDown{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}
@keyframes fadeOutDown{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);-ms-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}}
.fadeOutDown{-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown;}
@-webkit-keyframes fadeOutDownBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}
@keyframes fadeOutDownBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, 2000px, 0);-ms-transform: translate3d(0, 2000px, 0);transform: translate3d(0, 2000px, 0);}}
.fadeOutDownBig{-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig;}
@-webkit-keyframes fadeOutLeft{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}
@keyframes fadeOutLeft{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);-ms-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}}
.fadeOutLeft{-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft;}
@-webkit-keyframes fadeOutLeftBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}
@keyframes fadeOutLeftBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(-2000px, 0, 0);-ms-transform: translate3d(-2000px, 0, 0);transform: translate3d(-2000px, 0, 0);}}
.fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig;}
@-webkit-keyframes fadeOutRight{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}
@keyframes fadeOutRight{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(100%, 0, 0);-ms-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);}}
.fadeOutRight{-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight;}
@-webkit-keyframes fadeOutRightBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}
@keyframes fadeOutRightBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(2000px, 0, 0);-ms-transform: translate3d(2000px, 0, 0);transform: translate3d(2000px, 0, 0);}}
.fadeOutRightBig{-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig;}
@-webkit-keyframes fadeOutUp{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}
@keyframes fadeOutUp{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, -100%, 0);-ms-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);}}
.fadeOutUp{-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp;}
@-webkit-keyframes fadeOutUpBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}
@keyframes fadeOutUpBig{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(0, -2000px, 0);-ms-transform: translate3d(0, -2000px, 0);transform: translate3d(0, -2000px, 0);}}
.fadeOutUpBig{-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig;}
@-webkit-keyframes flip{0%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
80%{-webkit-transform: perspective(400px) scale3d(.95, .95, .95);transform: perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
100%{-webkit-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}
@keyframes flip{0%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);-ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);transform: perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
40%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
50%{-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
80%{-webkit-transform: perspective(400px) scale3d(.95, .95, .95);-ms-transform: perspective(400px) scale3d(.95, .95, .95);transform: perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
100%{-webkit-transform: perspective(400px);-ms-transform: perspective(400px);transform: perspective(400px);-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}}
.animated.flip{-webkit-backface-visibility: visible;-ms-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip;}
@-webkit-keyframes flipInX{0%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}
80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
100%{-webkit-transform: perspective(400px);transform: perspective(400px);}}
@keyframes flipInX{0%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;opacity: 0;}
40%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function: ease-in;transition-timing-function: ease-in;}
60%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);transform: perspective(400px) rotate3d(1, 0, 0, 10deg);opacity: 1;}
80%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
100%{-webkit-transform: perspective(400px);-ms-transform: perspective(400px);transform: perspective(400px);}}
.flipInX{-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipInX;animation-name: flipInX;}
@-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;}
@-webkit-keyframes flipOutX{0%{-webkit-transform: perspective(400px);transform: perspective(400px);}
30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;}
100%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}}
@keyframes flipOutX{0%{-webkit-transform: perspective(400px);-ms-transform: perspective(400px);transform: perspective(400px);}
30%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);transform: perspective(400px) rotate3d(1, 0, 0, -20deg);opacity: 1;}
100%{-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);-ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);transform: perspective(400px) rotate3d(1, 0, 0, 90deg);opacity: 0;}}
.flipOutX{-webkit-animation-name: flipOutX;animation-name: flipOutX;-webkit-animation-duration: .75s;animation-duration: .75s;-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;}
@-webkit-keyframes flipOutY{0%{-webkit-transform: perspective(400px);transform: perspective(400px);}
30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;}
100%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);transform: perspective(400px) rotate3d(0, 1, 0, 90deg);opacity: 0;}}
@keyframes flipOutY{0%{-webkit-transform: perspective(400px);-ms-transform: perspective(400px);transform: perspective(400px);}
30%{-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);-ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);transform: perspective(400px) rotate3d(0, 1, 0, -15deg);opacity: 1;}
100%{-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);opacity: 0;}}
.flipOutY{-webkit-backface-visibility: visible !important;-ms-backface-visibility: visible !important;backface-visibility: visible !important;-webkit-animation-name: flipOutY;animation-name: flipOutY;-webkit-animation-duration: .75s;animation-duration: .75s;}
@-webkit-keyframes lightSpeedIn{0%{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0;}
60%{-webkit-transform: skewX(20deg);transform: skewX(20deg);opacity: 1;}
80%{-webkit-transform: skewX(-5deg);transform: skewX(-5deg);opacity: 1;}
100%{-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes lightSpeedIn{0%{-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);-ms-transform: translate3d(100%, 0, 0) skewX(-30deg);transform: translate3d(100%, 0, 0) skewX(-30deg);opacity: 0;}
60%{-webkit-transform: skewX(20deg);-ms-transform: skewX(20deg);transform: skewX(20deg);opacity: 1;}
80%{-webkit-transform: skewX(-5deg);-ms-transform: skewX(-5deg);transform: skewX(-5deg);opacity: 1;}
100%{-webkit-transform: none;-ms-transform: none;transform: none;opacity: 1;}}
.lightSpeedIn{-webkit-animation-name: lightSpeedIn;animation-name: lightSpeedIn;-webkit-animation-timing-function: ease-out;animation-timing-function: ease-out;}
@-webkit-keyframes lightSpeedOut{0%{opacity: 1;}
100%{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}
@keyframes lightSpeedOut{0%{opacity: 1;}
100%{-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);-ms-transform: translate3d(100%, 0, 0) skewX(30deg);transform: translate3d(100%, 0, 0) skewX(30deg);opacity: 0;}}
.lightSpeedOut{-webkit-animation-name: lightSpeedOut;animation-name: lightSpeedOut;-webkit-animation-timing-function: ease-in;animation-timing-function: ease-in;}
@-webkit-keyframes rotateIn{0%{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}
100%{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateIn{0%{-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, -200deg);-ms-transform: rotate3d(0, 0, 1, -200deg);transform: rotate3d(0, 0, 1, -200deg);opacity: 0;}
100%{-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-transform: none;-ms-transform: none;transform: none;opacity: 1;}}
.rotateIn{-webkit-animation-name: rotateIn;animation-name: rotateIn;}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);-ms-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;-ms-transform: none;transform: none;opacity: 1;}}
.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft;}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
100%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInDownRight{0%{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);-ms-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
100%{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;-ms-transform: none;transform: none;opacity: 1;}}
.rotateInDownRight{-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight;}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInUpLeft{0%{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);-ms-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}
100%{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: none;-ms-transform: none;transform: none;opacity: 1;}}
.rotateInUpLeft{-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft;}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;}
100%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;transform: none;opacity: 1;}}
@keyframes rotateInUpRight{0%{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -90deg);-ms-transform: rotate3d(0, 0, 1, -90deg);transform: rotate3d(0, 0, 1, -90deg);opacity: 0;}
100%{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: none;-ms-transform: none;transform: none;opacity: 1;}}
.rotateInUpRight{-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight;}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin: center;transform-origin: center;opacity: 1;}
100%{-webkit-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}}
@keyframes rotateOut{0%{-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;opacity: 1;}
100%{-webkit-transform-origin: center;-ms-transform-origin: center;transform-origin: center;-webkit-transform: rotate3d(0, 0, 1, 200deg);-ms-transform: rotate3d(0, 0, 1, 200deg);transform: rotate3d(0, 0, 1, 200deg);opacity: 0;}}
.rotateOut{-webkit-animation-name: rotateOut;animation-name: rotateOut;}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}
100%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}}
@keyframes rotateOutDownLeft{0%{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}
100%{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, 45deg);-ms-transform: rotate3d(0, 0, 1, 45deg);transform: rotate3d(0, 0, 1, 45deg);opacity: 0;}}
.rotateOutDownLeft{-webkit-animation-name: rotateOutDownLeft;animation-name: rotateOutDownLeft;}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}
100%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}
@keyframes rotateOutDownRight{0%{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}
100%{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);-ms-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}
.rotateOutDownRight{-webkit-animation-name: rotateOutDownRight;animation-name: rotateOutDownRight;}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}
100%{-webkit-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}
@keyframes rotateOutUpLeft{0%{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;opacity: 1;}
100%{-webkit-transform-origin: left bottom;-ms-transform-origin: left bottom;transform-origin: left bottom;-webkit-transform: rotate3d(0, 0, 1, -45deg);-ms-transform: rotate3d(0, 0, 1, -45deg);transform: rotate3d(0, 0, 1, -45deg);opacity: 0;}}
.rotateOutUpLeft{-webkit-animation-name: rotateOutUpLeft;animation-name: rotateOutUpLeft;}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}
100%{-webkit-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0;}}
@keyframes rotateOutUpRight{0%{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;opacity: 1;}
100%{-webkit-transform-origin: right bottom;-ms-transform-origin: right bottom;transform-origin: right bottom;-webkit-transform: rotate3d(0, 0, 1, 90deg);-ms-transform: rotate3d(0, 0, 1, 90deg);transform: rotate3d(0, 0, 1, 90deg);opacity: 0;}}
.rotateOutUpRight{-webkit-animation-name: rotateOutUpRight;animation-name: rotateOutUpRight;}
@-webkit-keyframes hinge{0%{-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1;}
100%{-webkit-transform: translate3d(0, 700px, 0);transform: translate3d(0, 700px, 0);opacity: 0;}}
@keyframes hinge{0%{-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
20%, 60%{-webkit-transform: rotate3d(0, 0, 1, 80deg);-ms-transform: rotate3d(0, 0, 1, 80deg);transform: rotate3d(0, 0, 1, 80deg);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;}
40%, 80%{-webkit-transform: rotate3d(0, 0, 1, 60deg);-ms-transform: rotate3d(0, 0, 1, 60deg);transform: rotate3d(0, 0, 1, 60deg);-webkit-transform-origin: top left;-ms-transform-origin: top left;transform-origin: top left;-webkit-animation-timing-function: ease-in-out;animation-timing-function: ease-in-out;opacity: 1;}
100%{-webkit-transform: translate3d(0, 700px, 0);-ms-transform: translate3d(0, 700px, 0);transform: translate3d(0, 700px, 0);opacity: 0;}}
.hinge{-webkit-animation-name: hinge;animation-name: hinge;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide*/@-webkit-keyframes rollIn{0%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
100%{opacity: 1;-webkit-transform: none;transform: none;}}
@keyframes rollIn{0%{opacity: 0;-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);-ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);}
100%{opacity: 1;-webkit-transform: none;-ms-transform: none;transform: none;}}
.rollIn{-webkit-animation-name: rollIn;animation-name: rollIn;}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide*/@-webkit-keyframes rollOut{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}
@keyframes rollOut{0%{opacity: 1;}
100%{opacity: 0;-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);-ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);}}
.rollOut{-webkit-animation-name: rollOut;animation-name: rollOut;}
@-webkit-keyframes zoomIn{0%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
50%{opacity: 1;}}
@keyframes zoomIn{0%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
50%{opacity: 1;}}
.zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn;}
@-webkit-keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInDown{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInDown{-webkit-animation-name: zoomInDown;animation-name: zoomInDown;}
@-webkit-keyframes zoomInLeft{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInLeft{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);-ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInLeft{-webkit-animation-name: zoomInLeft;animation-name: zoomInLeft;}
@-webkit-keyframes zoomInRight{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInRight{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInRight{-webkit-animation-name: zoomInRight;animation-name: zoomInRight;}
@-webkit-keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomInUp{0%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
60%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomInUp{-webkit-animation-name: zoomInUp;animation-name: zoomInUp;}
@-webkit-keyframes zoomOut{0%{opacity: 1;}
50%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
100%{opacity: 0;}}
@keyframes zoomOut{0%{opacity: 1;}
50%{opacity: 0;-webkit-transform: scale3d(.3, .3, .3);-ms-transform: scale3d(.3, .3, .3);transform: scale3d(.3, .3, .3);}
100%{opacity: 0;}}
.zoomOut{-webkit-animation-name: zoomOut;animation-name: zoomOut;}
@-webkit-keyframes zoomOutDown{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomOutDown{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomOutDown{-webkit-animation-name: zoomOutDown;animation-name: zoomOutDown;}
@-webkit-keyframes zoomOutLeft{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}
100%{opacity: 0;-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);transform: scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin: left center;transform-origin: left center;}}
@keyframes zoomOutLeft{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);-ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);}
100%{opacity: 0;-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);-ms-transform: scale(.1) translate3d(-2000px, 0, 0);transform: scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;}}
.zoomOutLeft{-webkit-animation-name: zoomOutLeft;animation-name: zoomOutLeft;}
@-webkit-keyframes zoomOutRight{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}
100%{opacity: 0;-webkit-transform: scale(.1) translate3d(2000px, 0, 0);transform: scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center;transform-origin: right center;}}
@keyframes zoomOutRight{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);-ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);}
100%{opacity: 0;-webkit-transform: scale(.1) translate3d(2000px, 0, 0);-ms-transform: scale(.1) translate3d(2000px, 0, 0);transform: scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;}}
.zoomOutRight{-webkit-animation-name: zoomOutRight;animation-name: zoomOutRight;}
@-webkit-keyframes zoomOutUp{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
@keyframes zoomOutUp{40%{opacity: 1;-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);}
100%{opacity: 0;-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom;-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);}}
.zoomOutUp{-webkit-animation-name: zoomOutUp;animation-name: zoomOutUp;}



/*右侧悬浮*/
.left_dh{right:2%; z-index:222;top:105px;position:fixed;_position:absolute;
_top:0px;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-0-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
z-index:100;
}
.link1{background-color:#ccC; width:100%; min-width:1004px; height:40px;font-family:"微软雅黑";}
.link1 span{display:block; width:1004px; height:40px; line-height:40px; text-align:left; color:#000; font-size:20px; margin:0 auto; }
.link1 span .a{font-size:16px; color:#000; padding-left:20px;}
.left_dh1{width:48px; height:155px; position:relative; display:none}
.left_dh1 .open{width:25px; height:25px; position: absolute;left:-7px;top:-10px; display:block; cursor:pointer}
.left_dh2{width:123px;min-height:155px; position:relative; padding:0;}
.left_dh2 .close{width:25px; height:25px; position: absolute;left:-7px;top:-10px; display:block;cursor:pointer}
.left_dh2 li{width:123px;color:#fff;font:600 14px/40px "微软雅黑";_font:600 14px/35px "微软雅黑";background:#7f7f7f; text-align:center; padding:0;}
.left_dh2 li a{color:#fff;}
.left_dh2 .ewmz{font:600 14px/15px "微软雅黑"; padding-bottom:10px;}
.fhtop{ float:left; cursor:pointer}
.bbg2{ width:100%; height:253px; margin:0 auto 18px; text-align:center; position:relative; z-index:1;}
.ban2{ width:1600px; height:253px;position: absolute; left:50%; margin-left:-800px;top:0;}
.n_l{ width:214px;float:left; position:relative}
.hb{ margin:-30px -10px 0 0;width:235px;float: right;}
.n_lt1{width:174px; height:44px; padding:18px 0 12px 40px;float:left;color:#fff;font:600 22px/20px "微软雅黑";background:url(../images/ntbg1.jpg) top center no-repeat;}
.n_lt1 b{ display:block; height:22px;font:600 18px/22px "微软雅黑"; text-transform:uppercase; padding-left:38px;}
.n_fl{width:214px; height: auto; float:left; margin:5px 0;}
.n_fl li{ width:214px; height:40px;float:left; margin-bottom:3px; overflow:hidden;font:400 14px/40px "微软雅黑";background:url(../images/fl3.jpg) 192px center no-repeat #fcf6ef;}
.n_fl li a{ padding:0 30px; color:#333;}
.n_fl li a:hover{ width:154px;padding:0 30px;text-decoration:none; color:#fff; display:block;background:url(../images/fl4.jpg) 192px center no-repeat #fb8e00; border:none;float:left;}
.n_fl li.hover a{ width:154px;padding:0 30px;color:#fff; display:block;background:url(../images/fl4.jpg) 192px center no-repeat #fb8e00;}
.l_con{width:214px;min-height:100px; padding:10px 0px; float:left;font:400 14px/20px "微软雅黑"; color:#333;}
.l_con li{width:190px; margin:7px 0px; float:left; font:400 14px/20px "微软雅黑"; color:#333; padding-left:24px;}
.n_class{width:214px; margin:5px 0 30px;}
.n_class li{line-height:34px;font-size:14px;color:#333;float:left;width:100%; padding-bottom:3px;}
.n_class li h4{display:block;padding:0 30px;text-decoration:none;color:#fff;font:400 14px/40px "微软雅黑";background:url(../images/fl1.jpg) 192px center no-repeat #236ab5;}
.n_class li h4.selected{background:url(../images/fl2.jpg) 190px center no-repeat #fb8e00;text-decoration:none;}
.n_class li ul{color:#333; border:#e0e0e0 1px solid;}
.n_class li ul li{float:none;background:url(../images/fl3.jpg) 192px center no-repeat #fcf6ef; border-bottom:#e0e0e0 1px dashed;height:34px;line-height:34px; overflow:hidden;font-size:12px;}
.n_class li ul li a{padding:0 30px;display:block;background:url(../images/fl3.jpg) 192px center no-repeat #fcf6ef; color:#333;}
.n_class li ul a:hover{color:#fb8e00;}
.n_class .hover ul{display: block;}
.n_class .hover ul li a{padding:0 30px;display:block;background:url(../images/fl3.jpg) 192px center no-repeat #fcf6ef; color:#333;}
.n_class .hover ul a:hover{color:#fb8e00;}
.n_class{width:214px; margin:5px 0 30px;}
.n_class ul li a:hover{ text-decoration:none}
.n_class ul li { width:100%; position: relative;z-index:10; zoom:1;line-height:34px;font-size:14px;color:#333;padding-bottom:3px;}
.n_class ul li h4{cursor:pointer;display:block;padding:0 30px;text-decoration:none;color:#fff;font:400 14px/40px "微软雅黑";background:url(../images/fl1.jpg) 192px center no-repeat #236ab5;}
.n_class ul li h4 a{color:#fff;}
.n_class ul li:hover h4{background:url(../images/fl2.jpg) 190px center no-repeat #fb8e00;text-decoration:none;}
.n_class ul li:hover h4 a{color:#fff;}
.n_class ul li.selected h4{background:url(../images/fl2.jpg) 190px center no-repeat #fb8e00;text-decoration:none;}
.n_class ul li.selected h4 a{color:#fff;}
.n_class li .list-item {position:relative; zoom:1;color:#333; border:#e0e0e0 1px solid;}
.n_class li .list-item p{background:url(../images/fl3.jpg) 192px center no-repeat #fcf6ef; width:100%; border-bottom:#e0e0e0 1px dashed;height:34px;line-height:34px; overflow:hidden;font-size:12px;float:left}
.n_class li .list-item p a{padding:0 30px;display:block;background:url(../images/fl3.jpg) 192px center no-repeat #fcf6ef; color:#333;}
.n_class li .list-item p a:hover{color:#fb8e00;}
.n_class li .list-item p.hover a{padding:0 30px;display:block;background:url(../images/fl3.jpg) 192px center no-repeat #fcf6ef; color:#333;}
.n_t1{ width:100%; height:40px; line-height:38px; margin:0 auto; background:url(../images/ntbg2.jpg) bottom repeat-x;}
.n_t1 .dqwz{ width:auto; float:right; padding-right:6px;}
.n_t1 .dqwz a{}
.n_t1 b{  display:block; float:left;font:400 12px/40px Tahoma; padding-left:10px; text-transform:uppercase;}
.n_t1 span{ color:#333;font:400 18px/38px "微软雅黑"; height:40px;display:block; float:left; padding:0 16px 0 0;background:url(../images/ntbg3.jpg) left bottom no-repeat;}
.n_t2{ width:100%; height:35px; line-height:32px; margin:0 auto; border-bottom:#793c09 1px solid;}
.xgnews{width:990px; margin:3px 0; overflow:hidden;}
.xgnews ul li{line-height:30px; height:30px; border-bottom:1px dashed #ccc; width:330px; float:left; margin:0 45px 0 0;	 background:url(../images/jiantou.png) no-repeat left; padding-left:10px; overflow:hidden;}
.xgnews ul li a{color:#666;}
.xgnews ul li a:hover{text-decoration:none; color: #ff6600;}
.xgnews ul li span{float:right;}
.xgnews p{width:150px; height:50px; color:#333; font-size:22px;}
.n_r{width:750px;float:right;}
.n_news{width:750px;height: auto !important; min-height:490px; height:490px;}
.n_news dl{overflow:hidden;width:750px;margin:25px 0 0px 0px;height:134px; overflow:hidden}
.n_news dt{width:177px; height:132px; display: block; float:left; border:#dbdbdb 1px solid;}
.n_news dd{width:550px; height:133px; display: block; float:left; padding:0 0 0 20px; border-bottom:#dbdbdb 1px solid;}
.n_news dd span{ background:url(../images/date.jpg) left center no-repeat; padding-left:16px; color:#999}
.n_news dd h3{font:600 14px/32px "宋体";}
.n_news dd h3 a{ color:#333;}
.n_case1{width:774px; height: auto !important; min-height:440px; height:440px; padding-bottom:30px; margin-left:-15px;;overflow:hidden;}
.n_case1 dl{width:324px; height:240px; padding:8px 12px;float:left; background:#fcf3e8;color:#343434; margin:14px 15px; border:#d0cdcb 1px solid;}
.n_case1 dl dt{width:162px; height:238px;float:left; overflow: hidden;}
.n_case1 dl dd{width:136px; height:238px;line-height:24px;float: right;font:400 14px/24px "微软雅黑"; padding-right:10px;}
.n_case1 dl dd h2{width:100%;height:30px; color:#7b3f0d;float:left;font:600 16px/26px "微软雅黑";}
.n_case1 dl dd h2 a{ display:block; float:left; color:#793c09;}
.n_case1 dl dd h2 span{ display:block; float: right; color:#585858; font-size:12px; font-weight:normal;}
.n_case1 dl dd .xx1{width:100%;height:174px;float:left; color:#585754; overflow:hidden}
.n_case1 dl dd .xx2{width:100%;height:24px; margin-top:10px;float:left; text-align:right}
.n_case1 dl dd .btn3{ text-align:center; background:#ae9761;font:400 14px/34px "微软雅黑"; color:#fff; border-radius:3px; display:block; width:136px; height:34px; float:left}

.n_pro1{width:770px; margin-left:-3px;}
.n_pro1 dl{ width:246px; height:225px; margin:0px 3px;float:left;overflow:hidden; text-align:center}
.n_pro1 dt{ width:238px; height:177px;float:left; padding:3px; border:#e5e5e5 1px solid; font-size:0; background:#FFF;}
.n_pro1 dd{ width:100%; height:40px;font:400 14px/40px "微软雅黑";color:#333;float:left}
.n_pro1 dd a{color:#333;}

.Page{width:100%; text-align:center; padding:20px 0px 0 50px;}
.Page a{display:inline-block;width:65px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px; float:left;text-decoration:none; color:#333; outline:none;}
.Page a:hover{ background:#006; color:#FFF; background-repeat:no-repeat; text-decoration:none; }
.Page span{display:inline-block;min-width:45px; padding:0 10px;background:#ffffff;height:48px; vertical-align:middle; line-height:48px; font-size:14px; border:1px solid #e5e5e5; margin-left:-1px;float:left;}
.Page span.current{ background:#006; color:#FFF}

.n_list1{width:724px; height: auto !important; min-height:440px; height:440px; padding-bottom:30px; margin:0 auto;overflow:hidden;}
.n_list1 dl{width:100%; height:117px; padding:12px 0;float:left; color:#343434; border-bottom:#c5b4ac 1px dotted;}
.n_list1 dl dt{width:150px; height:115px;float:left; overflow: hidden; border:#bb9b80 1px solid;}
.n_list1 dl dd{width:564px; height:128px;line-height:24px;float:right;font:400 14px/24px "微软雅黑";}
.n_list1 dl dd h2{width:100%; padding-bottom:10px; height:30px; color:#793c09;float:left;font:600 16px/26px "微软雅黑";}
.n_list1 dl dd h2 .name{ width:450px;display:block; float:left; color:#793c09;}
.n_list1 dl dd h2 .name a{color:#793c09;}
.n_list1 dl dd h2 .date{ display:block; float: right; color:#895837; font-size:14px; font-weight:normal;}
.n_list1 dl dd h2 .date a{color:#895837;}
.n_list1 dl dd .xx1{width:100%;height:84px; line-height:24px;float:left; color:#585754; overflow:hidden}
.fy{ width:320px; height:22px; margin:0 auto;line-height:20px; padding:6px 0;}
.fy li{ float:left;margin-left:13px;}
.i_xl2{ width:77px; height:20px; float:left; position:relative; z-index:44; margin-left:-10px;}
.i_xl2 .select_box{ width:77px; height:20px; margin:0;}
.i_xl2 .select_box span{ width:57px; height:20px; padding:0 10px;position:relative;line-height:20px;display:block; background:url(../images/xl2.jpg) center no-repeat; cursor:pointer; color:#333;}
.i_xl2 .son_ul{ width:75px;position:absolute; left:0px; top:20px; border:#d1d1d1 1px solid; background:#dcdcdc; z-index:22;}
.i_xl2 .son_ul li{ width:55px; height:24px; line-height:24px; padding:0 10px;color:#333;cursor:pointer; margin:0;}
.i_xl2 .son_ul .select_box_hover{ background:#f7f2f2}
.l_pic1{width:214px; height:244px; overflow:hidden; position:relative; margin:0 auto; background:#f2e4d5;}
.l_pic1 .case_index{width:172px;height:198px;position: relative;overflow:hidden;margin:10px auto; z-index:0; text-align:center;}
.l_pic1 .case_index li span{width:172px; height:172px; display:block;}
.l_pic1 .case_index li b{width:152px; background:#dcc8a6;height:26px; display:block;color:#793c09;font:400 14px/26px "微软雅黑"; padding:0 10px;float:left}
.l_pic1 .btn{position: absolute;top:80px;width:22px;height:66px;display: block;z-index:3;}
.l_pic1 .btnPre{background: url(../images/pre.jpg) center center no-repeat;left:0px;}
.l_pic1 .btnPre:hover{background: url(../images/pre.jpg) no-repeat center center;}
.l_pic1 .btnNext{background: url(../images/next.jpg) no-repeat center center;right:0px;}
.l_pic1 .btnNext:hover{background: url(../images/next.jpg) no-repeat center center;}
.l_pic1 .case_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.l_pic1 .case_index .banner_wrap li{width:242px;float: left;}
.l_pic1 .case_num{ height:10px; text-align:center;position: absolute;left:0px;bottom:10px; width:100%; font-size:0;} 
.l_pic1 .case_num a{ background:url(../images/c1.jpg) center  center no-repeat; width:10px; height:10px; margin:0 3px; display:inline-block}
.l_pic1 .case_num a.on,.case_num a:hover{background:url(../images/c2.jpg) center  center no-repeat;}
/*内容页*/
/*.title{ width:100%; height: auto; line-height:30px; padding-bottom:4px;margin:0 auto; text-align:center; color:#333;font:400 18px/30px "微软雅黑";}*/
.tit2{ width:100%; height:20px; display:block;color:#999;font:400 12px/20px "宋体";text-align:center;}
.tit2 i{ background:url(../images/date.jpg) center center no-repeat; padding:10px;}
.pic{ width:auto !important; max-width:804px; height:auto; margin:0 auto; text-align:center;}
.pic img{ display:block; margin:0 auto;max-width:804px;}
.content{ width:100%; height: auto !important; padding-bottom:10px; height:300px; margin:0 auto;font:400 14px/30px "微软雅黑"; color:#333;}
.page{ width:750px; height: auto;padding:8px 0; border-top:#d5d5d5 1px solid;}
.page ul{ float: left; width:600px;}
.page ul li{width:280px; height:25px;line-height:25px; color:#444444; overflow:hidden; padding-right:20px; float:left}
.page a{color:#444444;}
.page ul li a:hover{ color:#ff9900; font-weight:bold; text-decoration:none}
.page .fh{ text-align:right; float:right; width:auto; padding-right:20px;}
.pic{ width:720px; height:auto; margin:0 auto; text-align:center;}
.pic img{ display:block; margin:0 auto;}
.book1{width:730px;height: auto !important; min-height:200px; height:200px; margin:0 auto;font:400 14px/26px "微软雅黑";}
.book1 dl{width:710px;height: auto !important; min-height:100px; height:100px; float:left; margin-bottom:10px; padding:2px 10px; color:#46484a; border:#e1dedd 1px solid; background:#fdf8ee;}
.book1 dl dt{width:700px; float:left; border-bottom:#a9a7a6 1px dotted;padding:5px;}
.hui{ color:#767a81;}
.book1 dl dt b{ font-size:14px; color:#84682b}
.book1 dl dd{width:700px; float:left; padding:5px ;}
.lyxx{ padding:1px 6px; background:#663902; color:#FFF; margin:5px 0;}
.hfxx{ padding:1px 6px; background:#8e703f; color:#FFF;margin:5px 0;}
.tit1{font:400 14px/26px "微软雅黑";color:#99725a;}
.book{ width:520px;height: auto !important; min-height:200px; height:200px;margin:0 auto; color:#6d3b01; padding:20px 0px;font:400 14px/27px "微软雅黑";}
.book span{ padding-right:12px;}
.bstr1{width:160px; height:25px; line-height:25px; background:#fff; border:#bbbbbb 1px solid; padding:0 5px;}
.bstr2{width:180px; height:25px; line-height:25px; background:#fff; border:#bbbbbb 1px solid; padding:0 5px;}
.bstr4{width:94px; height:25px; display:block; float:left; line-height:28px; background:#fff; border:#bbbbbb 1px solid; padding:0 5px;}
.bstr3{width:490px; height:130px; line-height:25px; background:#fff; border:#bbbbbb 1px solid;padding:5px;}
.yz{ width:68px; height:25px; float:left; margin-left:10px;}
.tj1{width:76px; margin-top:2px; height:24px; float:left; background:#248938; border:none; line-height:24px; font-size:14px; color:#FFF; text-align:center;}
.hr{width:800px; height: auto; color:#585858; margin:0 auto;font:400 14px/25px "微软雅黑";}
.hbg1{ }
.bore1{ border-right:#a1a1a1 1px solid; border-bottom:#a1a1a1 1px solid; padding:6px 10px; line-height:24px;}
.bore2{ border-bottom:#a1a1a1 1px solid; padding:3px 10px; line-height:24px;}
.bore3{ border-right:#a1a1a1 1px solid; border-bottom:#a1a1a1 1px solid; padding:6px 20px; line-height:24px;}
.hr li{width:800px; height: auto; margin:12px 0; border-top:#a1a1a1 1px solid; border-left:#a1a1a1 1px solid;}
.hbg2{ background:#b7d294; width:70px; height:20px; display:block; line-height:20px; text-align:center; color:#FFF}
.hstr1{width:184px; height:18px; line-height:18px; background:#fff; border:#c3dba4 1px solid; color:#333}
.hstr2{width:462px; height:18px; line-height:18px; background:#fff; border:#c3dba4 1px solid;color:#333}
.hstr3{width:462px; height:128px; line-height:18px; background:#fff; border:#c3dba4 1px solid;color:#333}
.yp{width:108px; float:left }
.zw{width:410px; float:left }
.hr .zi2{ color:#030303; font-weight:bold;}
.yingycon{padding: 28px 0 0 0;}
.yingycon dl{height: 200px;}
.yingycon dl dt{width: 240px; float: left; padding-right: 24px; height: 180px;}
.yingycon dl dt a{display: block;}
.yingycon dl dd{float: left; width: 485px;}
.yingycon dl .text{display: block; height: 32px; font: bold 16px/32px "微软雅黑"; color: #236ab5; margin: 12px 0;}
.yingycon dl .text2{font: 400 14px/22px "微软雅黑"; color: #666666; text-align: justify; text-justify: inter-ideograph;}
p,from,h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
img{border:none;}
a{color:#333333;text-decoration:none;}
a:hover{color:#666666;text-decoration:underline;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:inline-table}
*html .clearfix{height:1%}
.clearfix{display:block;}
*+html .clearfix{min-height:1%}
.ny_zb{width:225px;overflow:hidden;font-family:"微软雅黑";margin:40px auto 0 auto;}
.ny_zbbt{background-color:#f1f1f1;height:40px;line-height:40px;overflow:hidden;border-top:2px solid #b7b7b7;}
.ny_zbbt span{padding-left:30px;font-size:16px;color:#000;line-height:40px;}
.ny_zblb1{padding:10px 10px 20px 0px;}
.ny_zblb1 li{ line-height:33px;font-size:14px;color:#fff;float:left;width:100%;}
.ny_zblb1 li a{display:block; padding-left:10px;text-decoration:none;color:#fff;background:url(../images/02.jpg) no-repeat right; margin-bottom:5px;}
.ny_zblb1 li a.cur{color:#fff;font-weight:bold;background:url(../images/01.jpg) no-repeat right;text-decoration:none;}
.ny_zblb1 li ul{display:none;color:#666;padding:5px 0 5px 0px;}
.ny_zblb1 li ul li{float:none;height:26px;line-height:26px;margin-top:0px;font-size:12px; margin-bottom:4px;}
.ny_zblb1 li ul li a{display:block;background:url(../images/05.gif) no-repeat left; color:#333;border-bottom:#CCC dashed 1px;}
.ny_zblb1 li ul a:hover{color:#6fb600;}


.xfdh{position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;}
.xfdh .K{ color:#FFF; font-weight:bold; font-size:20px; display:block; width:120px; height:50px; line-height:50px; text-align:center; font-family:"微软雅黑";}




/* right-fixed */
.right-fixed{position:fixed;right:10px;width:80px;top:20%;z-index:20;text-align:center;}
.right-fixed .icon{cursor:pointer;display:block;width:60px;height:60px;margin:0 auto;background:#c20000 url(../images/icon.png) center center no-repeat;color:#fff;border-radius:50%;-webkit-border-radius:50%;}
.right-fixed .qq .icon,.right-fixed .qq:hover .icon{background-position:-168px -198px;}
.right-fixed .wechat .icon,.right-fixed .wechat:hover .icon{background-position:-168px -268px;}
.right-fixed .sb .icon,.right-fixed .sb:hover .icon{background-position:-168px -338px;}
.right-fixed .kj .icon,.right-fixed .kj:hover .icon{background-position:-168px -408px;}
.right-fixed a{ margin-bottom: 10px; display: block; color: #999; position: relative; backface-visibility: hidden; font-weight: bold; }
.right-fixed a:hover .icon{background:#df0024 url(../images/icon.png) center center no-repeat;}
.right-fixed img{display:none;position:absolute;width:80px;height:80px;left:-90px;top:0;}
.right-fixed a .arrow{left:-10px;top:50%;margin-top:-5px;}
.right-fixed .wechat:hover img,.right-fixed .wechat:hover .arrowL{display:block;}
.right-fixed .gbook i{font-size:28px;margin:15px 0 0 0;}
.right-fixed.change a{color:#000;}



/* animate */
.animate{transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s ease-in-out;}
.rotateup{color:#EA5413;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.rotatedown{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.loop{animation-iteration-count:infinite;/*animation-duration:.8s*/}
.fastanimate{transition:all 0.15s linear 0s;-webkit-transition:all 0.15s linear 0s;-moz-transition:all 0.15s linear 0s;-ms-transition:all 0.15s linear 0s;-o-transition:all 0.15s ease-in-out;}