@charset "utf-8";

/* ================================== 【官方网站】技术支持：凡高科技——银灵子==================================== */

/*===========================top===============================*/
#top .header{height:100px; width:100%;}
#top .header .main_box{ position:relative;}
#top .top_left{ position:absolute; left:0; top: 25px;  z-index:3;}
#top .top_right{ position:absolute; right:0; z-index:3; top:40px; min-width:90px; display:inherit; text-align:right;}
#top .top_right a{ display:inline-block; position:relative; margin-left:2px;}
#top .top_right .ewm_top_box{position:relative;}
#top .top_right .ewm_top_box .ewm{ position:absolute; display:none;  width:80px; height:80px; left:0px; top:27px; z-index:9;}
#top .top_right .ewm_top_box:hover .ewm{ display:block;}

/*==========导航============*/
#top #nav{position:relative; z-index:1;}
#top #nav ul{ display:inherit; text-align:center; padding-left: 100px;}
#top #nav li{ display:inline-block; }
#top #nav li .a{position:relative;display:block;width:105px;}
#top #nav li .a strong{font-size:14px;color:#000000;display:block;height:100px;line-height:100px;text-align:center;position:relative;z-index:2}
#top #nav li .a span{height:1px;width:0px;display:block;position:absolute;top:65px;left:50%; margin-left:-8px;background:#000;z-index:1}
#top #nav .on .a span{ width:16px;}
#top #nav li .a:hover span{ width:16px;}

#top #nav .title{position:relative}
#top #nav .title .list{display:none;position:absolute;top:45px;z-index:555;width:137.5px}
#top #nav .title .list a{display:block;height:40px;line-height:40px;text-align:center;color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC0663BE', endColorstr='#CC0663BE');background:rgba(6,99,190,0.8);}
#top #nav .title .list a:hover{background:#034688}



