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; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none;  font-family:"微软雅黑";min-width:1200px;}
a{ text-decoration: none; }
a,area { blr:expression(this.onFocus=this.blur()) }   
a:focus { outline: none; }    



.t_logo{width: 180px;  height: 50px; margin-top: 24px;}
.t_logo img{ width:180px; height:50px; border:0px;}
#ea_l{position:relative;top:0px;left:0px;width:180px;height:50px;}




.xn_n_14_wrap{position: relative; height:100px; width:100%; text-align:center; float: right;}
.xn_n_14_wrap_main{margin:0 auto; height:100px; width:100%; text-align: right;  }
.xn_n_14_wrap_main>ul>li{display: inline;width: auto; position:relative; }
.xn_n_14_wrap_main>ul>li>a{color:#2d2d2d;width: auto; height: 76px; line-height: 96px; border-bottom: 4px solid #fff; margin-right:26px; display: inline-block;*display: inline;*zoom: 1; }
.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_2>a{border-color: #3a88d2;color: #3a88d2;}
.xn_n_14_wrap_main>ul>li.xn_n_14_wrap_menu1_cur>a{border-color: #3a88d2;color: #3a88d2;}
.xn_n_14_wrap_main>ul>li>ul{height: auto; line-height: 38px; width: 180px;  position: absolute; top:43px;*top:100px; left:-58px;text-align: center; box-shadow: 0px 2px 3px #999; -webkit-box-shadow:0px 2px 3px #999; -ms-box-shadow: 0px 2px 3px #999; -moz-box-shadow: 0px 2px 3px #999; -o-box-shadow: 0px 2px 3px #999; background-color:#fff; }
.about_tp_1{width:180px; height: auto; float: left;}
.about_tp_1>li{position:relative;width: auto;border-bottom:1px dashed #bbb; }
.about_tp_1>li>a{font-size: 15px;color:#555;}
.about_tp_1>li>a:hover{color: #28b2fb; border-bottom: 1px solid #ffffff;display:inline-block;width:180px;line-height:38px;background-color: #d3e0f4;}
.about_tp_1>li>ul{display:none !important;}
.about_1{display: none;}
.about_2{display: none;}
.about_3,.about_4,.about_8,.about_14{display: none;}
.about_tp,.case_tp{float:right; width: 172px; height: 113px; margin-right: 26px; margin-top:11px;}
#type1Li_n7>ul{display: none!important;}



.nav_tp{width: auto; height:auto;} 
.nav_tp>div{display: none;} 


.top{ width: 100%; z-index:99; position:relative;min-width: 1200px; }
.top_main{width: 1200px; height: 80px; margin: 0px auto;}
.t_t{position:relative; z-index:100; width:201px; height: 80px; float: left;}
.t_r{position:relative; z-index:100; width:999px; height: 80px; float: left;}


.nav_tp{width: auto; height:auto;} 
.nav_tp>div{display: none;} 





.xn_ba_js_1_element img{height:500px;width: 100%;}

.xn_ba_js_13_element img{height:460px;width: 100%;}
.xn_ba_js_13_banner img{height:460px;width: 100%;}


.xn_ba_js_13_banner{width:100%;height:620px;visibility:hidden;overflow:hidden;position:relative;}
.xn_ba_js_13_bigImg img {width:1920px;height:460px;border:0}
.xn_ba_js_13_element{position: absolute;}

.xn_ba_js_13_btn{bottom:30px;cursor:pointer;position:absolute;padding:0;margin:0 auto; width: 100% !important; text-align: center;}
.xn_ba_js_13_btn li{display: inline-block; list-style:none;padding:0;margin:0;width:11px;height:11px;margin:0px 10px ;}
.xn_ba_js_13_element_btn{width:11px;height:11px;background:url(../image/CgAGfFrBjmyAIu1vAAAEIf7JKZQ327.png) no-repeat center;}
.xn_ba_js_13_element_btn:hover,.xn_ba_js_13_element_btn_on{background:url(../image/xn_ba_js_13_element_btn_on.png) no-repeat center;}
.xn_ba_js_13_prev{width:34px;height:80px;position:absolute;cursor: pointer; top:50%;margin-top: -40px; left:0%;background:url(../image/xn_ba_js_13_prev.png);z-index:999;}
.xn_ba_js_13_next{width:34px;height:80px;position:absolute;cursor: pointer; top:50%;margin-top: -40px;right:0%;background:url(../image/xn_ba_js_13_next.png);z-index:999;}
.xn_ba_js_13_prev:hover{background:url(../image/xn_ba_js_13_prev2.png);}
.xn_ba_js_13_next:hover{background:url(../image/xn_ba_js_13_next2.png);}



.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(../image/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(../image/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(../image/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(../image/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(../image/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);}


.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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/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(../image/112_input_t.png) no-repeat left top;}


.n_main{width: 100%; margin:0; padding:0;} 
.n_content{width:100%; margin:0 auto;}
.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(../image/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(../image/box1_no1.png) no-repeat center center;}
.xn_index_box1_li2 .xn_index_box1_img{background:url(../image/box1_no2.png) no-repeat center center;}
.xn_index_box1_li3 .xn_index_box1_img{background:url(../image/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(../image/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(../image/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(../image/box3_img1.png) no-repeat center center;}
.xq_title_ul li:nth-child(2) i{background: url(../image/box3_img2.png) no-repeat center center;}
.xq_title_ul li:nth-child(3) i{background: url(../image/box3_img3.png) no-repeat center center;}
.xq_title_ul li:nth-child(4) i{background: url(../image/box3_img4.png) no-repeat center center;}
.xq_title_ul li:nth-child(5) i{background: url(../image/box3_img5.png) no-repeat center center;}
.xq_title{width:100%;height:38px;margin-top: 25px;background: url(../image/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(../image/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(../image/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(../image/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(../image/112_input_t.png) no-repeat left top;}
.xn_c_liuyan2_left{width:600px;float:left;}


.n_content_left{width:217px; height: auto; float:left; position:relative;display:none;}


.n_content_right{position:relative; width:783px; height: auto; float:right; padding-bottom:20px;display:none;}


.n_content_right_name{ width:92%; height:90px; margin:0 auto; position:relative; border-bottom:1px solid #DBDBDB;}


.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{width:100%; position:relative; text-align:center; font-size:12px; height:260px;color:#838383;background-color: #252525; line-height:25px; overflow:hidden; clear:both;}
.foot a{ font-size:12px; color:#838383; text-decoration:none; line-height:35px;}
.foot a:hover{ color:#ffffff;}
.foot_c{position:relative; width:1200px; margin:auto;}



.foot_nav{position:absolute; width:756px; left:0px; text-align:center; padding:14px 0 0 0; overflow:hidden;}
.foot_nav_ul{ float:left; margin:0px; padding:0px; height:220px; overflow:hidden; display:block;}
.foot_nav ul li{width:108px; float:left;}
.foot_nav ul li a{line-height:34px; font-size:14px; color:#f5f5f5; font-family:"微软雅黑"; display:block;}
.foot_nav ul li ul{ margin-top:5px;}
.foot_nav ul li ul li a{line-height:24px; font-weight: normal !important; font-size:12px; color:#838383; display:block;}
#foot_type1Li_n3{ display:none;}
#foot_type1Li_n14{ display:none;}
#foot_type1Li_n7{ display:none;}



.foot_copy{ position:absolute; width:470px; top:220px; color:#999; line-height:36px; height:36px; font-size:12px; right:0px; overflow:hidden;}
.foot_copy_name{ float:left;}
.foot_copy_ba span{ float:left; color:#999; line-height:36px; height:36px;}
.foot_copy_ba a span { float:left; color:#999;}
.foot_copy_ba a span a:hover{ float:left; color:#199005;}


.xn_f_1_warp {}



.weixin { position:absolute; top:172px; right:46px; width:100px; height:18px; line-height:18px; color:#f5f5f5; font-size:14px; font-family:"微软雅黑";}



.xn_f_2_warp {position:absolute;left:0px; top:230px}



.foot_erweima{ top:38px;width:131px; height:131px; position:absolute; right:35px; background:url(../image/CgAGfFvACsGAFxccAAAtRDPqBJ8559.png) no-repeat;}



.tel{ top:46px;position:absolute;;width:37px; height:37px; right:395px; background:url(../image/CgAGfFqwaW2AEVw4AAAG8k6roEM592.png) no-repeat;}



.time{ top:115px;position:absolute;;width:44px; height:42px; right:388px; background:url(../image/CgAGfFqwaXiAE373AAAIoX6QwBA916.png) no-repeat;}



.foot_work_tel{ width:105px; height:24px;  color:#576267; line-height:24px; font-size:14px; position:absolute; right:277px; top:70px;}


.foot_work_tels{ font-size:24px; font-family:"微软雅黑"; color:##838383; right:202px; top:36px; position:absolute;line-height:34px; height:34px; }


.foot_work_time{color:#576267; font-size:14px; position:absolute; right:244px; top:140px; height:24px; line-height:24px; font-family:"微软雅黑"}


.foot_work_add{font-size:12px; color:#999; text-align:left; display:block;  width:500px; position:absolute; left:75px; top:225px; overflow:hidden;}



.foot_work_timex{color:#838383; font-size:26px; position:absolute; right:250px; top:106px; font-family:"微软雅黑"; height:34px; line-height:34px;  padding-right:21px;}