@charset "utf-8";
/* CSS Document 
** author:永易搜
** URL:http://www.yongyisou.com/
** tips:CSS文件非专业勿动，编码格式为utf-8
*/
*{ padding:0px; margin:0px;}
li{list-style:none;}
img{border:none;border:0;}
a{text-decoration:none;color:#000;}
a:hover{color:#0768d3;}
a:focus {outline:0; } 
html{font:normal 14px/1.5 "microsoft yahei",tahoma,arial,sans-serif;background:#fff;}
body{background:#fff;}
input,input:focus{outline:none;text-indent:5px}
h1{ font-size:20px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
/*通用调用*/
.w1200{width:1200px;height:auto;margin:0 auto;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}


/*首页*/
.topbox{ background:#fff; height:100px; line-height:100px;}
.top{ width:1200px; height:100px; margin:0 auto; overflow:visible;}
.logo{ width:340px; height:100px;}
.logo a{ display:block; width:100%; height:100%;}
.logo a img{vertical-align: middle;}
.nav{ width:640px; height:100px;}
.nav a{ color:#555;  }
.nav .nli{ float:left;  position:relative; display:inline;margin:0 7px; }
.nav .nli:nth-child(1){ margin-left:2px;}
.nav .nli h3{ float:left; }
.nav .nli h3 a{ display:block;  font-size:16px; font-weight: normal;}
.nav .sub{ display:none;left:-89px; top:100px; position:absolute; background:rgba(0,0,0,0.7); width:242px; height:auto; overflow:hidden; z-index:111;}
.nav .sub li{ zoom:1; height:54px; line-height:54px; border-bottom:1px solid rgba(255,255,255,0.1)}
.nav .sub li:nth-last-child(1){ border-bottom:0;}
.nav .sub a{ display:block;  width:100%; height:100%; color:#fff; text-align:center;}
.nav .sub li:hover{ background:#0768d3}
.nav .sub li:hover a{ color:#fff;}
.nav ul li span{ width:0%; height:2px; background-color:#0768d3; position: absolute; top:0px; left:0; transition: .3s; }
.nav ul li.nli:hover span{width:100%;}
.nav ul li.nli.on span{width:100%;}
.nav ul li.nli.on h3 a,.nav ul li.nli:hover h3 a{ color:#0768d3;}
.top_r{ width:210px; height:100px;}
.tel{ width:160px;height:40px; margin-top:16px;}
.weixin a{ display:block;}
.weixin img{ vertical-align:middle;}
.weixin .ewm_code{ margin-left: -50px;  }
.ewm_code{width:110px;height:110px; padding:15px;background:rgba(0,0,0,0.7);position:absolute;top:100px;display:none;z-index:999;}
.ewm_code img{ display:block; width:110px; height:110px;}
.banner{width:100%;height:600px;overflow:hidden;position:relative;}
.banner .bd{position:relative;height:600px;}
.banner .bd li{width:100%;height:600px;zoom:1;vertical-align:middle;}
.banner .hd{width:100%;  position:absolute; z-index:1; bottom:10px; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1; width:12px; height:13px; margin:4px; border-radius:6px;background:rgba(0,0,0,0.5); }
.banner .hd ul li.on{background:rgba(255,255,255,0.5);}
.banner .hd ul li:hover{ cursor:pointer;}
.banner .bd li a{display:block;width:100%;height:100%; position: relative;}
.banner .prevstop,.banner .nextstop{ display:none;  }
.banner_ctr{ height:90px;position:absolute;top:43%;z-index:2;left:50%;margin-left:-600px;}
.banner_ctr a{ display:block;width:47px;height:79px; background: url(../images/banner_btn.png) no-repeat 0 0; position:absolute; opacity:0;filter: alpha(opacity=0);}
.banner_ctr a.prev{left:-90px;}
.banner_ctr a.next{right:-1280px; background-position: -47px 0px;}
.banner_ctr a:hover{opacity:0.7;filter:alpha(opacity=70);}
.column_pro{ height:116px; background:#f7f7f7; margin-bottom:57px;}
.column_pro ul li{ width:300px; height:116px; overflow:hidden; float:left; display:inline-block; transition:.3s;}
.column_pro ul li a{ display:block; width:100%; height:100%;}
.column_pro ul li .column_b{ width:206px; height:116px; margin:0 auto;}
.column_pro ul li .column_b1{ width:222px;}
.column_pro ul li .column_b2{ width:180px;}
.column_pro ul li .column_b3{ width:216px;}
.column_pro ul li .column_one{ background: url(../images/icon.png) no-repeat; width:50px; height:42px; margin-top:37px; margin-right:5px;}
.column_pro ul li .column_font{ font-size:16px; height:116px; line-height:116px;}
.column_pro ul li .column_one1{ background-position:-50px 0; margin-right:0;}
.column_pro ul li .column_one2{ background-position:-106px 0; margin-right:0;}
.column_pro ul li .column_one3{ background-position:-156px 0; margin-right:0;}
.column_pro ul li:hover{ background: url(../images/hover_li_03.jpg) no-repeat; width:300px; height:116px;}
.column_pro ul li:hover .column_one{ background-position:0 -42px;}
.column_pro ul li:hover .column_one1{ background-position:-50px -42px;}
.column_pro ul li:hover .column_one2{ background-position:-106px -42px;}
.column_pro ul li:hover .column_one3{ background-position:-156px -42px;}
.column_pro ul li:hover .column_font{ color:#fff;}
.title{ width:1200px; height:48px; margin:0 auto; margin-bottom:38px;}
.title .title_t{ color:#333; font-size:36px; text-align:center; height:40px; line-height:40px;}
.title .title_b{ width:34px; height:2px; background:#29f7ff; margin:0 auto; margin-top:6px;}
.product{ width:1200px; height:auto; overflow:hidden;}
.product ul{width:1215px;}
.product ul li{ float:left; width:388px; border:1px solid #eee; height:349px; margin-right:15px; margin-bottom:16px;}
.product ul li:nth-child(3n){ margin-right:0;}
.product ul li .pro_img{ width:388px; height:259px; position:relative;}
.product ul li .pro_img img{ display:block;width:388px; height:259px;}
.product ul li .hover_bg{ background:rgba(0,0,0,0.2);width:388px; height:259px; position:absolute; top:0px; left:0px; z-index:1; opacity:0;}
.product ul li .hover_more{ background:url(../images/jia.png) no-repeat /*repeat scroll 0 0 transparent*/; width:65px; height:65px; position:absolute; top:97px; z-index:2; left:0;opacity:0;transition: all .3s;-moz-transition:all .3s;-webkit-transition: all .3s; -o-transition:all .3s;}
.product ul li .pro_detaile{ width:342px; height:42px; padding:24px 20px; text-align:center;}
.product .pro_detaile .title{ font-size:16px; color:#333; width:342px;height:22px; line-height:22px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:2px;}
.product .pro_detaile .introduce{ color:#999; height:18px; line-height:18px; font-size:14px;}
.product ul li:hover .hover_bg{ opacity:1;}
.product ul li:hover .hover_more{ opacity:1; left:162px;}
.product ul li:hover .introduce{color:#0768d3}
.product_b { width:1200px; height:auto;  position:relative; margin-bottom:32px;}
.product_b .prev,.product_b .next { position: absolute; top:340px; left:0; overflow: hidden; display:block; background:url( ../images/box_ico.png) no-repeat;opacity:0.8; z-index:3;width:40px; display:none;height: 40px;}
.product_b .next{left: auto; right:0px; background-position:-40px 0; margin-left:0;}
.product_b .prev:hover{ opacity:1;}
.product_b .next:hover{ opacity:1;}
.product_b:hover .prev,.product_b:hover .next{display: block;}
.more{ background:url(../images/more.png) no-repeat; width:213px; height:44px; line-height:44px; text-align:center; margin:0 auto; margin-bottom:60px;}
.more a{ display:block; width:100%; height:100%; color:#666;}
.more:hover{ background-position:0 -132px;}
.more:hover a{ color:#fff;}
.programme_box{ background:url(../images/bg_02.jpg) no-repeat; width:100%; height:700px; padding-top:60px;}
.programme_box .title{ margin-bottom:30px;}
.programme_box .title .title_t{ color:#fff;}
.programme{ width:1200px;position:relative; height:auto; margin-bottom:40px;}
.programme .scrollwrap{ padding-left:72px; overflow:visible;}
.programme ul{ zoom:1;}
.programme ul li{ width:500px; margin:10px 14px; margin-top:0; padding-top:10px; float:left; display:inline-block;transition: all .3s;}
.programme .programm_img{ width:500px; height:332px; overflow:hidden;}
.programme .programm_img img{ display:block;width:500px; height:332px;transition: all .3s; }
.programme .programm_bg{background:rgba(255,255,255,0.2); width:500px; height:126px; overflow:hidden; position:relative;}
.programme .programm_detaile{ width:460px; height:86px; position:absolute; top:20px; left:20px; z-index:1;}
.programme .programm_detaile .title{ color:#fff; height:24px; line-height:24px; overflow:hidden; font-size:16px; margin-bottom:10px;}
.programme .programm_detaile .introduce{ color:#fff; font-size:14px; height:48px; line-height:24px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}
.programme .prev,.programme .next{ position:absolute; top:110px; left:0px; display: block; width:29px; height:115px; background: url(../images/fa.png) no-repeat; z-index:2; overflow: hidden; }
.programme .next{ left:auto; right:0px; background-position:-29px 0; }
.programme .prev:hover{ background-position:0 -115px; }
.programme .next:hover{ background-position:-29px -115px; }
/*.programme .prevStop{ background-position:0 0 !important; }
.programme .nextStop{ background-position:-29px 0 !important; }*/
.programme ul li:hover{ margin-top:-10px;}
/*.programme ul li:hover img{transform:scale(1.02);}*/
.programme_box .more{ background-position:0 -88px;}
.programme_box .more a{ color:#d7d7d7;}
.programme_box .more:hover{ background-position:0 -44px;}
.programme_box .more:hover a{ color:#0768d3;}
.about_box{ background:url(../images/about_bg_02.jpg) no-repeat; width:100%; height:478px; padding-top:60px; margin-bottom:56px;}
.about{ width:1200px;height:418px; position:relative;}
.about .about_r{ background:url(../images/sup_bg2.png) no-repeat; width:608px; height:312px; position:absolute; top:36px; left:419px; z-index:1; padding:0 88px; padding-top:52px;}
.about .s_title{ font-size:34px; font-weight:bold; height:48px;width:608px; overflow:hidden; margin-bottom:26px; color:#075f9d;}
.about .about_con{width:608px; height:96px; line-height:24px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;word-break: break-all; color:#333; margin-bottom:34px;}
.about_r .more{ float:right;}
.news_box{ height:auto; overflow:hidden; padding-bottom:34px;}
.news_con .hd{ width:631px; height:70px;margin:0 auto; margin-bottom:40px;}
.news_con .hd ul li{ float:left; display:inline-block; width:209px; height:68px; border:1px solid #cacaca;color:#333;  border-right:1px solid #ddd; font-size:16px; text-align:center; line-height:68px;background-clip: padding-box, border-box;
}
.news_con .hd ul li a{ display:block; width:100%; height:100%;color:#333; }
.news_con .hd ul li:nth-last-child(1){ margin-left:-1px;}
.news_con .hd ul li:nth-last-child(2){ margin-left:-1px;}
.news_con .hd ul li:hover{cursor: pointer;}
.news_con .hd ul li.on,.news_con .hd ul li:hover{ background: -webkit-linear-gradient(left, #186aed, #5399f4);background: -o-linear-gradient(right,#186aed, #5399f4); 
  background: -moz-linear-gradient(right,#186aed, #5399f4); 
  background: linear-gradient(to right, #186aed, #5399f4);border:1px transparent solid;}
.news_con .hd ul li:nth-last-child(1).on,.news_con .hd ul li:nth-last-child(1):hover{ margin-left:-1px; border-right:0;}
.news_con .hd ul li.on a,.news_con .hd ul li:hover a{ color:#fff;}
.news_con .bd{ height:460px; width:1200px; overflow: visible!important; }
.news_con .bd .news_line{width:1200px; height:496px; overflow: hidden;}
.news_con .bd .news_line .left a{display:block; width:100%; height: 100%; background-color:#fff;box-shadow:0px 0px 18px rgba(29,47,65,0.06);-webkit-box-shadow:0px 0px 18px rgba(29,47,65,0.06);-moz-box-shadow:0px 0px 18px rgba(29,47,65,0.06);}
.news_con .bd .news_line .left{ height:460px; width:520px;/*margin:18px 0;*/}
.news_con .bd .news_line .left .news_img{width:520px; height:346px; overflow:hidden;margin:0 auto;}
.news_con .bd .news_line .left .news_img img{ display:block;width:520px; height:346px; transition:all .3s;}
.news_con .bd .news_line .left:hover a{box-shadow:0px 0px 18px rgba(29,47,65,0.2);-webkit-box-shadow:0px 0px 18px rgba(29,47,65,0.2);-moz-box-shadow:0px 0px 18px rgba(29,47,65,0.2);}
.news_con .bd .news_line .left:hover .news_title .title{color:#0768d3;}
.news_con .bd .news_line .left:hover .news_img img{transform:scale(1.02);}
.news_con .bd .news_line .left .news_title{ height:18px; line-height: 18px; font-size: 16px; color: #333; width:470px;padding:0px 25px; padding-top:20px; overflow:hidden; transition: all .3s;margin-bottom: 8px}
.news_con .bd .news_line .left .news_title .title{max-width:370px;height:18px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:0px;}
.news_con .bd .news_line .left .news_title .time{font-size:14px; color: #999;}
.news_con .bd .news_line .left .detailed {color:#888; height:48px; line-height:24px; width:470px;  padding:0px 25px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}
.news_con .bd .news_line .right{width:640px; height: 480px; overflow: visible; margin-right:18px; padding-top:8px;}
.news_con .bd .news_line .right li a{display:block;width:590px; height: 80px;padding:25px;box-shadow:0px 0px 18px rgba(29,47,65,0.06);-webkit-box-shadow:0px 0px 18px rgba(29,47,65,0.06);-moz-box-shadow:0px 0px 18px rgba(29,47,65,0.06);transition:all .3s;background: #fff; margin-bottom:33px;}
.news_con .bd .news_line .right li .time{ width:60px; height: 58px; text-align: center; margin-top:11px;}
.news_con .bd .news_line .right li .time .a{color:#999; font-size: 30px; height: 30px; line-height: 30px;}
.news_con .bd .news_line .right li .time .b{width:35px; height: 1px; background:#e2e2e2; margin: 6px auto;}
.news_con .bd .news_line .right li .time .c{ color:#bababa; height: 12px; line-height: 14px;}
.news_con .bd .news_line .right li .line{ width:1px; height: 58px; background-color: #f0f0f0; margin: 11px 15px;}
.news_con .bd .news_line .right li .font{width:490px; float: right;}
.news_con .bd .news_line .right li .font .a{ font-size:16px; height: 16px;line-height: 16px; color: #333; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_con .bd .news_line .right li .font .b{ height: 50px;line-height: 25px; color: #888; margin-top: 14px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all;}
.news_con .bd .news_line .right li a:hover{ background: -webkit-linear-gradient(left, #186aed, #5399f4);background: -o-linear-gradient(right,#186aed, #5399f4); 
  background: -moz-linear-gradient(right,#186aed, #5399f4); 
  background: linear-gradient(to right, #186aed, #5399f4); }
.news_con .bd .news_line .right li a:hover .font .a{color:#fff;}
.news_con .bd .news_line .right li a:hover .font .b{color:#fff;}
.news_con .bd .news_line .right li a:hover .time .a{color:#fff;}
.news_con .bd .news_line .right li a:hover .time .b{color:#fff;}
.news_con .bd .news_line .right li a:hover .time .c{color:#fff;}
.partner_box{ height:113px; background:#f8f8f8; padding:60px 0; padding-bottom:80px;}
.partner { height:113px;position:relative;}
.partner ul{overflow:hidden; zoom:1; width:1205px;}
.partner ul li{width:236px; height:113px;float:left; overflow:hidden; margin-right:5px; }
.partner ul li img{display:block;width:236px; height:113px; transition:.6s;}
.partner ul li:hover img{ transform:rotateY(360deg);}
.partner .prev,.partner .next { position: absolute; top:36px; left:0; overflow: hidden; display:block; background:url( ../images/box_ico.png) no-repeat;opacity:0.8; z-index:3;width:40px; display:none;height: 40px;}
.partner .next{left: auto; right:0px; background-position:-40px 0; margin-left:0;}
.partner .prev:hover{ opacity:1;}
.partner .next:hover{ opacity:1;}
.partner:hover .prev,.partner:hover .next{display: block;}
.footer_box{ margin-top:-20px; background:url(../images/footer_bg_02.png) no-repeat center 0;width:100%; height: auto; overflow:hidden;}
.footer{ padding-top:43px; height:auto; overflow:hidden;}
.footer_title{ color:#fff; font-size:18px; height:24px; line-height:24px; margin-bottom:16px;}
.footer_list{ width:190px; height:auto; overflow:hidden;padding-left:14px;}
.footer_list .pro_column { width:190px; }
.pro_column ul li{ width:190px;height:28px; line-height:28px; overflow:hidden;} 
.pro_column ul li a { display:block; width:100%; height:100%; color:#93959a;}
.pro_column ul li a:hover{ color:#fff;}
.left_border{ width:1px; height:78px;background:#242424; margin-left:26px;}
.left_border1{ margin-left:10px;}
.footer_con{/*width:190px;*/color:#93959a; line-height:28px; height:auto; overflow:hidden;}
.footer_list1{ margin-right:50px;width: 190px;}
.follow_us{float: right;}
.follow_us ,.footer_erweima{ width:224px;}
.footer_erweima img{ display:block; width:96px; height:96px;}
.footer_erweima .message_f{ width:112px; height:72px; line-height:24px; overflow:hidden; margin-top:12px; color:#93959a;}
.border_w{ width:100%; height:1px; background:#232731; margin-top:40px; margin-bottom:25px;}
.copy_left{ width:780px; height:40px; line-height:20px; color:#585b61;}
.copy_left a{ color:#585b61;}
.copy_left a:hover{ color:#fff;}
.copy_right{ width:330px; height:40px; margin-bottom:14px;}
.copy_right img{ display:block; width:100px; float:left;height:40px;margin-left:10px;}
.links{ height:auto; overflow:hidden; line-height:20px; color:#585b61; margin-bottom:12px;}
.links a{ color:#585b61; padding-right:10px;}
.links a:hover{ color:#fff;}
.banner_n{ background:url(../images/banner_n.jpg) no-repeat center 0; width:100%; height:300px;}
.crumbs_box{ width:100%;height:76px; background:#f9f9f9; margin-bottom:60px;}
.crumbs{ height:76px; overflow:hidden;color:#fff; line-height:76px;}
.crumbs_l{font-size:18px; color:#333; font-weight:bold;margin-right: 20px;}
.crumbs_b{ width:2px; height:14px; background:#155aab; margin-top:31px; margin-right:16px;}
.crumbs_m { width:660px; height:76px; line-height:76px;}
.crumbs_m a{ color:#333; padding:16px;}
.crumbs_m a:hover,.crumbs_m a.on{ color:#0768d3;}
.crumbs_r{  text-align:right; background:url(../images/cru_r.png) no-repeat 0 center; padding-left:18px;color:#999;}
.crumbs_r a{ color:#999;}
.crumbs_r a:hover{ color:#0768d3;}
.main{ height:auto; overflow:hidden; margin-bottom:20px; padding-bottom:40px;}
.subtitle{ width:406px; height:46px; overflow:hidden; margin:0 auto; margin-bottom:60px;}
.subtitle ul li{ width:184px; height:44px; line-height:44px; text-align:center; overflow:hidden; background:#fff; border:1px solid #e0e0e0; margin:0 8px; float:left;}
.subtitle ul li a{ display:block; width:100%; height:100%; font-size:16px; color:#666;}
.subtitle ul li:hover,.subtitle ul li.on{background: -webkit-linear-gradient(left, #186aed, #5399f4);background: -o-linear-gradient(right,#186aed, #5399f4); 
  background: -moz-linear-gradient(right,#186aed, #5399f4); 
  background: linear-gradient(to right, #186aed, #5399f4);background-clip: padding-box, border-box;
　background-origin: padding-box, border-box;border: 1px transparent solid}
.subtitle ul li:hover a,.subtitle ul li.on a{ color:#fff;}
.page{font-size:16px;text-align: center; margin: 40px auto; margin-bottom:80px;}
.page a,.page span{color:#777;padding:8px 16px;display: inline-block; overflow: hidden;text-decoration:none;transition:.3s;
 border:1px solid #d5d5d5;margin:0px 2px;}
.page .nolink{color:#b0b0b0;}
.page .cur {background-color:#0768d3;color:#FFF;border:1px solid #0768d3; }
.page a:hover {background-color: #0768d3; color:#FFF;border:1px solid #0768d3;}
.page .p:hover{background: #fff;border:1px solid #d5d5d5;}
.banner_s{background:url(../images/banner_s.jpg) no-repeat center 0; width:100%; height:300px;}
.news_list ul li{ height:122px; padding-bottom:36px; border-bottom:1px  solid #e4e4e4; position:relative;transition: .3s; margin-bottom:56px;}
.news_list ul li a{ display:block; width:100%; height:100%;}
.news_list .news_left{ width:1060px; height:122px;}
.news_list .news_left .news_t{ font-size:18px; font-weight:bold; color:#333; height:24px; line-height:24px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; margin-bottom:15px;}
.news_list .news_left .news_m{ font-size:14px; color:#777; height:48px; line-height:24px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;word-break: break-all; margin-bottom:18px;}
.news_list .news_left .news_f{font-size:14px; color:#777; height:18px; line-height:18px; overflow:hidden;}
.news_list .news_left .news_f p{float:left;display:inline-block; margin-right:60px;}
.news_list .news_border{ width:1px; height:90px; background:#ececec; margin-left:39px; margin-top:24px;}
.news_list .news_right{ width:100px;height:32px; margin-top:51px;}
.news_list .news_right .news_more{ color:#777; height:24px; line-height:24px;text-align:right; margin-bottom:3px;}
.news_list .news_right .more_jt{ background:url(../images/jt_03.jpg)  no-repeat; width:39px; height:5px; margin-left:55px;}
.news_list ul li span{ display:inline-block;width:40px; height:1px; background:#0768d3;position:absolute; bottom:0; left:0; transition: .3s;}
.news_list ul li:hover .news_t{ color:#0768d3;}
.news_list ul li:hover .news_more{ color:#0768d3;}
.news_list ul li:hover .more_jt{ background-position:0 -6px;}
.news_list ul li:hover span{ width:100%;}
.main_left{ width:854px; height:auto; overflow:hidden;}
.main_left .title{height:117px; border-bottom: 1px solid #e5e5e5; margin-bottom:0;width: 100%}
.main_left .title h1{height:auto; overflow:hidden; line-height: 30px; font-size: 20px; font-weight:normal;color: #444; overflow: hidden;}
.main_left .title .time{color:#999999; margin-top:30px; line-height: 28px; height: 28px;}
.main_left .title .time div{float: left;margin-right:25px;}
.main_left .content{height:auto; padding-top:35px;padding-bottom: 40px;border-bottom: 1px solid #e5e5e5; line-height: 200%; color:#333333;}
.main .prev_next{margin:46px 0; height:16px; line-height:16px; overflow:hidden; font-size:14px;width:100%;height:auto; overflow:hidden; color:#666;}
.main .prev{width:50%;}
.main .next{width:50%; text-align:right;}
.main .prev,.main .next{ height:16px; overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
.main .prev a,.main .next a{color:#666;}
.main .prev a:hover,.main .next a:hover{ color:#0768d3;}
.main_right{width:288px;}
.main_right .right_list{ height:auto; overflow:hidden; margin-bottom:72px;}
.main_right .right_list .title{ height:49px; border-bottom: 1px solid #e5e5e5; line-height: 20px; margin-bottom:0;}
.main_right .right_list .title .a{ font-size:20px; color:#333333; height: 20px;}
.main_right .right_list .title .b{color:#666666; font-size:14px;margin-left: 9px; height: 20px;text-transform:uppercase;}
.main_right .right_list ul{ height:250px;}
.main_right .right_list ul li{ height:49px; line-height: 49px;border-bottom: 1px solid #e5e5e5; overflow: hidden; }
.main_right .right_list ul li a{ display:block; width: 100%; height: 100%; color:#999999;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main_right .right_list ul li a:hover{ color:#0768d3;}
.main_right .right_list ul li a span{width:5px; height: 1px; display:block; float: left; margin-right: 5px; background-color: #999999; margin-top: 24px; transition: .3s;}
.main_right .right_list ul li a:hover span{width:15px;background-color:#0768d3; }
.click_font{ height:auto; overflow:hidden; margin-top:3px;}
.click_font a{display:block; float: left; height: 40px; line-height: 40px; width: auto; padding-right: 20px;color:#999999; transition: .3s;}
.click_font a:hover{ color:#0768d3;padding-right: 10px;}
.click_font a span{width:5px; height: 1px; display:block; float: left; margin-right: 5px; background-color: #999999; margin-top: 20px; transition: .3s;}
.click_font a:hover span{width:15px;background-color:#0768d3; }
#preview{text-align:center;width:584px;height:530px; float: left;}
.jqzoom{ width:584px; height: 387px;  position:relative;}
.list-h li{ float:left;}
#spec-n5{width:584px; height:62px; overflow:hidden; margin-top: 15px;}
#spec-left{ background:url(../images/preview_ico.png) no-repeat; width:12px; height:25px; float:left; cursor:pointer; margin-top:23px; background-position: top left;}
#spec-left:hover{background-position:bottom left;}
#spec-right{background:url(../images/preview_ico.png) no-repeat; width:12px; height:25px; float:left;cursor:pointer; margin-top:23px; background-position: top right;}
#spec-right:hover{ background-position:bottom right;}
#spec-list{ width:530px; float:left; overflow:hidden;display:inline; margin: 0px 13px;}
#spec-list ul{ float:left; overflow:hidden;}
#spec-list ul li{ float:left;  display:inline; width:62px; padding: 0px 5px;}
#spec-list ul li img{ padding:2px ; border:1px solid #eaeaea; width:56px; height:56px;}
.pro_top{ height:auto; overflow:hidden;}
.pro_top .right{width:580px; height: auto; overflow: hidden; float: right;}
.pro_top .right .t{ height:66px; border-bottom:1px solid #e3e3e3; line-height: 66px;}
.pro_top .right .t .name_font{ font-size:28px; color: #333; float: left;}
.pro_top .right .t a{ color: #999; border: 1px solid #e4e3e3; float: right;display: block; width: auto; height: 30px; margin-top: 17px; line-height: 30px;padding: 0px 5px; transition: .3s;}
.pro_top .right .t a:hover{ border:1px solid #fff; background-color:#0768d3; color: #fff;}
.pro_top .right ul{ height:130px; width: 580px; margin-top: 25px;}
.pro_top .right ul li{ width:290px; height: 24px; margin-bottom:9px; float: left; line-height: 23px;overflow: hidden;}
.pro_top .right ul li span.l{display:block; height: 24px; overflow: hidden; float: left; font-size: 14px; color: #333; text-align: center;padding: 0 8px; margin-right: 5px; font-weight:bold;}
.pro_top .right ul li span.r{display:block; max-width:215px; height: 24px; color:#999;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; float: left; color: #666;}
.pro_top .right .gray{ height:160px; width:500px; padding:20px 40px; background-color:#f4f5f6; margin-top:42px;}
.pro_top .right .gray .one{ float:left; width:auto; width:340px;}
.pro_top .right .gray .one .tel{ background:url(../images/pro_tel_img.png) no-repeat 0px center; height:44px;width:260px; overflow:hidden; padding-left:53px;}
.pro_top .right .gray .one .tel .a{color:#666; height:15px; line-height: 15px; }
.pro_top .right .gray .one .tel .b{background: linear-gradient(to right, #186aed, #5399f4);-webkit-background-clip: text;color: transparent;
 height:32px; line-height: 32px; font-size:30px; font-weight: bold;}
.pro_top .right .gray .one .consultation{background: -webkit-linear-gradient(left, #186aed, #5399f4);background: -o-linear-gradient(right,#186aed, #5399f4); 
  background: -moz-linear-gradient(right,#186aed, #5399f4); 
  background: linear-gradient(to right, #186aed, #5399f4);width:155px; height:56px;}

.pro_top .right .gray .one a{display:block; background:url(../images/all_ask_ico.png) no-repeat 30px center; padding-left: 55px; width:100px; height: 56px; color:#fff; font-size: 18px; line-height: 56px; margin-top: 18px; transition: .3s;}
.pro_top .right .gray .one .consultation:hover{ background:#186aed;}
.pro_top .right .gray .pic{ height:160px; width:130px; overflow: hidden;}
.pro_top .right .gray .pic div{ height:30px; line-height: 30px;color: #888; padding-left: 40px;}
.pro_top .right .gray .pic div.a{ background:url(../images/pro_ico1.png) no-repeat 15px center;} 
.pro_top .right .gray .pic div.b{ background:url(../images/pro_ico2.png) no-repeat 15px center;} 
.pro_top .right .gray .pic.fl{ margin-left:30px;}
.content_p{ height:auto; overflow: hidden; border-bottom: 1px solid #e5e5e5;}
.content_p .tit{ height:80px; line-height: 80px; text-align: center;  color: #0f5aad; font-size: 24px; background: url(../images/pro_con.png) no-repeat center bottom;}
.content_p .content{color: #333; line-height: 200%; margin-top:35px;height:auto; overflow: hidden; padding-bottom:50px;}
.content_p .content img{ max-width:1100px; height:auto; overflow:hidden;}
.recommended{ height:auto; overflow: hidden;}
.recommended .title{ height:60px; line-height: 60px;border-bottom:1px solid #e5e5e5;}
.recommended .title .a{color:#2f373f; font-size:24px;}
.recommended .title .b{color:#c4c4c4;text-transform:uppercase}
.product_rec{ height:auto; overflow:hidden; margin-bottom:20px;}
.product_rec .pro_detaile .title{ border-bottom:none;}
/*jqzoom*/
.jqzoom{padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:584px;height:387px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
/*preview-->css END*/

/*!Animate.css - http://daneden.me/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%,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 rubberBand{0%{-webkit-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rubberBand{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}30%{-webkit-transform:scaleX(1.25) scaleY(0.75);-ms-transform:scaleX(1.25) scaleY(0.75);transform:scaleX(1.25) scaleY(0.75)}40%{-webkit-transform:scaleX(0.75) scaleY(1.25);-ms-transform:scaleX(0.75) scaleY(1.25);transform:scaleX(0.75) scaleY(1.25)}60%{-webkit-transform:scaleX(1.15) scaleY(0.85);-ms-transform:scaleX(1.15) scaleY(0.85);transform:scaleX(1.15) scaleY(0.85)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-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(0deg);transform:rotate(0deg)}}@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(0deg);-ms-transform:rotate(0deg);transform:rotate(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:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(0.9) rotate(-3deg);transform:scale(0.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(0.9) rotate(-3deg);-ms-transform:scale(0.9) rotate(-3deg);transform:scale(0.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%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@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%{opacity:1;-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.1;-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(1000px);transform:translateX(1000px)}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(0deg);transform:perspective(400px) rotateX(0deg);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(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);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(0deg);transform:perspective(400px) rotateY(0deg);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(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);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(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);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(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);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(0deg);transform:translateX(0%) skewX(0deg);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(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);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(0deg);transform:translateX(0%) skewX(0deg);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0%) skewX(0deg);-ms-transform:translateX(0%) skewX(0deg);transform:translateX(0%) skewX(0deg);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 slideInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp{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)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes slideOutDown{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)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-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);-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: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);-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: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(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}@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(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0px) rotate(0deg);-ms-transform:translateX(0px) rotate(0deg);transform:translateX(0px) rotate(0deg)}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}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(-48px);-ms-transform:scale(.475) translateX(-48px);transform:scale(.475) translateX(-48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;transform-origin:center bottom}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale(.475) translateY(-60px);-ms-transform:scale(.475) translateY(-60px);transform:scale(.475) translateY(-60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(2000px);-ms-transform:scale(.1) translateY(2000px);transform:scale(.1) translateY(2000px);-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale(.475) translateX(42px);-ms-transform:scale(.475) translateX(42px);transform:scale(.475) translateX(42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-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:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale(.475) translateX(-42px);-ms-transform:scale(.475) translateX(-42px);transform:scale(.475) translateX(-42px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateX(2000px);-ms-transform:scale(.1) translateX(2000px);transform:scale(.1) translateX(2000px);-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:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;transform-origin:center top}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:linear;animation-timing-function:linear}100%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-transform-origin:center top;-ms-transform-origin:center top;transform-origin:center top}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}