#main{width: 1920px;height: 790px;overflow:hidden;position:relative;margin:0px auto;left: 50%;margin-left: -960px;}
#main .box{width: 1920px;height: 790px;box-shadow:0px 0px 5px #ddd;margin:0px auto;overflow:hidden;position:relative;}
#main .box img{width: 100%;position:absolute;left:0px;top:0px;opacity:0;filter:alpha(opacity=0);}
#main .btnLeft{width:35px;height:57px;position:absolute;left:0px;top:185px;background:url(/images/left_ar.png) no-repeat 0px 0px;}
#main .btnRight{width:35px;height:57px;position:absolute;right:0px;top:185px;background:url(/images/right_ar.png) no-repeat 0px 0px;}
#main .page{width:180px;height:22px;position:absolute;bottom:108px;right: 50%;margin-right: -90px;}
#main .page a{display:inline-block;width:22px;height:22px;background: #fff;margin:0px 11px;float:left;border-radius: 50%;color:#FFF;text-decoration:none;text-align:center;}
#main  .page a.active{background:#ffd500;}


.xn_c_index_540_wrap{width: 100%;background: url(../image/CgAGfFpFtgqAdw5_AAADpoae98w683.png) center no-repeat;height: 830px;}
.xn_c_index_540_box{overflow: hidden;width: 1200px;height: 830px;position: relative;margin: auto;}
.xn_c_index_540_tit{width: 100%;font-size: 16px;color: #000;height: auto;line-height: 26px;padding-top: 0px;margin-top:-33px;}
.xn_c_index_540_titt{width: 575px;height: 137px;background: url(../image/CgAGTFmC1LOAbF8gAAAdzFbrETs630.png)left bottom no-repeat;padding-top: 150px;}
.xn_c_index_540_tit1{font-size: 48px;color: #ffffff;display: block;padding-top: 105px;text-transform: uppercase;display: none;}
.xn_c_index_540_tit2{font-size: 36px;color: #ffffff;display: block;padding-top: 27px;padding-bottom: 60px; padding-left: 80px; background: url(../image/viedoname.png) 0 35px  no-repeat;display: none;}
.xn_c_index_540_tit3{font-size: 18px;color: #ffffff;display: block;width: 96px;margin-right: 20px;height: 40px;line-height: 40px; float: left;background: url(../image/vline.png) right center no-repeat;}
.xn_c_index_540_tit4{display: block;font-size: 12px;color: #ffffff;}
.xn_c_index_540_tit5{display: block;font-size: 12px;color: #ffffff;height: 25px;width:400px;margin-top: -7px;}
.xn_c_index_540_wrap_cnt{position: relative;padding-top:20px;  }
.lalala{background: url(../image/vv.png) no-repeat;width:600px;height: 420px;z-index: 1; position: absolute;left: 20px;top: 37px;}
.xn_c_index_540_li{width: 600px;height: 420px;position: absolute;z-index: 9999;background: url(../image/bo.png) center no-repeat !important;}
.xn_c_index_540_li_img img{width: 600px;height: 420px;border-radius: 10px;}
.xn_c_index_540_li_img:hover img{t}
.xn_c_index_540_li_img em{}
.xn_c_index_540_li_img:hover em{}
.xn_c_index_540_li_cont{display: none;}

.xn_c_index_540_li_video video {
    width: 100%;
    height: 80%;
}

.xn_c_index_540_li_videobg{position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 200;}
.xn_c_index_540_li_video{position: fixed;width: 1000px;height: 693px;padding: 0px;border-radius: 0px;z-index: 202;top: 12%;left: 57%;margin-left: -600px;}
.xn_c_index_540_li_video_cont{width: 1000px;height: 693px;overflow: hidden;}
.xn_c_index_540_li_close{position: absolute;right: 2px;top: 1px;width: 20px;height: 20px;background: #F9F9F9;border-radius: 50%;line-height: 20px;text-align: center;font-size: 16px;color: #000;cursor: pointer;background: url(../image/vclose.png) center no-repeat;}
.xn_c_index_540_li_video embed {
    width: 1150px !important;
    height: 642px !important;
    margin-left: 25px;
}




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:"微软雅黑";}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) }   
a:focus { outline: none; }    




.xn_n_14_wrap_menu1:hover>a {color: #fff;}
.xn_n_14_wrap_main>ul>li:nth-child(n+10) {display: none;}
.xn_n_14_wrap{z-index:100;height:100px;width:100%;text-align:center;box-sizing: border-box;border-bottom:2px solid #2774f9;position: relative;}
.xn_n_14_wrap_main{margin:0 auto;  width:1200px; height:100px; } 
.xn_n_14_wrap_main>ul{margin-right: -25px;float: left;margin-left: 250px;}
.index_body .xn_n_14_wrap_menu1_2>a{color: #fff;}
.xn_n_14_wrap_menu1_2>a:hover{ color:#fff;}
.xn_n_14_wrap_menu1 {float:left; width:90px; height:100px; font-size:14px;}
.xn_n_14_wrap_menu1>a{color:#666;line-height:100px;text-decoration:none;transition: all 0.6s;}
.xn_n_14_wrap_menu1>a:hover{color: #fff;line-height:100px;text-decoration:none;}
.xn_n_14_wrap_menu1_2 {float:left;width:90px;height:100px;font-size: 16px;}
.xn_n_14_wrap_menu1_2>a{color: #fff;line-height:100px;text-decoration:none;}
.xn_n_14_wrap_menu1_2>a:visited{color: #fff;line-height:100px;text-decoration:none;}
.xn_n_14_wrap_menu1_cur {float:left;  width:90px; height:100px; font-size:14px;background: #023894;}
.xn_n_14_wrap_menu1_cur a{color:#fff; line-height:100px; text-decoration:none;}
.xn_n_14_wrap_menu1_cur a:visited{color:#fff; line-height:100px; text-decoration:none;}
.xn_n_14_wrap_menu2 a{color:#666;font-weight:normal;line-height:30px !important;}
.xn_n_14_wrap_menu2_2>a{color: #023894;font-weight:normal;}
.xn_n_14_wrap_menu2_2>a:hover{color: #7e8796;font-weight:normal;line-height: 50px !important;text-decoration:none;}
.xn_n_14_wrap_menu2 a:hover{color:#fff; text-decoration:none;}
.xn_n_14_wrap_main>ul>li>ul{background: rgba(251,251,251,.9);filter:Alpha(opacity=75);border-top: 0;position: absolute;width: 100%;left: 0 !important;height: 137px;opacity: .9;top: 100px !important;display: none !important;}
.xn_n_14_wrap_main>ul>li:hover>ul {display: block !important;}
.xn_n_14_wrap_main>ul>li>ul>li>a{line-height: 50px !important;}
.xn_n_14_wrap_main>ul>li>ul>li:hover>a{color: #7e8796;font-weight: bold;}
.xn_n_14_wrap_main>ul>li>ul>li>ul{ display:none !important; float:left; margin-left:128px;}
.xn_n_14_wrap_main>ul>li>ul>li>a {font-size: 16px;padding: 0 16px;font-weight: bold;color: #7e8796;}
.xn_n_14_wrap_main>ul>li>ul>li {display: inline-block;box-sizing: border-box;margin-top: 65px;position: relative;} 
.xn_n_14_wrap_main>ul>li>ul>li:first-child>a {border: 0; }
#type1Ul_t101 {background: url(../image/CgAGfFomGcaAMqUxAAA2z-2H8XY057.png)center no-repeat rgba(251,251,251,.9);}
#type1Ul_t201 {background: url(../image/CgAGfFomGiWAAsFYAAA3Ngr67Sk852.png) center no-repeat rgba(251,251,251,.9);}
#type1Ul_t301 {background: url(../image/CgAGfFomGuKAfpY2AAA4TeUGZDE189.png) center no-repeat rgba(251,251,251,.9);}
#type1Ul_t601 {background: url(../image/CgAGfFomGx6ASZH-AAA4H-AAlAo761.png) center no-repeat rgba(251,251,251,.9);}
#type1Ul_t701 {background: url(../image/CgAGfFolA1SAZGc6AAAszqTfnnI664.jpg) center no-repeat rgba(251,251,251,.9);}
#type1Ul_t801 {background: url(../image/CgAGfFomGnuADn3wAAA4rtlDf2g013.png) center no-repeat rgba(251,251,251,.9);}
#type1Ul_t2501 {background: url(../image/CgAGfFomGq2AM5DdAAA2yXf83yE236.png) center no-repeat rgba(251,251,251,.9);}
#type1Ul_t2601 {background: url(../image/CgAGfFomG1CANMqoAAA4FyrPw54866.png) center no-repeat rgba(251,251,251,.9);}
.xn_n_14_wrap_main>ul>li>ul>li:first-child {margin-left: 180px;}
.xn_n_14_wrap_main>ul>li>ul>li:before {content: "";width: 11px;height: 9px;display: none;background: url(../image/bg11.png) no-repeat;position: absolute;left: 0;top: 20px;}
.xn_n_14_wrap_main>ul>li>ul>li:hover:before {display: block; }
ap_main>ul>li>a {display: block;position: relative;overflow: hidden;height: 100px;}
.xn_n_14_wrap_main>ul>li>a {display: block;position: relative;overflow: hidden;height: 100px;}
.xn_n_14_wrap_main>ul>li>a:after {content: "";width: 100%;height: 100px;background: #023984;display: block;top: 100px;left: 0;position: absolute;z-index: -1;transition: all 0.6s;}
.xn_n_14_wrap_menu1_2>a:after {top: 0 !important;}
#type1Li_n0:hover>a:after {
    top: 0;
}
.xn_n_14_wrap_main>ul>li>ul>li:hover>a {color: #023984;}


.t_logo{position:absolute;left: 50%;margin-left: -600px;}
#ea_l{position:relative;display: table-cell;vertical-align:middle;    height: 100px;}
.t_logo img{width: 172px;border:0px;}


#img_ShoveWebControl_Search12 {position: relative;top: 0px;left:-3px;}
.t_search {width: 135px;height: 22px;background: #fff;border: 1px solid #8f8f8f;position: absolute;top: 40px;right: 50%;margin-right: -600px;border-radius: 8px;}
.t_search table { width: 100%; }
.t_search_text {border: 0px;background-color: transparent;color: #999;width: 102px;height: 20px;margin-top: 0;text-indent: 5px;}


.top{width: 100%;z-index:99;position: fixed;background: url(https://1.rc.xiniu.com/rc/Heads/36282/Images/ihpsp1_top_bg.gif?d=20170825135011292) #fff repeat-x;top: 0;}
.t_t{position:relative; z-index:100; width:1200px; margin:0 auto; }
div#ea_ba {margin-top: 100px;display:none;}




.xn_ba_js_1_banner{width:100%;height:650px;visibility:hidden;overflow:hidden;position:relative;}
.xn_ba_js_1_bigImg img {width: 100%;height:650px;border:0}
.xn_ba_js_1_element{position: absolute;}

.xn_ba_js_1_btn{top: 66vh;cursor:pointer;position:relative;padding:0;margin:0 auto;}
.xn_ba_js_1_btn li{float:left;list-style:none;padding:0;margin:0;width:22px;height:15px;margin-left:0px;}
.xn_ba_js_1_element_btn{background-image:url(../image/xn_ba_js_1_rowBtn.png);}
.xn_ba_js_1_element_btn:hover,.xn_ba_js_1_element_btn_on{background-image:url(../image/xn_ba_js_1_rowBtn_on.png);}

.xn_ba_js_1_zt{white-space: nowrap;color:#FFFFFF;text-align:left;position:absolute;font-family:微软雅黑;}
.xn_ba_js_1_A0{left:480px;top:100px;font-size:40px;color:#e21b14;font-weight:bold;}
.xn_ba_js_1_A1{left:480px;top:160px;font-size:14px;color:#d30a01;}
.xn_ba_js_1_A2{left:480px;top:180px;font-size:14px;color:#d30a01;}
.xn_ba_js_1_B0{left:1020px;top:100px;font-size:40px;color:#e21b14;font-weight:bold;}
.xn_ba_js_1_B1{left:1020px;top:155px;font-size:18px;color:#d30a01;}
.xn_ba_js_1_C0{left:1070px;top:100px;font-size:36px;color:#e21b14;font-weight:bold}
.xn_ba_js_1_C1{left:1070px;top:155px;font-size:14px;color:#d30a01;}



div#i2ca1e55e2a850df2 {margin-top: 100px;}
div#i2ca1e55e2a850df2 .data_col .xg_img img{ width: 100%; height: auto;}
div#i2ca1e55e2a850df2 .data_col {position: relative;}
.ea_ba_content { position: absolute;top: 24%;left: 10%; z-index: 999;font-weight: bold; text-shadow: 0px 0px 40px #000; color: #fff;}
.ea_ba_content>div+div {font-size: 62px;margin-top: 20px;}
.ea_ba_more a { color: #fff; font-size: 16px; background: #033984; padding: 10px 20px;}
.ea_ba_content>div {font-size: 72px;}
.ea_ba_more {line-height: normal !important;margin-top: 72px !important;}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}





.i_tcase{position: relative;width: 1200px;height: auto;top: -90px;z-index: 90;display: none;} 
.i_tcase_f{width:100%; height:100%; position:relative;}
.i_tcase_m{width: 1200px;height:auto;overflow:hidden;}
.i_tcase_main{width: 367px;height: 210px;float:left;margin-right: 10px;}
.i_tcase_t{background:url(https://1.rc.xiniu.com/rc/Contents/36308/Images/icpsp1_index_probg.png?d=20170825135011854) no-repeat; width:593px; height:27px; padding-left:20px; color:#000; text-align:left;}
.i_tcase_t1{ float:left;}
.i_tcase_t2{ float:left; margin:0 5px; }
.i_tcase_t3{ float:left;}
.i_tcase_img{position: relative;overflow: hidden;height: 203px;}
.i_tcase_img img{width: 367px;height: 203px;}
.i_tcase_main_name{ position:absolute; left:180px; top:0; width:300px; height:20px; line-height:20px; font-size:12px; white-space: nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis;  overflow:hidden; -moz-binding:url('https://0.rc.xiniu.com/g4/M00/60/17/ellipsis.xml'); }
.i_tcase_main_name1{ color: #000; font-weight:bold;}
.i_tcase_main_name2 a{color: #C00; text-decoration:none; font-weight:bold;}
.i_tcase_main_name2 a :hover{color: #C00; text-decoration: underline;}
.i_tcase_main_cnt{position:absolute; left:180px; top:24px; font-size:12px; }
.i_tcase_main_cnt1{ color: #000; font-weight:bold !important;}
.i_tcase_main_cnt2{width:410px; line-height:18px; height:54px; display:block; overflow:hidden; color: #333; margin-top:3px;}
.i_tcase_more{position:absolute; right:0; top:10px;}
.i_tcase_more a{background:url(https://1.rc.xiniu.com/rc/Contents/36308/Images/icpsp1_index_commore1.png?d=20170825135011854) no-repeat; width:44px; height:11px; display: block;}
.i_tcase_more a:hover{background:url(https://1.rc.xiniu.com/rc/Contents/36308/Images/icpsp1_index_commore2.png?d=20170825135011854) no-repeat; width:44px; height:11px;}
.i_tcase_main:first-child {margin-left: 40px; }
.i_tcase_img>a {display: none; width: 367px; height: 203px; position: absolute; background: url(../image/CgAGfFoBFbKAfVJPAAANxH01tWI037.png) center no-repeat; -moz-transition: all 0.5s ease-out 0s; -webkit-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s; }
.i_tcase_main:hover a {display: block; -moz-transition:all 0.5s ease-out 0s;-webkit-transition:all 0.5s ease-out 0s;-o-transition:all 0.5s ease-out 0s;transition:all 0.5s ease-out 0s; }
.i_tcase_img:after {
    width：100%;
    height: 100%;

    content: "";
    display: block;
    z-index: 11;
    top:0px;
    left: 0px;
    background: url(../image/CgAGfFnv3neAZ5wZAAAOCe_jSj8551.png) center no-repeat;
    position: absolute;
    transition: all 0.6s;
    opacity: 0;
  cursor: pointer;
}

.i_tcase_main:hover .i_tcase_img:after {
   
opacity:1;
   
top: 0;
   
width: 100%;
   
height: 203px;
   
left: 0;
}
.i_tcase_main:first-child .i_tcase_img:after {
   
}


.xn_c_index_175_wrap{width: 1127px;margin:20px auto;}
.xn_c_index_175_topbox{width:800px;line-height:30px;}
.xn_c_index_175_wbox{width: 100%;position:relative;}
.xn_c_index_175_nrwbox1{width: 100%;float:left;cursor:pointer;margin-top: 90px;overflow: hidden;}
.xn_c_index_175_nrwbox2{width:200px;float:left;background:#dadada;cursor:pointer;}
.xn_c_index_175_nrwbox3{width:200px;float:left;background:#58ff24;cursor:pointer;}
.xn_c_index_175_nrwbox4{width:200px;float:left;background:#a5100f;cursor:pointer;}
.xn_c_index_175_intro{width: 100%;height: 100px;line-height: 25px;overflow:hidden;font-size: 16px;color: #fff;margin-top: 11px;}
.xn_c_index_175_img img{width:200px;height:100px;}
.xn_c_index_175_col>span {display: inline-block; }
.xn_c_index_175_col {position: relative;}
.xn_c_index_175_col>a {position: absolute;z-index: 11;width: 300px;height: 100%;}
.xn_c_index_175_colName {background: url(../image/fangan.png) left center no-repeat; height: 46px; padding-left: 50px; font-size: 24px; color: #023894; line-height: 46px; }
.xn_c_index_175_sol_line {font-size: 24px; color: #023894; }
.xn_c_index_175_ename {font-size: 18px; color: #b6bcb6; }
.xn_c_index_175_more a {display: block; width: 140px; height: 35px; border: 1px solid #fff; line-height: 35px; text-align: center; font-size: 16px; color: #fff; margin-top: 25px;} 
.xn_c_index_175_img {width: 536px; height: 260px; box-sizing: border-box; border: 6px solid #fff; margin: 0px; float: left; } 
.xn_c_index_175_img img {width: 100%; height: 100%; } 
.xn_c_index_175_boxx {float: right; width: 500px; height: 260px; } 
.xn_c_index_175_name {height: 60px;} 
.xn_c_index_175_name a {line-height: 75px; font-size: 30px; color: #fff; } 
.xn_c_index_175_funame {font-size: 16px; color: #fff; height: 20px; } 
.xn_c_index_175_intro br {display: none; } 
.xn_c_index_175_more a:hover {color: #023894; border-color: #023894; } 
.xn_c_index_175_name a:hover {color: #023894; }
.xn_c_index_175_box1 {margin-top: 90px;}
.xn_c_index_175_box1:nth-child(2n) .xn_c_index_175_img {float: right; }
.xn_c_index_175_box1:nth-child(2n) .xn_c_index_175_boxx {float: left; }
.xn_c_index_1751_wrap{width: 1127px;margin:20px auto;}
.xn_c_index_1751_topbox{width:800px;line-height:30px;}
.xn_c_index_1751_wbox{width: 100%;position:relative;}
.xn_c_index_1751_nrwbox1{width: 100%;float:left;cursor:pointer;margin-top: 90px;overflow: hidden;}
.xn_c_index_1751_nrwbox2{width:200px;float:left;background:#dadada;cursor:pointer;}
.xn_c_index_1751_nrwbox3{width:200px;float:left;background:#58ff24;cursor:pointer;}
.xn_c_index_1751_nrwbox4{width:200px;float:left;background:#a5100f;cursor:pointer;}
.xn_c_index_1751_intro{width: 100%;height: 100px;line-height: 25px;overflow:hidden;font-size: 16px;color: #fff;margin-top: -1px;}
.xn_c_index_1751_img img{width:200px;height:100px;}
.xn_c_index_1751_col>span {display: inline-block; }
.xn_c_index_1751_colName {background: url(../image/fangan.png) left center no-repeat; height: 46px; padding-left: 50px; font-size: 24px; color: #023894; line-height: 46px; }
.xn_c_index_1751_sol_line {font-size: 24px; color: #023894; }
.xn_c_index_1751_ename {font-size: 18px; color: #b6bcb6; }
.xn_c_index_1751_more a {display: block; width: 140px; height: 35px; border: 1px solid #fff; line-height: 35px; text-align: center; font-size: 16px; color: #fff;margin-top: 26px; } 
.xn_c_index_1751_img {width: 536px; height: 260px; box-sizing: border-box; border: 6px solid #fff; margin: 0px; float: left; } 
.xn_c_index_1751_img img {width: 100%; height: 100%; } 
.xn_c_index_1751_boxx {float: right; width: 500px; height: 260px; } 
.xn_c_index_1751_name {height: 60px;} 
.xn_c_index_1751_name a {line-height: 75px; font-size: 30px; color: #fff; } 
.xn_c_index_1751_funame {font-size: 16px; color: #fff; height: 20px; } 
.xn_c_index_1751_intro br {display: none; } 
.xn_c_index_1751_more a:hover {color: #023894; border-color: #023894; } 
.xn_c_index_1751_name a:hover {color: #023894; }
.xn_c_index_1751_box1 {margin-top: 90px;}
.xn_c_index_1751_box1:nth-child(2n+1) .xn_c_index_1751_img {float: right; }
.xn_c_index_1751_box1:nth-child(2n+1) .xn_c_index_1751_boxx {float: left; }
.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(-20px); transform:translateY(-20px) } 100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes fadeInDown { 0% {opacity:0; -webkit-transform:translateY(-20px); -ms-transform:translateY(-20px); transform:translateY(-20px) } 100% {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% {opacity:0; -webkit-transform:translateY(-2000px); transform:translateY(-2000px) } 100% {opacity:1; -webkit-transform:translateY(0); transform:translateY(0) } } @keyframes fadeInDownBig { 0% {opacity:0; -webkit-transform:translateY(-2000px); -ms-transform:translateY(-2000px); transform:translateY(-2000px) } 100% {opacity:1; -webkit-transform:translateY(0); -ms-transform:translateY(0); transform:translateY(0) } }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% {opacity:0; -webkit-transform:translateX(-20px); transform:translateX(-20px) } 100% {opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes fadeInLeft { 0% {opacity:0; -webkit-transform:translateX(-20px); -ms-transform:translateX(-20px); transform:translateX(-20px) } 100% {opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% {opacity:0; -webkit-transform:translateX(-2000px); transform:translateX(-2000px) } 100% {opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes fadeInLeftBig { 0% {opacity:0; -webkit-transform:translateX(-2000px); -ms-transform:translateX(-2000px); transform:translateX(-2000px) } 100% {opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% {opacity:0; -webkit-transform:translateX(20px); transform:translateX(20px) } 100% {opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes fadeInRight { 0% {opacity:0; -webkit-transform:translateX(20px); -ms-transform:translateX(20px); transform:translateX(20px) } 100% {opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% {opacity:0; -webkit-transform:translateX(2000px); transform:translateX(2000px) } 100% {opacity:1; -webkit-transform:translateX(0); transform:translateX(0) } } @keyframes fadeInRightBig { 0% {opacity:0; -webkit-transform:translateX(2000px); -ms-transform:translateX(2000px); transform:translateX(2000px) } 100% {opacity:1; -webkit-transform:translateX(0); -ms-transform:translateX(0); transform:translateX(0) } } 
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% {opacity:0; -webkit-transform:translateY(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; }


.index_body .index_cnt {width: 100%;background: url(../image/cbg1.png) center -10px no-repeat;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;padding-top: 90px;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;}
.index_cnt_m{width:1200px; position:relative; margin:0 auto;}


.xn_c_100_wrap1{width:100%;height: 660px;}
.xn_c_index_15_wrap {width:1127px;margin: 120px auto 100px;}
.index_15_line{width:400px;background:url(../image/xn_c_index_139_onLine.png) center center;height:3px;margin:0 auto;display: none;}
.index_15_line span{ display:none;}
.xn_c_index_15_hot {width: 357px;float:left;position: relative;margin-top:25px;}
.xn_c_index_15_hotbox {width: 357px;position:relative;overflow:hidden;}
.xn_c_index_15_item {width: 357px;display: block;}
.xn_c_index_15_img {width: 357px;height: 413px;overflow: hidden;} 
.xn_c_index_15_img img {width: 357px;height: 413px;transition: .1s transform;transform: translateZ(0);}
.xn_c_index_15_item:hover img {transform: scale(1.1, 1.1); transition: 0.5s transform; }
.xn_c_index_15_itemc{height: 210px;width:100%;}
.xn_c_index_15_date { font-size:12px; display:none; }
.xn_c_index_15_title {  margin-top:8px;font-size:16px; font-weight:normal; height:auto;  width:355px; margin:0 auto; line-height:25px; color:#fff;}
.xn_c_index_15_title a{color: #000;font-size: 18px;font-weight: bold;line-height: 25px;}
.xn_c_index_15_title a:hover{color: #023894;}
.xn_c_index_15_cont {font-size: 16px;color: #666;width: 100%;line-height: 30px;height: 90px;overflow:hidden;padding-top: 10px;}
.xn_c_index_15_focus { position:absolute; width:400px;  display:none;height:30px; top:270px; left:0; text-align:center; }
.xn_c_index_15_focus span { width:15px; height:15px; background:#555; display:inline-block; margin:0 3px 0 0; cursor:pointer; }
.xn_c_index_15_focus span.curr { background:#f00; }
.xn_c_index_15_list {width: 700px;float:right;height:420px;margin-top:25px;}
.xn_c_index_15_list ul li {width: 700px;height: 160px;overflow:hidden;margin-bottom:26px;border-bottom: 1px solid #dedede;margin-bottom: 60px;}
.xn_c_index_15_list ul li h2 {height:auto;color: #000;font-size: 18px;font-weight: bold;line-height: 25px;}
.xn_c_index_15_list ul li h2 a {color: #404040;text-decoration:none;font-size: 16px;}
.xn_c_index_15_list ul li h2 a:hover{color: #023984;text-decoration:none;}
.xn_c_index_15_list ul li h4 {  display:none;width:60px; height:30px; border:1px solid #555; }
.xn_c_index_15_list ul li h4 img { width:60px; height:30px; }
.xn_c_index_15_list ul li .xn_c_index_15_ldate {color: #023894;float:left;text-align:Center;font-size: 16px;height: 100px;width: 100px;border-right: 3px solid #dedede;}
.xn_c_index_15_list ul li .xn_c_index_15_lcont {font-size:12px;line-height:20px;height:40px;color: #666;clear: both;overflow: hidden;}
.xn_c_index_15_list ul li .xn_c_index_15_cont1 {width: 565px;float:Right;}
.xn_c_index_15_lisDay{font-size: 50px;width:100%;display:block;color: #023894;height: 68px;line-height: 70px;}
.xn_c_index_15_col>span {display: inline-block; }
.xn_c_index_15_col {position: relative;}
.xn_c_index_15_col>a {position: absolute;z-index: 11;width: 300px;height: 100%;}
span.xn_c_index_15_colName {background: url(../image/newbg1.png) right center no-repeat;height: 46px;padding-right: 50px;font-size: 24px;color: #023894;line-height: 46px;}
span.xn_c_index_15_sol_line {font-size: 24px; color: #023894; }
span.xn_c_index_15_ename {font-size: 18px; color: #b6bcb6; }
span.xn_c_index_15_more {display: none; }
li.xn_c_index_15_mli:nth-child(2n+1) .xn_c_index_15_img {float: left; }
.xn_c_index_15_col {text-align: right;}
.xn_c_index_16_date {font-size: 12px; color: #666; background: url(../image/time1.png) left center no-repeat; padding-left: 15px; margin-top: 5px; float: left; }
.xn_c_index_15_click {font-size: 12px; color: #666; background: url(../image/yan1.png) left center no-repeat; padding-left: 15px; margin-top: 5px; float: left; margin-left: 22px; }
.xn_c_index_15_tmore a {display: block;width: 88px;height: 25px;background: url(../image/more1.png);margin-top: 15px;}
.xn_c_index_15_tmore a:hover {opacity: .8; }




.foot_c11 {min-height: 100px;}
.xn_f_21_xhbox a {color: #fff;font-size: 16px;line-height: 20px;display: block;padding: 0 10px;height: 20px;margin-top: 10px;} 
.xn_f_21_xhbox a:hover{text-decoration: underline;}
.xn_f_21_xhbox:nth-child(1) a {border: 0; }
.xn_f_21_wrap{width: 800px;height: auto;overflow: hidden;padding-bottom: 30px;padding-top: 30px;display: none;}
.index_body .xn_f_21_wrap {display: block;}
.xn_f_21_wrapbigbox{height:auto;width: 1100px;line-height: 60px;float: left;}
.xn_c_index_172_enName55{display: block;width: 80px;height: 40px;float: left;font-size: 16px;color: #fff;line-height: 40px;}
.xn_f_21_xhbox{float:left;overflow:hidden;text-align:center;}
.xn_f_21_wrap11 {height: auto;margin: 0px auto;width: 1200px;line-height: 60px;}


.foot_tel{position:absolute;width: 256px;top: -11px;right: 0px;color:#999;height: 110px;background: url(../image/footbg.png) no-repeat;}
.foot_tel_f{position:relative;width: 60%;height:100%;}
.foot_tel a{color:#999; }
.foot_add {font-size: 16px; color: #666; text-indent: 20px; margin-top: 30px; } 
.foot_phone {font-size: 16px; color: #666; text-indent: 20px; margin-top: 5px; } 
.foot_zip {position: absolute;top: 40px;left: 140px;font-size: 48px;color: #023894;width: 96px;overflow: hidden;height: 40px;line-height: 40px;}


.foot_nav{width:900px;overflow:hidden;height:auto;text-align:left;}
.foot_nav ul{ float:left; margin:0px; padding:0px;}
.foot_nav ul li{width: 145px;float:left;position: relative;}
.foot_nav ul li a{line-height:28px;font-size: 18px;color: #fff;}
.foot_nav ul li ul li a{line-height:28px;padding-left: 5px;font-size: 16px;font-weight: normal !important;}
.foot_nav ul li ul li a:hover{text-decoration:underline;}
.foot_nav ul:before{  clear:both;}
.foot_nav ul>li:nth-child(n+7) {display: none;}
.foot_nav>ul>li:after {content: "/";line-height: 28px;font-size: 18px;color: #fff;position: absolute;right: 35px;}


.foot_copy{width: 100%;text-align: center;margin-top: 10px;font-size: 16px;color: #fff;padding: 10px;}
.foot_nav>ul>li:after {content: "/";line-height: 28px;font-size: 18px;color: #fff;position: absolute;right: 35px;}
.foot_copy a {font-size: 16px;color: #fff;}


.foot{  width:100%; position:relative; text-align:center; font-size:12px;color:#666666; line-height:25px; background: #023894;}
.foot a{ font-size:12px; color:#fff; text-decoration:none; line-height:25px;}
.foot a:hover{ text-decoration: underline;;}
.foot_c{position:relative; width:1127px; margin:auto; text-align:left;}


.foot_wx {position: absolute; right: 100px; top: 160px; text-align: center; font-size: 16px; color: #fff; line-height: 25px; }
.foot_wx img {width: 120px; height: 120px; display: block; }
.back_top {position: fixed; top: 70%; right: 5%; z-index: 9999; width: 50px; height: 50px;cursor: pointer; }
.back_top img {width: 100%; height: 100%; }
body {
    overflow-x: hidden;
}