@charset "utf-8";

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
input,textarea{ outline:none;}
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none;  font-family:"微软雅黑";}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) }   
a:focus { outline: none; }    


div#ea_h {
    min-width: 1200px;
}

div#ea_c {
    min-width: 1200px;
}

        .t_1 {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.t_sc{ position:absolute; top: 18px; right:10px; z-index:100;line-height: 14px;}
.t_sc a{color: #fff; text-decoration:none; font-size:12px;}
.t_sc a:hover{text-decoration:underline; font-size:12px;}
.t_sc>span{float:left; margin-left:8px; padding-left:8px;border-left: 1px solid #fff;}
.t_sc>span:first-child{border:none}


.t_logo{ float:left;width:830px;height:115px;margin-top:7px;position: absolute;top: 36px;left: 186px;display: block;z-index: 100;}
#ea_l{width:120px;overflow:hidden;float:left;margin-top: 12px;display: none;}
.t_logo img{ width:70%; border:0px;}
.t_logo_text{float:left;padding-top:18px;display: none;}
.t_logo_text1{font-size:37px;color: #366ea3;font-weight:bold;line-height:50px;letter-spacing:15px;}
.t_logo_text2{font-size:20px;color: #366ea3;line-height:30px;letter-spacing:2px;}
.t_logo>a{display:none;width: 830px;height: 115px;display: block;}


.t_name{width:500px;float:left;clear:both;font-size:12px;color: #fff;line-height:28px;height:28px;position: absolute;top: 11px;z-index: 100;}

div#ea_n {background-color: #f8f9fa!important;height: 77px;}

.navigation {width: 1200px;margin: 0 auto;padding: 10px 0;overflow: hidden;padding-top: 13px;}
.rounded {margin-right: 3px;padding: 5px;width: 17px;color: #405f7b;font-weight: bold;border: 1px solid #eee;background: #fff;float: left;border-radius: 0.25rem!important;font-size: 14px;}
.rounded a{color: #405f7b;}

ul.sub {float: left!important;padding: 6px 10px;line-height: 0.98rem;list-style-type: none;width: 343px;padding-left: 4px;}
ul.sub li {display: inline-block;float: left;margin-bottom: 7px;}
ul.sub li a {font-size: 14px;color: #555;}
ul.sub li a:hover{color: #366ea3;}
ul.sub li>a::before {margin: 0 9px;padding: 0;content: '|';color: #999;font-size: 12px;}

ul.sub1 li:nth-child(1) a::before {display:none;}
ul.sub1 li:nth-child(5) a::before {display:none;}
ul.sub2 li:nth-child(1) a::before {display:none;}
ul.sub2 li:nth-child(4) a::before {display:none;}
ul.sub3 li:nth-child(1) a::before {display:none;}
ul.sub3 li:nth-child(3) a::before {display:none;}
ul.sub4 li:nth-child(1) a::before {display:none;}
ul.sub4 li:nth-child(4) a::before {display:none;}
        
ul.sub.sub2 {width: 238px;}
ul.sub.sub3 {width: 217px;}
ul.sub.sub4 {width: 228px;padding-right: 0px !important;}
        


.xn_c_99_wrap{width:100%;height:32px;position:relative;overflow:hidden;background: #e2f0fb;}
.xn_c_99_toptit{width:90px;float:left;height:32px;line-height:32px;font-size:14px;color:#366ea3;text-indent:20px}
.xn_c_99_box{width:1110px;margin:0 auto;height:32px;overflow:hidden;position:relative;float:right;}
.xn_c_99_ul{width:9999em;height:32px;overflow:hidden;position:relative;}
.xn_c_99_li{width:auto;height:32px;line-height:32px;overflow:hidden;float:left;margin-right:30px;}
.xn_c_99_tit{height:32px;overflow:hidden;float:left;margin-right:5px;cursor:default;font-size:12px;color:#333333}
.xn_c_99_tit a{font-size:12px;color:#333333;}
.xn_c_99_tit:hover{color:#366ea3;text-decoration:underline}
.xn_c_99_time{height:32px;overflow:hidden;font-size:14px;color:#333;float:left;display:none}
.xn_c_99_time span{float:left;}
.xn_c_99_li:hover .xn_c_99_tit a,.xn_c_99_li:hover .xn_c_99_time{color:#366ea3;}
.xn_c_99_imgbox,.xn_c_99_con,.xn_c_99_limore,.xn_c_99_tmname{display:none;}


.t_search{width: 1202px;height:51px;background:url(https://rc0.zihu.com/g2/M00/39/89/CgAGe1zaKtiAP5ZZAAAB95DYgjg381.png);position:relative;;;display: none;;;}
.t_search_leftbox{width:460px;float:left;height:32px;margin-top:9px}
.t_search_left_li{width:100px;float:left;height:32px;line-height:16px;font-size:12px;color:#535353;margin-left:5px;padding-right:45px;background:url(https://rc0.zihu.com/g2/M00/39/CC/CgAGe1zaZ36AYGvmAAADunDRk98091.png);background-repeat:no-repeat;background-position:right}
.t_search_left_li i{display:block;width:32px;height:32px;line-height:32px;text-align:center;float:left;margin-right:8px;background:url(https://rc0.zihu.com/g2/M00/39/CA/CgAGe1zaZjmARX57AAABWmsqIrk153.png);background-repeat:no-repeat;background-position:center;font-size:16px;color:#fff;font-weight:bold;text-indent: -4px;}
.t_search_c_box{width:550px;float:left;margin-top:9px}
.t_search_c_box input{width:420px;height:32px;line-height:32px;background:#fff;border:none;outline: initial;font-size:14px;color:#888888;font-weight:bold;text-indent:10px}
.t_search_c_box img{margin-left:10px}
.t_search_rightbox{width:180px;height:51px;font-size:16px;color:#366ea3;float:right;line-height:51px}
.t_search_rightbox a{font-size:16px;color:#366ea3;}
.t_search_rightbox a:hover{text-decoration:underline;}


.top{width: 100%;z-index:99;position:relative; background-repeat:no-repeat;background-position:top;}
.t_t{position:relative; z-index:100; margin:0 auto;height: 149px;overflow: hidden;}
.t_t2{width:1202px;margin:0 auto;position:relative;}


.tupian{position: absolute;top: 0px;left: 50%;margin-left: -960px;}
ul.tupian img {
    width: 1920px;
    height: 149px;
}
.guanggao1 {width: 1200px;margin: 0 auto;padding: 10px 0;display: none;}
.guanggao1 img {width: 100%;height: auto;}

.part0 {width: 590px;float: left;}
.guanggao2 li {float: left;width: 288px;margin-right: 14px;margin-top: 15px;}
.guanggao2 li:nth-child(2) {margin-right: 0px !important;}
.guanggao2 li img {width: 100%; height: 158px;}
.index_body .guanggao1 {display: block !important;}








.n_c_right{width:870px;float:left;margin-left:30px;}
.n_c_right1{width:100%;height:435px;border:1px solid #D7D4D7}
#xn_c_solution_3_wrap{display:none;}
.n_content_right_img{width:870px;}
.n_content_right_img img{width:100%}
.solution1{height:220px;border-bottom: 1px solid #d7d4d7;}
.sousuo{width:100%;height:190px;position:relative;}
.sousuo div{width:50%;float:left;font-size:18px;font-family:'思源黑体';font-weight:Light;color:#333;margin-top:30px;height:30px;line-height:30px;}
.sousuo div span{display:inline-block;width:110px;text-align:right;}
.sousuo1 span,.sousuo3 span{padding-left:30px;}
.sousuoinput{width:270px;height:25px;}
.xn_c_52_CheckC{width:100% !important;}
.xn_c_52_CheckC span{display:inline-block;float:left;padding-left:30px;}
.xn_c_52_CheckC_img{float:left;width:600px;margin-top:0px !important;}
#EIMS_C_1_18_CheckCodeTxt{height: 25px;margin: 0 15px 7px 0;}
.sousuobtu{width:168px !important;height:35px !important;position:absolute;bottom:0px;left:351px;background-image:url('https://rc0.zihu.com/g2/M00/39/CF/CgAGe1zaaEiATWWnAAAFAIf_iX0693.png');}
.sousuo_shuoming{height: 110px;color:#366ea3;font-size:14px;}
.shuoming1{display:inline-block;margin:20px 0 10px 30px;}
.shuoming3{display:block;margin-left:65px;line-height:25px;}
.n_c_right2{padding:20px;}
.n_c_right2_title{margin-bottom: 30px;color: #366ea3;font-weight: bold;font-size:14px;}
.n_c_right2_content{font-size:14px;color:#333;line-height:25px;margin-bottom:20px;}
.solution2_title{padding-bottom:10px;border-bottom:1px dashed #366ea3;}
.xn_c_solution_3_cont{margin:20px 0;border:2px solid #366ea3;padding: 20px;}



.xn_c_300_wrap{width:100%;height:auto;overflow:hidden;padding:70px 0px;background:#f6f6f6;}
.xn_c_300_wbox{width:1200px;margin:0 auto;}
#EIMS_C_40032_Main{width:100%;height:auto;overflow:hidden;font-size:14px;color:#222;display:none;}
#EIMS_C_40032_Main>div{width:100%;height:30px;line-height:30px;margin-bottom:3px;}
#EIMS_C_40032_Main>div label{float:left;width:30%;text-align:right;}
#EIMS_C_40032_Main>div input{float:left;width:70%;height:28px;line-height:28px;border:1px solid #999;box-sizing:border-box;}
.EIMS_C_40032_radio label{width:45px !important;height:30px !important;line-height:30px !important;float:left;margin:0 6px 0 0;}
.EIMS_C_40032_radio label:first-child{width:30% !important;}
.EIMS_C_40032_radio input{width:15px !important;height:15px !important;margin:6px 3px 0 0;}
.EIMS_C_40032_checkbox label{width:20% !important;float:left;text-align:left !important;}
.EIMS_C_40032_checkbox input{width:15px !important;height:15px !important;margin:6px 3px 0 0;}
.EIMS_C_40032_checkbox label:first-child{width:30% !important;text-align:right !important;}
.EIMS_C_40032_textarea{height:80px !important;}
#EIMS_C_40032_mobile{width:30% !important;}
#EIMS_C_40032_getCode{width:30% !important;margin-left:2%;}
#EIMS_C_40032_CheckCodeInput{width:30% !important;}
input{text-indent:6px;}
#EIMS_C_40032_Submit{width:40% !important;margin:20px auto;display:block;float: none !important;}
.xn_c_300_wbox_top{text-align:center;color:#ff6e00;}
.xn_c_300_wbox_t1{font-size:36px;font-weight:bold;}
.xn_c_300_wbox_t2{font-size:24px;}
.xn_c_300_wbox_t2>span{padding-left:170px;}
.xn_c_300_wbox_c{margin-bottom:30px;font-size:20px;color:#333333;line-height:50px;position:relative;width:50%;float:left;}
.xn_c_300_wbox_c:after{content:".";height:0px;visibility: hidden;display:block;clear:both;}
.xn_c_300_wbox_con:after{content:".";height:0px;visibility: hidden;display:block;clear:both;}
.xn_c_300_wbox_con{padding:80px 105px;background:#fff;border-radius:24px;margin-top:40px;box-shadow: 0px 0px 10px 0px #ff6e00;}
.xn_c_300_wbox_c_left{float:left;height:50px;}
.xn_c_300_wbox_c_right{float:right;height:50px;}
.xn_c_300_cishu{font-size:18px;color:#a0a0a0;margin-right:15px;line-height:40px;}
.xn_c_300_cishu1{font-size:22px;color:#333333;}
.xn_c_300_yusuan{font-size:22px;color:#333;line-height:40px;}
.xn_c_300_yusuan2{font-size:36px;color:#ff6e00;}
.xn_c_300_xuanze_box{border:1px solid #ff6e00;border-top:none;padding-top:25px;margin-top:-25px;}
.xn_c_300_xuanze{background:#fff;position:relative;z-index:101;padding:0px 25px 25px;}
.xn_c_300_xuanze_box{display:none;}
.xn_c_300_city1{width:100px;float:left;}
.xn_c_300_city2{width:330px;float:left;}
.xn_c_300_city2_input{position:relative;z-index:100;padding-right:50px;padding-left:25px;border:1px solid #ff6e00;border-radius:25px;cursor:pointer;background:url(https://rc1.zihu.com/rc/Contents/40787/images/index_300_curr.png) no-repeat right center;}
.xn_c_300_city2_xiala{max-height:360px;overflow-y:auto;}
.xn_c_300_city2_li{cursor:pointer;}
.xn_c_300_city2_li:hover{color:#ff6e00;}
.xn_c_300_huanjing1{width:100px;float:left;}
.xn_c_300_huanjing2{width:330px;float:left;}
.xn_c_300_huanjing2_input{position:relative;z-index:100;padding-right:50px;padding-left:25px;border:1px solid #ff6e00;border-radius:25px;cursor:pointer;background:url(https://rc1.zihu.com/rc/Contents/40787/images/index_300_curr.png) no-repeat right center;}
.xn_c_300_huanjing2_xiala{}
.xn_c_300_huanjing2_li{cursor:pointer;}
.xn_c_300_huanjing2_li:hover{color:#ff6e00;}
.xn_c_300_zhuhu1{width:100px;float:left;}
.xn_c_300_zhuhu2{width:330px;float:left;}
.xn_c_300_zhuhu2_input{position:relative;z-index:100;padding-right:50px;padding-left:25px;border:1px solid #ff6e00;border-radius:25px;cursor:pointer;background:url(https://rc1.zihu.com/rc/Contents/40787/images/index_300_curr.png) no-repeat right center;}
.xn_c_300_zhuhu2_xiala{}
.xn_c_300_zhuhu2_li{cursor:pointer;}
.xn_c_300_zhuhu2_li:hover{color:#ff6e00;}
.xn_c_300_juli1{width:100px;float:left;}
.xn_c_300_juli2{width:330px;float:left;}
.xn_c_300_juli2_input{position:relative;z-index:100;padding-right:50px;padding-left:25px;border:1px solid #ff6e00;border-radius:25px;cursor:pointer;background:url(https://rc1.zihu.com/rc/Contents/40787/images/index_300_curr.png) no-repeat right center;}
.xn_c_300_juli2_xiala{}
.xn_c_300_juli2_li{cursor:pointer;}
.xn_c_300_juli2_li:hover{color:#ff6e00;}
.xn_c_300_juli2_xiala{display:none;}
.xn_c_300_jisuan1{width:100px;float:left;}
.xn_c_300_jisuan2{width:330px;float:left;}
.xn_c_300_jisuan2_2{display:block;float:left;width:20px;text-align:center;margin:0px 12px;}
.xn_c_300_jisuan2 input{width:80px;height:50px;border:1px solid #ff6e00;border-radius:25px;padding:0px 30px;float:left;outline:none;font-size:20px;color:#a0a0a0;background:url(https://rc1.zihu.com/rc/Contents/40787/images/index_300_input_text.png) no-repeat right center;background-size:25px 50px;font-family:"微软雅黑";}
.xn_c_300_tel1{width:100px;float:left;}
.xn_c_300_tel2{width:330px;float:left;}
.xn_c_300_tel2 input{width:270px;height:50px;border:1px solid #ff6e00;border-radius:25px;padding:0px 30px;outline:none;font-size:20px;color:#a0a0a0;font-family:"微软雅黑";}
.xn_c_300_tip{font-size:14px;color:#ff6e00;padding-left:135px;position:relative;top:-10px;float:left;}
.xn_c_300_wbox_bbox{width:100%;float:left;overflow:hidden;padding-top:50px;}
.xn_c_300_wbox_bottom{width:120px;height:120px;border-radius:50%;background:#ff6e00;overflow:hidden;font-size:24px;color:#fff;line-height:120px;margin:0 auto;text-align:center;cursor:pointer;}
.xn_c_300_wbox_bottom:hover{opacity:0.7;filter:Alpha(opacity=70);}


.n_content_right_name_r{height:43px !important;line-height: 46px;color: #474545;font-size:0px;font-family: "宋体";overflow: hidden;background: url(https://rc1.zihu.com/rc/Contents/18306/images/n_content_right_name.jpg?d=20190322164428984) repeat-x;width:868px;padding-left: 10px;}
.search_body .n_content_right_name_r{top: 21px;right: 30px;z-index: 5;}
.n_content_right_name_r span{font-size: 14px;}
.n_content_right_name_r a{color: #474545;}
.n_content_right_name_r a:hover{text-decoration: underline;color: #366ea3;}
.n_r_wz1,.n_r_wz2,.n_r_wz3,.n_r_wz4,.n_r_wz5,.n_r_wz6{}
.n_content_right_name_r ul li{line-height:46px;height: 43px;}
.n_content_right_name_r ul li img{ margin-right:12px;display: none;}


.index_cnt_m_about{width:1200px;margin:0 auto;padding-top:75px;padding-bottom:90px;}
.index_about_f{position:relative; width:100%; }
.index_cnt_m_about_t{width:100%;text-align:center;}
.index_cnt_m_about_t>span{display:block;}
.index_cnt_m_about_t span.i_about_t2{display:none;}
.i_about_t1{font-size:0px;height:36px;background:url(https://rc1.zihu.com/rc/Contents/40787/images/about_t.png) no-repeat center center;}
.i_about_t3{font-size:32px;color:#333333;font-weight:bold;padding-top:10px;width:356px;margin:0 auto;border-bottom:1px solid #333333;height:23px;}
.i_about_t3>span{padding:0px 15px;background:#fff;}
.index_cnt_m_about_cnt{width:100%; margin-top:57px;overflow:hidden;}
.i_about_img{width:650px;float:left;}
.i_about_cnt{width:505px;float:right;font-size:16px;color:#333333;line-height:32px;height:256px;overflow:hidden;margin-top:30px;}
.index_cnt_m_about_more{position:absolute; left:0; top:320px;}
.index_cnt_m_about_more a{ width:44px; height:11px; display: block;}
.index_cnt_m_about_more a:hover{ width:44px; height:11px;}


.xn_c_index_402_wrap{width:100%;margin:0px auto;padding-bottom:60px;padding-top:60px;background:#f1f1f1;}
.xn_c_index_402_wbox{width:1200px;margin:0 auto;}
.xn_c_index_402_topbox{width:100%;text-align:center;}
.xn_c_index_402_topbox>span{display:block;}
.xn_c_index_402_topbox span.i_about_t2{display:none;}
.xn_c_index_402_teac_t1{font-size:0px;height:40px;background:url(https://rc1.zihu.com/rc/Contents/40787/images/xn_c_index_402_t.png) no-repeat center center;}
.xn_c_index_402_teac_t3{font-size:32px;color:#333333;font-weight:bold;padding-top:10px;width:356px;margin:0 auto;border-bottom:1px solid #333333;height:23px;}
.xn_c_index_402_teac_t3>span{padding:0px 15px;background:#f1f1f1;}
.xn_c_index_402_main{position:relative;}
.xn_c_index_402_left{height:60px;width:60px;background:url(https://rc1.zihu.com/rc/Contents/40787/images/index_402_left.png) no-repeat center center;cursor:pointer;position:absolute;top:50%;margin-top:-30px;left:40px;z-index:999;display:none;}
.xn_c_index_402_right{height:60px;width:60px;background:url(https://rc1.zihu.com/rc/Contents/40787/images/index_402_right.png) no-repeat center center;cursor:pointer;position:absolute;top:50%;margin-top:-30px;right:40px;z-index:999;display:none;}
.xn_c_index_402_left:hover{opacity:0.7;}
.xn_c_index_402_right:hover{opacity:0.7;}
.xn_c_index_402_main:hover .xn_c_index_402_left,.xn_c_index_402_main:hover .xn_c_index_402_right{display:block;}
.xn_c_index_402_inner{position:relative;float:left;width:100%;overflow:hidden;margin-top:50px;}
.xn_c_index_402_ul{position:relative;float:left;width:100%;}
.xn_c_index_402_li{float:left;width:360px;height:330px;position:relative;margin-right:60px;padding-bottom:50px;background:url(https://rc1.zihu.com/rc/Contents/40787/images/xn_c_index_402_li_bg.png) no-repeat bottom center;}
.xn_c_index_402_lftbox img{width:360px;height:240px;-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;}
.xn_c_index_402_lftbox:hover img{-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);}
.xn_c_index_402_coent{width:198px;height:36px;line-height:18px;overflow:hidden;font-size:12px;color:#4c4c4c;margin-top:5px;display:none;}
.xn_c_index_402_nrbox{}
.xn_c_index_402_lftbox{width:100%;height:240px;overflow:hidden;background:#fff;}
.xn_c_index_402_ritbox{width:340px;height:70px;padding:10px;background:#fff;}
.xn_c_index_402_more{display:none;}
.xn_c_index_402_name a{text-align:center;font-size:20px;color:#333;display:block;font-weight:bold;margin-top:5px;line-height:32px;}
.xn_c_index_402_time,.xn_c_index_402_gdmore{display:none;}
.xn_c_index_402_li:hover .xn_c_index_402_ritbox{bottom:0px;}
.xn_c_index_402_name a:hover{color:#ff6e00;}
.xn_c_index_402_more a{border:1px solid #331a00;display:block;width:348px;height:48px;font-size:24px;color:#fff;line-height:48px;text-align:center;margin:0 auto;background:#331a00;-webkit-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;}
.xn_c_index_402_more:hover a{border-color:#ff5e00;background:none;color:#ff5e00;}
.xn_c_index_402_tc{font-size:18px;color:#66380a;line-height:30px;margin-bottom:40px;}


.xn_c_112_wrap{width:100%;height:88px;position:fixed;z-index:99999;bottom:0px;left:0px;background:#fff;box-shadow: 0px 0px 10px 0px #ededed;display:none;}
.xn_c_112_main{width:940px;height:88px;margin:0 auto;padding:0px 30px;border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3;position:relative;}
.EIMS_C_40032_7_Mobilebox{height:88px;}
.xn_c_112_Mobile1{display:block;float:left;height:88px;width:50px;background:url(https://rc1.zihu.com/rc/Contents/40787/images/112_input_bg.png) no-repeat center center;}
#EIMS_C_40032_7_Mobile{width:400px;padding-left:16px;height:88px;border:none;outline:none;line-height:88px;font-size:22px;color:#6e6e6e;}
.EIMS_C_40032_7_text{width:600px;float:left;}
.xn_c_112_Submit{float:right;padding-top:19px;}
#EIMS_C_40032_7_Submit{width:140px;height:50px;font-size:22px;color:#fff;background:#ff6e00;border-radius:5px;text-align:center;line-height:50px;border:none;outline:none;cursor:pointer;}
#EIMS_C_40032_7_Submit:hover{opacity:0.7;filter:Alpha(opacity=70);}
.xn_c_112_main_text{position:absolute;right:0px;font-size:16px;color:#fff;width:300px;height:60px;top:-68px;line-height:42px;text-align:center;background:url(https://rc1.zihu.com/rc/Contents/40787/images/112_input_t.png) no-repeat left top;}


.n_main{width: 100%; margin:0; padding:0;} 
.n_content{ width: 1202px;
    margin: 0 auto;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;}
.revealOnScroll { opacity: 0; }
.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(-200px);
transform:translateY(-200px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-200px);
transform:translateY(-200px)
}
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(100%);
transform:translateY(100%)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp { 0% {
opacity:0;
-webkit-transform:translateY(100%);
-ms-transform:translateY(100%);
transform:translateY(100%)
}
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(40px);
transform:translateY(40px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUpBig { 0% {
opacity:0;
-webkit-transform:translateY(40px);
-ms-transform:translateY(40px);
transform:translateY(40px)
}
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% {
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:0;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInUp { 0% {
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:0;
-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 }
.revealOnScroll { opacity: 0; }
.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.maxtime { -webkit-animation-duration: 2s; animation-duration: 2s; }
@-webkit-keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
@-webkit-keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translateX(-200%);
transform:translateX(-200%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInLeftBig { 0% {
opacity:0;
-webkit-transform:translateX(-200%);
transform:translateX(-200%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
@-webkit-keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInRight { 0% {
opacity:0;
-webkit-transform:translateX(100%);
transform:translateX(100%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
@-webkit-keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translateX(200%);
transform:translateX(200%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
@keyframes fadeInRightBig { 0% {
opacity:0;
-webkit-transform:translateX(200%);
transform:translateX(200%);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
}
}
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }
@-webkit-keyframes fadeInTop { 0% {
opacity:0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInTop { 0% {
opacity:0;
-webkit-transform:translateY(-100%);
transform:translateY(-100%);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInTop { -webkit-animation-name: fadeInTop; animation-name: fadeInTop; }
@-webkit-keyframes fadeInTopBig { 0% {
opacity:0;
-webkit-transform:translateY(-200%);
transform:translateY(-200%);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInTopBig { 0% {
opacity:0;
-webkit-transform:translateY(-200%);
transform:translateY(-200%);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInTopBig { -webkit-animation-name: fadeInTopBig; animation-name: fadeInTopBig; }
@-webkit-keyframes fadeInBottom { 0% {
opacity:0;
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes fadeInBottom { 0% {
opacity:0;
-webkit-transform:translateY(100%);
transform:translateY(100%);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
.fadeInBottom { -webkit-animation-name: fadeInBottom; animation-name: fadeInBottom; }
@-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 { opacity: 1; -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 { opacity: 1; -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)
}
}
. {
opacity:1;
-webkit-animation-name:tada;
animation-name:tada
}
@keyframes fadeMoveLeft { from {
margin-left:3px;
}
to { margin-left: -6px; }
}
@-moz-keyframes fadeMoveLeft { from {
margin-left:3px;
}
to { margin-left: -6px; }
}
@-webkit-keyframes fadeMoveLeft { from {
margin-left:3px;
}
to { margin-left: -6px; }
}
.fadeMoveLeft { animation: fadeMoveLeft 0.5s infinite; -moz-animation: fadeMoveLeft 0.5s infinite; -webkit-animation: fadeMoveLeft 0.5s infinite; }
@keyframes fadeMoveRight { from {
margin-left:-3px;
}
to { margin-left: 6px; }
}
@-moz-keyframes fadeMoveRight { from {
margin-left:-3px;
}
to { margin-left: 6px; }
}
@-webkit-keyframes fadeMoveRight { from {
margin-left:-3px;
}
to { margin-left: 6px; }
}
.fadeMoveRight { animation: fadeMoveRight 0.5s infinite; -moz-animation: fadeMoveRight 0.5s infinite; -webkit-animation: fadeMoveRight 0.5s infinite; }
@-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 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(-180deg);
-ms-transform:perspective(400px) rotateY(-180deg);
transform:perspective(400px) rotateY(-180deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(180deg);
-ms-transform:perspective(400px) rotateY(180deg);
transform:perspective(400px) rotateY(180deg)
}
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 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 pulse { 0% {
-webkit-transform:scale(0);
transform:scale(0)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse { 0% {
-webkit-transform:scale(0);
-ms-transform:scale(0);
transform:scale(0)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse }
@-webkit-keyframes show { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@keyframes show { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.show { -webkit-animation-name: show; animation-name: show; }


.xn_index_box1{width:100%;height:800px;background:url(https://rc1.zihu.com/rc/Contents/40787/images/box1_bg.jpg) no-repeat center center;background-size:cover;}
.xn_index_box1_wbox{width:1200px;margin:0 auto;}
.xn_index_box1_top{padding-top:80px;text-align:center;color:#fff;}
.xn_index_box1_t1{font-size:36px;font-weight:bold;}
.xn_index_box1_t2{font-size:16px;line-height:30px;margin-top:20px;}
.xn_index_box1_cbox{padding-top:150px;}
.xn_index_box1_li{float:left;width:250px;height:280px;background:#eeebea;padding:25px;margin-right:40px;}
.xn_index_box1_li3{width:470px;margin:0px;}
.xn_index_box1_img{width:190px;height:150px;overflow:hidden;margin:0 auto;font-size:16px;color:#fff;font-weight:bold;line-height:150px;text-align:center;margin-top:-105px;}
.xn_index_box1_li1 .xn_index_box1_img{background:url(https://rc1.zihu.com/rc/Contents/40787/images/box1_no1.png) no-repeat center center;}
.xn_index_box1_li2 .xn_index_box1_img{background:url(https://rc1.zihu.com/rc/Contents/40787/images/box1_no2.png) no-repeat center center;}
.xn_index_box1_li3 .xn_index_box1_img{background:url(https://rc1.zihu.com/rc/Contents/40787/images/box1_no3.png) no-repeat center center;}
.xn_index_box1_con{margin-top:15px;font-size:14px;line-height:24px;color:#333333;height:215px;overflow-y:auto;}


.xn_index_box2{width:100%;height:930px;background:url(https://rc1.zihu.com/rc/Contents/40787/images/box2_bg.png) no-repeat center center;overflow:hidden;}
.xn_index_box2_wbox{width:1200px;margin:0 auto;height:930px;position:relative;}
.xn_index_box2_ul{width:100%;margin-top:87px;position:relative;text-align:center;}
.xn_index_box2_li{width:280px;height:505px;position:absolute;}
.xn_index_box2_title{font-size:22px;font-weight:bold;color:#ff6e00;line-height:240px;}
.xn_index_box2_content{font-size:14px;color:#fff;line-height:22px;margin-top:85px;}
.xn_index_box2_li4 .xn_index_box2_title{line-height:220px;}
.xn_index_box2_li4 .xn_index_box2_content{margin-top:130px;}
.xn_index_box2_li5 .xn_index_box2_content{margin-top:110px;}
.xn_index_box2_li1{left:2px;top:0px;}
.xn_index_box2_li2{left:231px;top:132px;}
.xn_index_box2_li3{left:460px;top:263px;}
.xn_index_box2_li4{right:231px;top:132px;}
.xn_index_box2_li5{right:2px;top:0px;}


.xn_index_box3{width:100%;overflow:hidden;background:#222222;height:820px;}
.xq_pro_server{width:1200px;height:530px;margin:auto;margin-top: 50px;}
.case_complex_body .xq_pro_server{margin-top: 40px;}
.xq_pro_server>p:nth-child(1){width:100%;height: 80px;border-bottom:1px dashed #3c3c3c;line-height: 80px;}
.xq_pro_server>p:nth-child(1) span{margin-left: 30px;font-size: 24px;color: #fff;font-weight: bold;}
.xq_top{width:100%;height:80px;line-height: 80px;text-align: center;background: url(https://rc1.zihu.com/rc/Contents/40787/images/box3_line2.png) no-repeat center bottom;}
.xq_top span{font-size: 26px;color: #fff}
.xq_title_ul{width:960px;margin:auto;margin-top: 28px}
.xq_title_ul li{width:165px;height:300px;float: left;margin-right: 33px;text-align: center}
.xq_title_ul li:last-child{margin-right: 0}
.xq_title_ul li i{display:block;width:138px;height:138px;margin:auto;}
.xq_title_ul li:nth-child(1) i{background: url(https://rc1.zihu.com/rc/Contents/40787/images/box3_img1.png) no-repeat center center;}
.xq_title_ul li:nth-child(2) i{background: url(https://rc1.zihu.com/rc/Contents/40787/images/box3_img2.png) no-repeat center center;}
.xq_title_ul li:nth-child(3) i{background: url(https://rc1.zihu.com/rc/Contents/40787/images/box3_img3.png) no-repeat center center;}
.xq_title_ul li:nth-child(4) i{background: url(https://rc1.zihu.com/rc/Contents/40787/images/box3_img4.png) no-repeat center center;}
.xq_title_ul li:nth-child(5) i{background: url(https://rc1.zihu.com/rc/Contents/40787/images/box3_img5.png) no-repeat center center;}
.xq_title{width:100%;height:38px;margin-top: 25px;background: url(https://rc1.zihu.com/rc/Contents/40787/images/box3_line1.png) no-repeat center bottom;}
.xq_title span{font-size: 18px;color: #fff}
.xq_cont{width:100%;height:88px;margin-top: 15px;line-height: 22px;font-size: 14px;color: #fff}
.xn_c_liuyan1_wbox{width:940px;height:90px;border-radius:2px;background:#fff;margin:0 auto;padding:0px 30px;position:relative;margin-top:90px;}
.xn_c_liuyan1_l1{display: block;float: left;height: 88px;width: 50px;background: url(https://rc1.zihu.com/rc/Contents/40787/images/112_input_bg.png) no-repeat center center;}
#xn_c_liuyan1_l2_input{width: 400px;padding-left: 16px;height: 88px; border: none;outline: none;line-height: 88px;font-size: 22px;color: #6e6e6e;}
.xn_c_liuyan1_btn{float: right;padding-top: 19px;}
#xn_c_liuyan1_botton{width:140px;height:50px;font-size:22px;color:#fff;background:#ff6e00;border-radius:5px;text-align:center;line-height:50px;border:none;outline:none;cursor:pointer;}
#xn_c_liuyan1_botton:hover{opacity:0.7;filter:Alpha(opacity=70);}
.xn_c_liuyan1_text{position:absolute;right:0px;font-size:16px;color:#fff;width:300px;height:60px;top:-68px;line-height:42px;text-align:center;background:url(https://rc1.zihu.com/rc/Contents/40787/images/112_input_t.png) no-repeat left top;}
.xn_c_liuyan1_left{width:600px;float:left;}


.xn_c_liuyan2{width:100%;height:90px;z-index:99999;bottom:0px;left:0px;background:#fff;box-shadow: 0px 0px 10px 0px #ededed;position:fixed;}
.xn_c_liuyan2_wbox{width:940px;height:90px;border-radius:2px;background:#fff;margin:0 auto;padding:0px 30px;position:relative;border-left: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;}
.xn_c_liuyan2_l1{display: block;float: left;height: 88px;width: 50px;background: url(https://rc1.zihu.com/rc/Contents/40787/images/112_input_bg.png) no-repeat center center;}
#xn_c_liuyan2_l2_input{width: 400px;padding-left: 16px;height: 88px; border: none;outline: none;line-height: 88px;font-size: 22px;color: #6e6e6e;}
.xn_c_liuyan2_btn{float: right;padding-top: 19px;}
#xn_c_liuyan2_botton{width:140px;height:50px;font-size:22px;color:#fff;background:#ff6e00;border-radius:5px;text-align:center;line-height:50px;border:none;outline:none;cursor:pointer;}
#xn_c_liuyan2_botton:hover{opacity:0.7;filter:Alpha(opacity=70);}
.xn_c_liuyan2_text{position:absolute;right:0px;font-size:16px;color:#fff;width:300px;height:60px;top:-68px;line-height:42px;text-align:center;background:url(https://rc1.zihu.com/rc/Contents/40787/images/112_input_t.png) no-repeat left top;}
.xn_c_liuyan2_left{width:600px;float:left;}


.n_c_left{width:300px; height: auto; float:left; position:relative}


.n_content_right{position:relative; width:783px; height: auto; float:right; padding-bottom:20px;display:none;}
.xn_c_1_newswrap{width: 300px;
    margin: 0px auto 10px;
    font-size: 12px;
    border-top: 4px solid #366ea3;}
.xn_c_1_tName{width: 298px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    border: 1px solid #dedede;
    border-top: none;
    text-indent: 18px;
    background: url(https://rc1.zihu.com/rc/Contents/18306/images/xn_c_5_top.jpg?d=20190322164428984) repeat-x;
    font-size: 16px;
    color: #366ea3;
    font-weight: bold;}
.xn_c_1_More{float: right;
    color: #666;
    font-size: 12px;
    font-weight: normal;
    margin-right: 10px;}
.xn_c_1_content{width: 258px;
    padding: 14px 20px 25px;
    border: 1px solid #ececec;
    border-top: none;}
.xn_c_1_title{width: 230px;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    background: url(https://rc0.zihu.com/g2/M00/42/85/CgAGfFzajbyAJEHmAAADl9xFQPo185.png) left center no-repeat;
    padding-left: 18px;}
.xn_c_1_ptime,.xn_c_1_tDashed, .xn_c_1_tEName{display:none}
.xn_c_1_title a{    display: block;
    width: 230px;
    line-height: 30px;
    height: 30px;
    color: #626262;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}


.n_content_right_m {text-align:left; width:92%; margin:0 auto; line-height:24px; color:#737373; font-size:12px; padding:30px 0 20px 0; position:relative;}



.foot_nav2{width:1200px; text-align:center;margin-top:30px;height:24px}
.foot_nav2 ul{ margin:0px; padding:0px;}
.foot_nav2 ul li{font-size:14px;line-height:14px;color:#333333; display:inline-block;*display:inline;margin-right:10px;padding-right:10px;border-right:1px solid #333;}
.foot_nav2 ul li a{line-height:14px;color:#333333; }
.foot_nav2 ul li a:hover{color:#366ea3;text-decoration:underline }
.foot_nav2 ul li ul{display:none!important;}


.foot_tel{width:1200px; height:24px;line-height:24px;text-align:center;margin-top:12px }
.foot_tel_f{ position:relative;}
.foot_tel_f div{font-size:14px;display:inline;margin-right:12px;color:#666666;}
.foot_tel a{color:#666666; }


.foot_copy{ width:1200px;height:24px;line-height:24px;text-align:center;margin-top:12px ;padding-bottom:32px}
.foot_copy div{font-size:14px;display:inline;margin-right:12px;color:#666666;}
.foot_copy div a{color:#666666;font-size:12px; }
.foot_copy div:first-child{padding-left:30px;background:url(https://rc1.zihu.com/rc/Bottoms/51638/images/foot_copy_firstbg.png?d=20190327190337606);background-repeat:no-repeat;background-position:left}


.foot{  width:100%; position:relative; text-align:center; font-size:12px; height:auto;color:#666666; line-height:25px; }
.foot_c{position:relative; width:1200px; margin:auto; text-align:left;background:#fff}






.xn_b_share{width:82px; height:337px; position:fixed; right:53px;top:350px; z-index:999;}
.xn_closeBtn{width:82px; height:26px; background:url(https://rc1.zihu.com/rc/Marketings/5714/images/xn_closeBtn.png?d=20190321113710187) no-repeat;}
.xn_closeBtn span{width:44px; height:10px; margin:8px 0;display: block;float:right;cursor:pointer;}
.xn_share_t{width:82px; height:89px;}
.xn_share_t img{width:82px; height:89px;border:0;}
.xn_share_m{width:82px; height:115px;}
.xn_share_m img{width:82px; height:115px;border:0;}
.xn_share_b{width:82px; height:107px;background:url(https://rc1.zihu.com/rc/Marketings/5714/images/bshareDiv_bg.png?d=20190321113710187) no-repeat;}
.xn_share_b img{width:82px; height:107px;border:0;}
.bshareDiv{width:82px; height:107px !important; display: block;position: absolute; z-index: 1999;}
.xn_kong{width:82px; height:58px;display: block;}
.shareCount{display: none !important;}
.bsStyle11{background:none !important}