/*==========banner============*/
.banner{ position:relative; height:810px;}
.banner .bd{ width:100%; margin:0 auto;}
.banner .bd ul{}
.banner .bd ul li a{ margin:0 auto; display:block;width:100%; height:810px;}
.banner .bd ul li a img{ display:block; margin:0 auto;}
.banner .hd{ position:absolute; right:40px; top:30%;   display:block; background:url(../images/bg_banner_hd.png) center top  no-repeat; height:148px; width:25px; display:block;}
.banner .hd ul{ margin-top:55px; }
.banner .hd ul li{ display:block; margin: 0px auto 33px auto; width:7px;}
.banner .hd ul li a{  border-radius:50%; height:7px; width:7px;  display:block; background:#fff; }
.banner .hd ul li a:hover{ background:none;}
.banner .hd ul .on a{  background:#49c6cd;}

.banner .hd .bnt{ position:absolute; opacity:0; top:50%; z-index:3; margin-top:-55px;}
.banner .hd .bnt:hover{ }
.banner .prev{left:-54px; }
.banner .next{ right:-54px; }
.banner:hover .prev{left:50px;  opacity:1;}
.banner:hover .next{right:50px; opacity:1;}


/*================footer===============*/
.footer  .main_box{position:relative; padding:50px 0; }
.footer .up { position:relative; margin-left:270px; padding-top:12px; }
.footer .up i{ display:inline-block; padding:0 20px; font-size:12px; color:#000;}
.footer .up a{ display:inline-block; font-size:12px; color:#000;}
.footer .up a:hover{color:#008fd6}
.footer .un{ padding-top:15px;position:relative; margin-left:270px;}
.footer .un h1{color:#030303;font-size:12px;}
.footer .un h1 a{color:#030303}
.footer .un h1 a:hover{color:#008fd6}
.logo_fot{ position:absolute; left:0; top:50px;}

#floating_box{position:fixed; top:50%; margin-top:-40px; right:-1px; z-index:9; }
.pf_ewm_box{width:40px;height:40px;display:block;margin:0 auto;background:url(../images/pic_piaofu.jpg) top center no-repeat; position:relative; overflow:visible;}
#gotop{width:40px;height:40px;display:block;margin:0 auto;background:url(../images/pic_piaofu.jpg)  center -41px no-repeat #0663be; position:relative; overflow:hidden; }
.pf_ewm_box .ewm{ position:absolute; top:0; right:41px; display:none;}
.pf_ewm_box:hover .ewm{ display:block;}
#gotop:hover{background:url(../images/pic_piaofu.jpg) center -43px no-repeat #2e83d6;}



/*==========首页============*/
.s_main_box .floor{ margin:0px auto; padding:70px 0;}
.s_title{margin-bottom:40px;position:relative; display:inherit; text-align:center;}
.s_title h1{color:#020202;font-size:24px; margin-bottom:8px; display:block; text-align:center;}
.s_title span{height:1px;width:30px;display:block; background:#000; display:inline-block;}
.s_title:hover span{ width:40px;}
.s_title strong{color:#020202;display:block; margin-top:5px; font-size:14px; font-family: "Arial"; text-align:center; text-transform:uppercase}
.s_more{position:relative;height:40px;background:#f6f7fa; border:1px solid #e5e5e7; line-height:40px; text-align:center; color:#8e929e; display:block; margin-top:30px; font-size:12px;}
.s_more:hover{color:#fff; background:#0663be; border:1px solid #0663be; border-radius:3px;}

/*==========快捷链接============*/
.link_box{position:relative;width:100%;margin-top:-170px;z-index:10;}
.link_box .main_box{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF');background:rgba(255,255,255,0.5);}
.link_box .content li{width:219px; float:left; height:170px; margin:0.5px;}
.link_box .content li a{display:block; height:168px; text-align:center;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2FFFFFF', endColorstr='#B2FFFFFF');background:rgba(255,255,255,0.7); }
.link_box li a img{display:block; margin:0px auto 10px auto; padding-top:30px;}
.link_box li a strong{ color:#0277bd;display:block;  font-size:16px;text-align:center; margin-top:13px;}
.link_box li a span{ color:#0277bd;display:block;  font-size:10px; font-family: "Arial"; text-align:center; margin-top:5px;}
.link_box .content li a:hover{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7FFFFFFF', endColorstr='#7FFFFFFF');background:rgba(255,255,255,0.5);}
.img_a_d_box{margin:35px auto}

/*=============f1产品================*/
.s_main_box .f1 { padding-top:50px;}
.s_main_box .f1 .title{ margin-bottom:25px;}
.s_main_box .f1 .title h1{color:#333846;font-size:15px; display:block; }
.s_main_box .f1 .title h1 strong{color:#333846; font-weight:bold; font-size:18px; font-family: "Arial"; text-align:center; text-transform:uppercase}

.s_main_box .f1 .content_box{margin-bottom:45px; width:1100px; margin:0 auto;}
.s_main_box .f1 .content ul{ margin:-15px -1px;}
.s_main_box .f1 .content li{ width:363px; background:#fff; float:left; margin:15px 2px; }
.s_main_box .f1 .content li .box{ width:363px; height:140px; overflow:hidden; }
.s_main_box .f1 .content li a{ display:block;}
.s_main_box .f1 .content li:hover{   }
.s_main_box .f1 .content li .img{ width:365px; height:140px;  margin:0 auto;   display:block;  display:block; }
.s_main_box .f1 .content li span{position:relative;z-index:2;margin-top:20px;display:block;text-align:center;font-size:16px;color:#000000;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.s_main_box .f1 .content li:hover .img{ -moz-transform:scale(1.051); -o-moz-transform:scale(1.051); -o-moz-transform:scale(1.051); -webkit-moz-transform:scale(1.051); transform:scale(1.051);}
.s_main_box .f1 .content li a:hover span{ color:#008fd6; }

.s_main_box .f1 .content .more{ background:#f4f4f4; height:140px;}
.s_main_box .f1 .content .more .more_box{ margin:0 auto;}
.s_main_box .f1 .content .more img{ display:block; margin:20px auto;}
.s_main_box .f1 .content strong{ display:block; font-size:16px; color:#fff; width:160px; height:36px; line-height:36px; margin:0 auto; text-align:center; background:#008fd6; border-radius:18px;}
.s_main_box .f1 .content .more:hover{ background:#49c6cd;}
.s_main_box .f1 .content .more strong:hover { font-size:14px;}

/*=============f2新闻================*/
.s_main_box .f2{ background:#f4f4f4;  overflow:hidden;}
.s_main_box .f2 .s_title{ margin-bottom:40px;}

.s_main_box .f2 .news_bd {overflow:hidden;}
.s_main_box .f2 .news_bd .left{ position:relative; border:1px solid #cecece; overflow:hidden; width:550px;  }
.s_main_box .f2 .news_bd .left img{ display:block; width:550px; height:426px;}
.s_main_box .f2 .news_bd .left a:hover strong{ color:#fff;}
.s_main_box .f2 .news_bd .left h1{ position:absolute; color:#f5f9fb; font-size:14px; display:block; text-align:center;width:100%; bottom:0; height:80px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#99191919', endColorstr='#99191919');background:rgba(25,25,25,0.6);}
.s_main_box .f2 .news_bd .left h1 strong{ font-size:16px; padding:0 25px; border:1px solid #fff; height:38px; line-height:38px;  color:#fff; display:inline-block; margin:20px auto;}
.s_main_box .f2 .news_bd .left a:hover h1{ filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC191919', endColorstr='#CC191919');background:rgba(25,25,25,0.8);}

.s_main_box .f2 .news_bd .right{ width:520px; height: 409px;overflow:hidden;} 
.s_main_box .f2 .news_bd .right .title{ position:relative; border-bottom:1px solid #cfcfcf; margin-bottom:15px; padding-bottom:10px;}
.s_main_box .f2 .news_bd .right .title .more{ position:absolute; right:0; font-size:12px; color:#6e6c6c; bottom:10px;}
.s_main_box .f2 .news_bd .right .title .more:hover{ color:#008fd6;}
.s_main_box .f2 .news_bd .right .up{ border-bottom:1px dashed #d9d9d9; padding-bottom:15px;}
.s_main_box .f2 .news_bd .right .up .fl{ border:1px solid #cecece; position:relative; z-index:2; height:75px; width:85px;}
.s_main_box .f2 .news_bd .right .up .fl strong{ height:50px; line-height:50px; display:block; text-align:center; font-size:32px; color:#515151; font-family:"Arial";}
.s_main_box .f2 .news_bd .right .up .fl span{ display:block; font-size:14px; text-align:center; background:#676767; height:25px; line-height:25px;  color:#fff; font-family:"Arial";}
.s_main_box .f2 .news_bd .right .up .fr{ width: 415px;}
.s_main_box .f2 .news_bd .right .up .fr  a{ font-size:14px; color:#010101; display:block; margin:5px 0;}
.s_main_box .f2 .news_bd .right .up .fr span{ display:block; height:1px; background:#222; width:16px;}
.s_main_box .f2 .news_bd .right .up .fr a:hover{  color:#008fd6;}
.s_main_box .f2 .news_bd .right .up .fr:hover span{ width:30px; background:#008fd6;}
.s_main_box .f2 .news_bd .right .up .fr p{ font-size:12px; color:#afafb0; line-height:20px; margin-top:5px;}

.s_main_box .f2 .news_bd .right .un li{ display:block; border-bottom:1px dashed #d9d9d9; position:relative; height:50px; padding-right:50px; line-height:50px; padding-left:20px; background:url(../images/icon_yq.png) left center no-repeat;}
.s_main_box .f2 .news_bd .right .un li a{color:#565656;font-size:14px;display: inline-block;width: 90%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.s_main_box .f2 .news_bd .right .un li a:hover{ color:#008fd6;}
.s_main_box .f2 .news_bd .right .un li span{color:#a6a6a6; font-size:12px;  position:absolute; right:0; top:0; line-height:50px; } 

/*=============f3关于================*/
.s_main_box .f3{ width:100%;  border-bottom:1px solid #e5e5e7;}
.s_main_box .f3 .mian_box{ }
.s_main_box .f3 .s_title{ margin-bottom:38px; }
.s_main_box .f3 .content .hd{ height:90px; margin: 0 -10px; background:url(../images/title_s_partner.png) center  top no-repeat; }
.s_main_box .f3 .content .hd .box{ width:424px; margin:0 auto; height:90px;}
.s_main_box .f3 .content .hd a{ display:block; font-size:14px; color: #008fd6; float:left; width:212px; height:25px; margin-top: 43.5px; line-height:25px; text-align:center; }
.s_main_box .f3 .content .hd a.li1{background:url(../images/bnt_f3_left.png) right center no-repeat;}
.s_main_box .f3 .content .hd a.li2{background:url(../images/bnt_f3_right.png) left center no-repeat;}
.s_main_box .f3 .content .hd a.li1.on{background:url(../images/bnt_f3_left_on.png) right center no-repeat; color:#fff;}
.s_main_box .f3 .content .hd a.li2.on{background:url(../images/bnt_f3_right_on.png) left center no-repeat; color:#fff;}

.s_main_box .f3 .content{ position:relative; padding-bottom: 50px;}
.s_main_box .f3 .content .bd .bd_box{ height:130px; position:relative; width:1100px;}
.s_main_box .f3 .content .bd  .j_prev{ top:70px; left:-60px; position:absolute;  opacity:0.4; filter:alpha(opacity=40); -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -ms-filter:grayscale(1); -o-filter:grayscale(1); filter:grayscale(1);}
.s_main_box .f3 .content .bd  .j_next{ top:70px; right:-60px; position:absolute;  opacity:0.4; filter:alpha(opacity=40); -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -ms-filter:grayscale(1); -o-filter:grayscale(1); filter:grayscale(1);}
.s_main_box .f3 .content .bd  .j_prev:hover{opacity:1; filter:alpha(opacity=100);  -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);}
.s_main_box .f3 .content .bd  .j_next:hover{opacity:1; filter:alpha(opacity=100);  -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);}

.s_main_box .f3 .content .bd .bd_box .box{ margin-top:40px;}
.s_main_box .f3 .content .bd .bd_box li{ width:185px; float:left;}
.s_main_box .f3 .content .bd .bd_box li a img{ display:block; margin:0 auto; height:95px; opacity:0.4; filter:alpha(opacity=40); -webkit-filter:grayscale(1); -moz-filter:grayscale(1); -ms-filter:grayscale(1); -o-filter:grayscale(1); filter:grayscale(1);}
.s_main_box .f3 .content .bd .bd_box li a strong{opacity: 1;font-size: 14px;display:block;margin-top:10px;color:#008fd6;text-align:center;}
.s_main_box .f3 .content .bd .bd_box li a:hover  img{ opacity:1; filter:alpha(opacity=100);  -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);}
.s_main_box .f3 .content .bd .bd_box li a:hover strong{ opacity:1; filter:alpha(opacity=100);}

/*=============f4优势================*/
.s_main_box .f4{ background:url(../images/bg_s_contact.jpg) center 0px no-repeat #0663be; height: 560px; padding:0; overflow:hidden;}
.s_main_box .f4 .content{ position:relative; background:url(../images/bg_contact_main.png) center 10px no-repeat; height:550px;}
.s_main_box .f4 .content dl{ display:block; line-height:32px;  width:460px; padding-top:312px; margin:0 auto; }
.s_main_box .f4 .content dd{ display:block; color:#818180;  float:left; width:175px; padding-left:40px;  }
.s_main_box .f4 .content dt{ display:block; padding-left:40px; color:#818180;}



/*=======================================内页========================================*/
.n_main_box{ background:#f5f5f5; }
.n_main_box .main_box{ width:1100px;}

.n_up_box{ padding:60px 0; position:relative; border-bottom:1px solid #e8e8ea;}
.n_title{ }
.n_title h1{  font-size:26px; color:#444444;line-height:40px; display:block; text-align:center;}
.n_title h1 span{ font-size:26px; color:#444444;   font-family: "Arial"; text-transform:uppercase;font-weight:normal;}
.n_title h1 strong{  font-size:24px;  color:#444444;}
.n_title h2{font-size:16px; display:block; text-align:center; color:#797979; margin-top:10px;   font-family: "Arial"; text-transform:uppercase;}


.n_nav{ position:relative; padding-top:60px;}
.n_nav .box{ display:inherit; text-align:center;   border-right:none;}
.n_nav a{ display:inline-block; width:150px;color:#878787; background:#f5f5f5; border:1px solid #dde0e4;   position:relative; margin:0px -4px;   height:30px; font-size:14px;  line-height:30px; text-align:center; }
.n_nav a:hover{ color:#fff; background:#878787;  }
.n_nav .on{ color:#fff; background:#878787; }
.n_content{ min-height:400px; }
.n_un_box{ padding:80px 0;}

/*=================企业荣誉资质====================*/
.n_zizhi{ overflow:hidden; margin-top:20px;}
.n_zizhi ul { margin: 0 -15px;}
.n_zizhi li{float:left;width: 33.333333%;padding:0 15px;margin-bottom: 16px;box-sizing: border-box;}
.n_zizhi li a{display:block;background: #f1f4f5;padding: 5px; transition:0.36s}
.n_zizhi li img{width: 335px;height: 205px;display:block;}
.n_zizhi li span{display:block;line-height: 20px;display:block;padding-top: 10px;font-size: 12px;color:#878787;text-align:center;height: 37px;}
.n_zizhi li a:hover{background:#008fd6;}
.n_zizhi li:hover span{ color:#fff;}
.n_zizhi .page{ text-align:center; text-align:center; font-size:12px; color:#6d6c72;margin-top:20px;}

/*==============合作伙伴=====================*/
.n_partners{}
.n_partners ul { margin:0px -10px;}
.n_partners li{display:block;height: 220px;position:relative;float:left;width:183px;}
.n_partners li a{ display:block; }
.n_partners li img{height: 146px;margin:0 auto;overflow:;display:block;}
.n_partners li strong{opacity: 1;filter: 1;display:block;line-height: 22px;color:#878787;font-size: 14px;text-align:center;margin-top: 10px;}
.n_partners li:hover{}
.n_partners li:hover strong{ opacity:1; filter:alpha(opacity=100); }

/*==============产品中心=====================*/
.n_product{padding:60px 0;  }
.n_product .content_box{ }
.n_product ul{ margin:-15px -20px 40px -20px;}
.n_product li{ width:237px; float:left; margin:15px 19px; }
.n_product li .box{border:1px solid #e3e4e6; width:235px; height:170px; overflow:hidden; }
.n_product li a{ display:block;}
.n_product li:hover{   }
.n_product li img{ width:235px; height:170px;  margin:0 auto;   display:block;  display:block;  height:165px; border:1px solid #fff;}
.n_product li span{ position:relative; z-index:2; display:block; text-align:center;  line-height:48px; font-size:14px; color:#383838; }
.n_product li:hover img{ -moz-transform:scale(1.051); -o-moz-transform:scale(1.051); -o-moz-transform:scale(1.051); -webkit-moz-transform:scale(1.051); transform:scale(1.051);}
.n_product li a:hover span{ color:#fff; background:#0663be; }

/*==============案例=====================*/
.n_case{ margin-top:-60px;}
.n_case ul { padding-bottom:40px;}
.n_case ul li{ display:block; overflow:hidden; height:210px;  margin:40px 0; position:relative;  border:1px solid #dde0e4;}
.n_case ul li .img_link{ position:absolute; display:block; width:550px; overflow:hidden; left:0px; top:0;}
.n_case ul li .img_link{ display:block; height:210px; width:550px;}
.n_case ul li .img_link span{display:none; position:absolute; left:0px; top:0px;  height:100%; width:100%;  filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7C080808', endColorstr='#7C080808');background:rgba(8,8,8,0.49);}
.n_case ul li .img_link i{ display:block; position:absolute; left:0px; top:0px;  height:100%; width:100%; opacity:0;filter:alpha(opacity=0); background:url(../images/icon_hand.png) center no-repeat; overflow:hidden; }

.n_case ul li .text_box{position:relative;height:140px;margin-left: 580px;padding-right:30px;padding-top: 30px;}
.n_case ul li .text_box h1 a{display:block;margin-bottom:20px;line-height:30px;height: 34px;color:#444444;font-size:36px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.n_case ul li .text_box p{font-size:12px;color:#676767;line-height:20px;height:40px;overflow: hidden;}
.n_case ul li .text_box span{ display:block; margin:10px 0; color:#bfbfc0; font-size:16px; font-family: "Arial"; }
.n_case ul li .text_box h1 a:hover{ color:#2fa6fc;}
.n_case ul li .text_box  .more{ height:38px; border-radius:19px; display:block; width:160px; background:url(../images/bnt_case.png) center no-repeat; border:1px solid #4cbaed;}
.n_case ul li .text_box  .more:hover{ border-radius:0;}
.n_case ul li .img_link:hover span{ display:block;}
.n_case ul li .img_link:hover i{opacity:1;filter:alpha(opacity=100)}

.n_case ul .style2  .img_link{ left:auto; right:0;}
.n_case ul .style2  .text_box{ margin-left:35px; margin-right:540px;}

/*=============联系方式=====================*/
.n_contact { }
.n_contact .map{ box-shadow: 2.5px 4.33px 18px 0px rgb( 209, 206, 206 );} 
.n_contact .un{ padding-top:60px; background:url(../images/bg_n_contact_un.png) center 70px no-repeat; }
.n_contact .un .left{ width:520px;}
.n_contact .un .right{ width:510px;}
.n_contact .un .title{ font-size:16px; color: #818180; padding-bottom:10px; border-bottom:1px solid #e8e8ea;}
.n_contact .un .content{ color:#818180; padding-top:20px; line-height:32px; font-size:14px;}
.n_contact .un .left .content{ background:url(../images/bg_contact_un_left.png) left top no-repeat;  }

.n_contact .un .left .content dl{ display:block; line-height:36px;  padding-top:12px; margin:0 auto; }
.n_contact .un .left .content dd{ display:block; color:#818180;  float:left; width:175px; padding-left:30px;  }
.n_contact .un .left .content dt{ display:block; padding-left:30px; color:#818180;}


/*==============新闻=====================*/
.n_news{ margin-top:-40px; }
.n_news ul { margin-bottom:60px;  }
.n_news ul li {  padding:40px 0; display:block;  height: 90px; border-bottom: 1px dashed #e8e8ea;  }
.n_news ul li .box { margin:0 auto; width:880px; }
.n_news ul li .fl { position:relative; padding-left: 185px; width: 500px; }
.n_news ul li .fl .date { position: absolute; left: 0; float: left;  width:160px;  }
.n_news ul li .fl .date span{font-family: "Arial"; display:block; text-align:right; font-size:16px; margin-top:0px; color:#bfbfc0;}
.n_news ul li .fl .date strong{font-family: "Arial"; display:block; font-size:60px; text-align:right; color:#dcdcdc; display:block; }
.n_news ul li .fl a{ display:block}
.n_news ul li .fl a h1{ font-size:16px; padding-top:7px; color:#444; display:block; margin-bottom:15px;}
.n_news ul li .fl a p{ color: #676767; line-height:24px; font-size:12px; }
.n_news ul li .fr { display:block; width:60px;}
.n_news ul li .fr .more{ display:block; width:60px; height:90px;  background:url(../images/icon_jt_bs.png) left center no-repeat;}

.n_news li:hover{background:#878787;}
.n_news li:hover .fl {  padding-left: 200px; }
.n_news li:hover .fl h1{ color:#fff; }
.n_news li:hover .fl p{color:#fff;}
.n_news li:hover .fl .date  strong{ color:#fff;}
.n_news li:hover .fl .date span{ color:#fff;}
.n_news li:hover .fr  .more {background:url(../images/icon_jt_bs.png)  center no-repeat;}
.n_news li .fl h1:hover{ text-decoration:underline;}
.n_news ul li .fr .more:hover{background:url(../images/icon_jt_bs.png) right center no-repeat; } 

/*==============新闻详情=====================*/
.n_article { margin-bottom:20px;}
.n_article .ar_title{padding:0 0 20px 0;border-bottom:1px solid #dcdcdc;display: none;}
.n_article .ar_title h1{ font-size:18px; display:block; text-align:center; line-height:30px; color:#4a4949;}
.n_article .ar_title h2{ font-size:12px; display:block; text-align:center; color:#aaaaab; line-height:30px;}
.n_article .article{ padding:40px 0;}
.n_article .page_bnt{ height:40px; text-align:center; display:inherit; line-height:40px; font-size:12px; color:#8a8a8a; }
.n_article .page_bnt a{ color:#676767; display:inline-block;}
.n_article .page_bnt i{ display:inline-block; margin:0 5px; color:#676767; font-size:12px;}
.n_article .page_bnt a:hover{color:#0b94d7;}
.n_article .back_box{ margin:40px auto 0 auto; padding-bottom:80px;}

/*==============分页插件——银灵子=====================*/
.page{ display:inherit; text-align:center; margin:10px auto;}
.page a{ display:inline-block; width:37px; height:37px; text-align:center; line-height:37px; border:none;  color:#fff; color:#6c6c6d; font-size:12px;  }
.page a.li{}
.page .on{ color:#fff !important; background:url(../images/page_li.png) center no-repeat;} 
.page .page_prve{ display:inline-block; width:37px; height:37px; text-align:center; line-height:37px; border:none;  color:#fff; color:#6c6c6d; font-size:12px;  background:url(../images/page_prev.png) center no-repeat; }
.page .page_next{ display:inline-block; width:37px; height:37px; text-align:center; line-height:37px; border:none;  color:#fff; color:#6c6c6d; font-size:12px;  background:url(../images/page_next.png) center no-repeat;}
.page a.li:hover{ background:url(../images/page_li.png) center no-repeat; color:#fff !important; text-decoration:none; }
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */}



/*==============登录管理=====================*/
#login_main_box{ width:100%; height:100%; overflow:auto; position:relative; background:url(../images/bg_login.jpg) center top  no-repeat; background-size: 100% 100%;}
.login_logo{ position:absolute; top:5%; left:5%; display:block;}
.login_box{ position:absolute; width:100%; top:50%; margin-top:-220px;}
.login_box .box{ height:440px; width:610px; background:url(../images/login_box.png) center 80px no-repeat; margin:0 auto;  }
.login_box .title img{ display:block; margin:0 auto;}
.login_box .content{ position:relative;}
.login_box .content form{ margin-top: 111px;  width: 406px;}
.login_box .content form .label{ margin-left: 127px;display:block; background:none; margin-bottom:23px; border:none; position:relative; height:58px; line-height:58px; }
.login_box .content form .label input{  height:58px; border:none; width: 390px; background:none; padding:0 5px; color:#a9a6a7; line-height:58px; font-size:14px;}
.login_box .content form .do_box{ margin-left: 75px; width: 458px; color:#a9a6a7; font-size:11px;  }
.login_box .content form .submit{color:#fff; background:#3970b5; border-radius:5px; vertical-align:middle; font-size:12px; display:inline-block; margin-top:5x; width:180px; height:50px; line-height:48px; text-align:center;}
.login_box .content form label{ display:inline-block; vertical-align:middle; }
.login_box .content form .checkbox{ display:inline-block; margin:0 5px; vertical-align:middle;}
.login_box .content form a{color:#a9a6a7; font-size:12px; padding-left:10px; display:inline-block; vertical-align: middle;}
.login_box .content form a:hover{color:#008fd6;}


/*=============后台首页=====================*/
.admin_header{ height:90px; text-align:right;}
.admin_header .admin_logo{ position:absolute; top:20px; left:30px; display:block;}
 #search_box form{ background:url(../images/bg_admin_search.png) center no-repeat; width:345px; height:30px; position:absolute; right:120px; top:30px;}
 #search_box form input{ background:none; float:left;}
 #search_box form .text{ width:275px; height:30px; background:none; border:none; line-height:30px; font-size:12px; color:#bababc; margin-left:10px;}
 #search_box form .submit{ width:30px; height:30px; float:right;}
.admin_header #exit{ line-height:90px; display:inline-block; width:120px; text-align:center; color:#306fba; font-size:14px;}
.admin_bar{ background:url(../images/line_admin.png) center no-repeat; background-size:100% 100%; width:100%; height:55px;}

.admin_main_box{ background:url(../images/bg_admin.png) left top repeat-y #f7faff; min-height:800px;}
.admin_nav{ width:296px; position:fixed; top:180px; left:0; }
.admin_nav li{ display:block; height:75px; margin-bottom:1px;} 
.admin_nav li a{ display:block; height:75px; border-left:5px solid #ebecec; }
.admin_nav li a strong{ padding-left:10px; display:inline-block; font-size:16px; line-height:75px; color:#5d697a;}
.admin_nav li a img{ padding-left:40px; opacity:0.8; vertical-align:middle; display:inline-block; filter:alpha(opacity=80); -webkit-filter:grayscale(0.8); -moz-filter:grayscale(0.8); -ms-filter:grayscale(0.8); -o-filter:grayscale(1); filter:grayscale(0.8); }

.admin_nav .on a{ border-left:5px solid #306fba; background:#fff; }
.admin_nav .on a img{ opacity:1; filter:alpha(opacity=100); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);}
.admin_nav li:hover a{ border-left:5px solid #306fba; background:#fff;}
.admin_nav li:hover a img{ opacity:1; filter:alpha(opacity=100); -webkit-filter:grayscale(0); -moz-filter:grayscale(0); -ms-filter:grayscale(0); -o-filter:grayscale(0); filter:grayscale(0);}

.admin_content_box{ margin-left:295px; padding:40px 0 40px 40px;}
.admin_title{ margin-bottom:30px; background:url(../images/bg_admin_title.png) left bottom no-repeat; background-size:100% auto ; height:42px}
.admin_title a{ display:inline-block; height:40px; line-height:40px; text-align:center; min-width:60px; padding:0 20px; font-size:16px; color: #4f4e4e;}
.admin_title a:hover{  background:#306fba; color:#fff; }
.admin_title a.on{ background:#306fba; color:#fff; }
.admin_content{ padding-right:40px;}

/*===========================后台首页=============================*/
.admin_form form{ }
.form_title{ height:60px; background:#ebecec; color:#434445; line-height:60px; font-size:16px; padding:0 40px;}
.form_title span{ color:#306fba;}
.admin_form  form .label{ float:left; width:300px; padding-right:80px; margin-bottom:15px; position:relative; height:38px; line-height:38px; padding-left:110px;}
.admin_form  form .label .h_x{ left: 382px; top: -8px;position: absolute;}
.admin_form  form .label input{  height:36px; background:none; color:#525353; border:1px solid #e7e7e7; display:block; width: 250px; padding:0 10px; line-height:38px; font-size:14px;}
.admin_form  form .label strong{ font-weight:normal; display:block; position:absolute; width:85px; text-align:right; left:15px; font-size:15px;  color:#5a5a5a;}
.admin_form  form .textarea_box{ height:125px;}
.admin_form  form .textarea{min-height: 125px;  margin-bottom:15px; padding-right:20px; border:1px solid #e7e7e7; background:none;  line-height:40px; font-size:12px;   width:250px; padding:5px 10px;}
.admin_form  form .submit{ color:#fff; margin-left: 68px; background:#0074ca; border-radius:3px; font-size:12px; display:block; margin-top:30px; width:120px; height:40px; line-height:38px; text-align:center;}
.admin_form  form .date{ background:url(../images/icon_date.png) 240px center no-repeat !important;}
.admin_form  form .content{ padding:40px 20px ;} 

.admin_form .select_ui, select{ width:270px !important; background:none; color:#525353;}
.admin_form .select_ui, select{  width:270px; margin-top:0; border: 1px solid #e7e7e7; height:38px; line-height:38px; }
.admin_form .select_ui, select span{ line-height:40px; }
.admin_form .select_ui .select_text_ui { line-height:34px;  color:#525353; font-size:14px; text-align:left; padding-left:10px; }
.admin_form  .select_ui .select_arrow{ right:10px;}

.radio_box{ position:relative; display:inline-block; margin-right:30px; padding-left:12px; max-width:50px; }
.radio_box input{  filter:alpha(opacity=0); cursor:pointer; opacity:0; padding-left:0; position: absolute;left: 0;top: 7px; padding-left:30px;}
.radio_box i{ display:block; position:absolute; left:0; top:6px; width:15px; height:15px; background:url(../images/bg_chackbox.png) center no-repeat; }
.radio_box i.on{  background:url(../images/bg_chackbox_on.png) center no-repeat; }
.radio_box strong{ padding-left:10px;}

.file_box .bnt_file{ position:absolute; right:0; top:0; font-size:14px; cursor:pointer; height:38px;  color:#fff; width:100px; text-align:center;}

.file_box { position:relative;height: 38px;overflow: hidden; padding-left: 32px; width: 348px;}
.file_box span.span { float:left; padding-top:0px; }
.file_box input{ }
.file_box .input_file{ position:absolute; display:block !important;  left:0;  z-index:3; width: 358px !important; top:0; height:38px; filter:alpha(opacity=0); opacity:0; cursor: pointer }
.file_box .bnt_file { float:left; margin-left:8px; z-index:1; width:100px; height:38px; line-height:38px; background:url(../images/liulan.png) no-repeat 0 0; text-indent:-9999px; cursor: pointer }
.inputstyle { border:1px solid #BEBEBE; width:170px; float:left; height:23px; line-height:23px;  z-index:99 }

.pika-single { background:#fff;}
 .pika-single:after,.pika-single:before{content:" ";display:table}
.pika-single:after{clear:both}
.pika-single.is-hidden{display:none}
.pika-single.is-bound{position:absolute;box-shadow:0 5px 15px -5px rgba(0,0,0,.5)}
.pika-lendar{float:left;width:240px;margin:8px}
.pika-title{position:relative;text-align:center}
.pika-label{display:inline-block;position:relative;z-index:9999;overflow:hidden;margin:0;padding:5px 3px;font-size:14px;line-height:20px;font-weight:700;background-color:#fff}
.pika-title select{cursor:pointer;position:absolute;z-index:9998;margin:0;left:0;top:5px;filter:alpha(opacity=0);opacity:0}
.pika-next,.pika-prev{display:block;cursor:pointer;position:relative;outline:0;border:0;padding:0;width:20px;height:30px;text-indent:20px;white-space:nowrap;overflow:hidden;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:75% 75%;opacity:.5}
.pika-next:hover,.pika-prev:hover{opacity:1}
.is-rtl .pika-next,.pika-prev{float:left;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)}
.is-rtl .pika-prev,.pika-next{float:right;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)}
.pika-next.is-disabled,.pika-prev.is-disabled{cursor:default;opacity:.2}
.pika-select{display:inline-block}
.pika-table{width:100%;border-collapse:collapse;border-spacing:0;border:0}
.pika-table td,.pika-table th{width:14.285714285714286%;padding:0}
.pika-table th{color:#999;font-size:12px;line-height:25px;font-weight:700;text-align:center}
.pika-button{cursor:pointer;display:block;box-sizing:border-box;-moz-box-sizing:border-box;outline:0;border:0;margin:0;width:100%;padding:5px;color:#666;font-size:12px;line-height:15px;text-align:right;background:#f5f5f5}
.pika-week{font-size:11px;color:#999}
.is-today .pika-button{color:#3af;font-weight:700}
.is-selected .pika-button{color:#fff;font-weight:700;background:#3af;box-shadow:inset 0 1px 3px #178fe5;border-radius:3px}
.is-inrange .pika-button{background:#D5E9F7}
.is-startrange .pika-button{color:#fff;background:#6CB31D;box-shadow:none;border-radius:3px}
.is-endrange .pika-button{color:#fff;background:#3af;box-shadow:none;border-radius:3px}
.is-disabled .pika-button{pointer-events:none;cursor:default;color:#999;opacity:.3}
.pika-button:hover{color:#fff;background:#ff8000;box-shadow:none;border-radius:3px}

 /* styling for abbr */
.pika-table abbr { border-bottom: none; cursor: help;}


/*===========================后台列表=============================*/
.admin_list{ position:relative;}
.admin_list #search_box{ position:relative; height:100px;}
.admin_list #search_box form{ position:relative !important; left:50%; margin-left:-172px;  }
.admin_list table{ border:1px solid #dddddd;}
.admin_list table td,.admin_list table th{ border:none;}
.admin_list table tr{ border-bottom:1px dashed #ccc;}
.admin_list table tr:hover{ background:#f9f9f9;}
.tr_first{ border:none !important;}
.admin_list table th{ color:#3c4551; height:60px; line-height:60px; padding:0 30px; background:#ebecec; font-size:16px;}
.admin_list table td{ height:50px; line-height:50px; padding:0 30px;}
.admin_list table td a{color:#5d697a; font-size:14px;}
.admin_list table td a:hover{ color:#306fba;}

.admin_list table td span{ color:#5d697a;}
.admin_list .page{ padding-top:20px; text-align:right;}






/*!

wow  bounceInDown

wow  bounceIn

wow pulse animated

<img class=" wow pulse" src="images/logo_about.png" data-wow-iteration="infinite" data-wow-duration="1500ms">

class="wow fadeInRight" data-wow-delay="2s"
*/
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}
}
@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce}
@-webkit-keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
@keyframes flash{0%,100%,50%{opacity:1}
25%,75%{opacity:0}
}
.flash{-webkit-animation-name:flash;animation-name:flash}
@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.pulse{-webkit-animation-name:pulse;animation-name:pulse}
@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
}
@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
}
.shake{-webkit-animation-name:shake;animation-name:shake}
@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0);transform:rotate(0)}
}
@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}
40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}
60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}
80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}
100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}
}
.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:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}
30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}
40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}
100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
}
.tada{-webkit-animation-name:tada;animation-name:tada}
@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0);transform:translateX(0)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes wobble{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}
30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}
45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}
60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}
75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble}
@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);transform:scale(1)}
}

@-webkit-keyframes slideInUp {
	from {
		-webkit-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0);
		visibility:visible
	}
	100% {
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}
@keyframes slideInUp {
	from {
		-webkit-transform:translate3d(0,100%,0);
		transform:translate3d(0,100%,0);
		visibility:visible
	}
	100% {
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
}
.slideInUp {
	-webkit-animation-name:slideInUp;
	animation-name:slideInUp
}

@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}
70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}
100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}
80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}
@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}
80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px);transform:translateX(10px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}
80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}
@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}
}
@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}
50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}
}
.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}
@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}
@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}
@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}
@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.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:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.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;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}
}
@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}
}
@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
}
@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}
}
@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}
}
@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}
@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
}
@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}
50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-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) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
100%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
}
.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) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}
70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}
100%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
}
.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) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
}
.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important}
@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}
}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}
100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(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-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}
100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
}
@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}
80%{-webkit-transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}
100%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);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%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}
}
@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}
100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) 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 center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);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:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
}
@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}
@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}
@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}
@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}
@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}
@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}
@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}
@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}
}
@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}
}
@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
}
@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}

100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}
}
@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(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:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(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:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(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%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(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}
80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-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}
100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}
}
.hinge{-webkit-animation-name:hinge;animation-name:hinge}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}
100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}
@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}
100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}