/*public*/
/* Public */
@charset "utf-8";

html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none; /* 谷歌不支持12px以下字号 */ font-family:"黑体";}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) }   /*  去掉IE下链接虚线框 */
a:focus { outline: none; }    /* 去掉火狐下链接虚线框 */
/* end_Public */
/*public*//*ea_h*/
/* t_logo */
.t_logo{ position:relative;float: left; width:240px; height:107px;}
.t_logo img{ width:290px; height:107px; border:0px;}
/* end_t_logo */
/*xn_h_3_wrap*/
.xn_h_3_wrap{width:65px;height: 19px;float:right;    position: absolute;   right: -56px;width:150px;right:10px; 
    margin-top: 17px;}
.xn_h_3_Lang{width:auto;height:30px;}
.xn_h_3_Lang_lb{height:30px;position:relative;cursor:pointer;}
.xn_h_3_Lang_wenzi{padding-right:8px;float:left;}
.xn_h_3_Lang_wenzi a{color:#aaaaaa;}
.xn_h_3_Lang_wenzi a:hover{color:#e1e1e1;;}
.xn_h_3_Lang_top{width:65px;height: 26px;font-size:12px;line-height:25px;color:#fff;text-align:center;background: #7da6f3; margin-top:13px;display:none;}
.xn_h_3_Lang_HVbox{width:63px;height: 21px;font-size:14px;line-height: 25px;color:#333;text-align:center;position:absolute;right:0px;width:auto;z-index:999;/*background:#FFF;border:1px solid #999;background:url(../images/cgagtfh4sc2amwhvaaaenpojjzi419.png)no-repeat 52px 13px #fff;*/}
/*end_xn_h_3_wrap*/

#type1Ul_t101{display:none!important;}.xn_n_14_wrap{width: 1200px;position: relative;margin: 0 auto;}
.xn_n_14_wrap_main{position:relative; z-index:99;height: 100%;position: absolute;left:0px;top:0;}
.xn_n_14_wrap_menu1 {height:88px; line-height:88px; text-align:center;}
.xn_n_14_wrap_menu1 a{}
.xn_n_14_wrap_menu1_2 {background: url(../images/cgage1scvg-ap1xpaaad5e55koi199.png) repeat !important;  }
.xn_n_14_wrap_menu1_2>a{ padding-left: 39px !important;}
.xn_n_14_wrap_menu1_2>a>span{border-top: 1px solid #fff;border-bottom: 1px solid #fff; height: 30px; line-height: 30px;padding: 0; color: #fff; font-size: 14px}
.xn_n_14_wrap_menu1_cur {text-align: center;}
.xn_n_14_wrap_menu1_cur a{color:#FFF;height: 88px;line-height: 88px;}
.xn_n_14_wrap_menu2{}
.xn_n_14_wrap_menu2 a{display: block;}
.xn_n_14_wrap_menu2 a:hover{color: #2ba8ff;}
.xn_n_14_wrap_menu2_2{}
.xn_n_14_wrap_menu2_2 a{display: block;}
.xn_n_14_wrap_menu2_2 a:hover{color: #2ba8ff;}
#type1Li_n0>a{font-size: 0;}
#type1Li_n25>ul{top: auto !important; bottom: 0;}

#type1Li_n4 #type1Ul_n441{margin-top: 44px;}
#type1Li_n6 #type1Ul_t601{margin-top: 44px;}

.xn_n_14_wrap_main>ul>li>ul{position:absolute;left:186px;top: 0;width: 186px; padding-left: 1px;}
.xn_n_14_wrap_main>ul>li>ul>li{width: 186px;height: 44px;    border-top: 1px solid #fff;line-height: 44px;background:url(../images/xn_n_14_wrap_main_li_bg.png) repeat;}
.xn_n_14_wrap_main>ul>li>ul>li:first-child{border-top: none !important;}
.xn_n_14_wrap_main>ul>li>ul>li>a{display:block;width: 100%;height: 100%; color: #545454;font-size: 14px; text-align: left; text-indent: 20px;}
.xn_n_14_wrap_main>ul>li>ul>li>a:hover{background:url(../images/xn_n_14_wrap_main_li2_cur.png) repeat; color: #fff;}
.xn_n_14_wrap_main>ul>li>ul>li>ul{display: none !important;}
.xn_n_14_wrap_main>ul>li{height: 88px;position: relative; background:url(../images/xn_n_14_wrap_main_li_bg.png) repeat;line-height: 88px; width: 186px; border-top: 1px solid #fff;}
.xn_n_14_wrap_main>ul>li:hover{background:url(../images/cgage1scvg-ap1xpaaad5e55koi199.png) repeat;}
.xn_n_14_wrap_main>ul>li>a{color: #535353;width: 61px; height: 30px; font-size: 14px;display: block; position: relative; top: 34%; margin: 0 auto 0; } 
.xn_n_14_wrap_main>ul>li>a:hover{}
.xn_n_14_wrap_main>ul>li>a>span{width: 61px; height: 30px;line-height: 30px; text-align: center;display: block;}
.xn_n_14_wrap_main>ul>li:hover .xn_n_14_wrap_main>ul>li>a>span{border-top: 1px solid #fff;height: 30px; line-height: 30px; border-bottom: 1px solid #fff;  color: #fff;}
.xn_n_14_wrap_main>ul>li:first-child{border-top: none;}

/*end_xn_n_14_wrap*/
/*top*/
.top{ width: 100%; z-index:99; position:relative; }
.t_t{position:relative; z-index:100; width:1200px; margin:0 auto; height:107px;}
/*end_top*/
/*ea_h*//*ea_ba*/
/*xn_ba_js_1_banner*/
/** 显示宽高 **/
.xn_ba_js_1_banner{width:100%;height:800px;visibility:hidden;overflow:hidden;position:relative;}
.xn_ba_js_1_bigImg img {width:1920px;height:800px;border:0;background-size: cover;}
.xn_ba_js_1_element{position: absolute;}
/** button **/
.xn_ba_js_1_btn{bottom:26px;cursor:pointer;position:absolute;padding:0;margin-left: 497px;  left: 50%;}
.xn_ba_js_1_btn li{float:left;list-style:none;padding:0;margin:0;width:12px;height:12px;margin-left:16px;}
.xn_ba_js_1_element_btn{background-image:url(../images/xn_ba_js_1_rowbtn.png);}
.xn_ba_js_1_element_btn:hover,.xn_ba_js_1_element_btn_on{background-image:url(../images/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;}
/*end_xn_ba_js_1_banner*/
/*ea_ba*//*ea_c*/

/*xn_c_index_323_wrap*/
.xn_c_pro_box{display:none;}
.xn_c_index_news{display:none;}
.xn_c_index_about{display:none;}
.xn_c_index_323_wrap{width:1200px;height:auto;margin:0px auto; top: 134px; position: relative; background: #eeeeee; height: 419px;}
.xn_c_index_323_head{height:60px; line-height:60px; overflow:hidden; padding-top: 32px;padding-left: 23px;}
.xn_c_index_323_head>span{display: block;text-align: left;}
.xn_c_index_323_t1{height: 35px;line-height: 35px; font-size: 30px;color: #333333;font-family: "Arial";}
.xn_c_index_323_t2{height: 29px;line-height:29px; font-size: 20px;font-family: "Arial";}
.xn_c_index_323_head span.xn_c_index_323_t4{float:right;margin-top:10px;}
.xn_c_index_323_head a{font-size:16px; color:#555;}
.xn_c_index_323_main{height:419px;overflow:hidden;}
.xn_c_index_323_type{width:398px;height:286px;float:left;overflow:hidden; z-index: 10; background: url(../images/xn_c_index_323_type.png) repeat; position: absolute;bottom: 0;}
.xn_c_index_323_type>ul{margin-top: 39px;}
.xn_c_index_323_type1{padding: 18px 23px 0 23px; height: 42px;line-height: 42px;color: #ffffff;font-weight: bold;text-align: left;}
.xn_c_index_323_type2{height:92px;line-height: 23px;padding: 16px 23px 0 23px; color: #ffffff;font-size: 14px;}
.xn_c_index_323_type li{height:37px;overflow:hidden;float:left; width: 158px; text-align: center; border: 1px solid #fff; line-height: 37px;margin-left: 23px; color: #ffffff;font-size: 14px; cursor:pointer;
}
.xn_c_index_323_type li:hover{
transition: all 2s;
-moz-transition: all 2s; /* Firefox 4 */
-webkit-transition: all 2s; /* Safari 和 Chrome */
-o-transition: all 2s; /* Opera */
background: url(../images/cgage1scvg-ap1xpaaad5e55koi199.png) no-repeat;
}
.xn_c_index_323_type li.tli_cur{background: url(../images/cgage1scvg-ap1xpaaad5e55koi199.png) no-repeat;
 }
.xn_c_index_323_type li a{font-weight: normal; font-size: 16px;color: #fff;}
.xn_c_index_323_inner{width:914px;height:419px;overflow:hidden; position:absolute;z-index: 1; top: 0;right: 0;}
.xn_c_index_323_cli{width:100%;height:419px;overflow:hidden;position:absolute;left:0;top:0;z-index:23;opacity:0;}
.xn_c_index_323_ccul{width:100%;height:419px;overflow:hidden;float:left; background-color:#eee; position: relative;}
.xn_c_index_323_ccul li{ overflow: hidden;}
.xn_c_index_323_ccli0{width: 394px;height: 353px;position: absolute;left: 0;top: 0;}
.xn_c_index_323_ccli1{width: 259px;height: 176px;position: absolute;left: 395px;top: 0;}
.xn_c_index_323_ccli2{width: 259px;height: 176px;position: absolute;left: 395px;top: 177px;}
.xn_c_index_323_ccli3{width: 259px;height: 353px;position: absolute;right: 0;top: 0;}
.xn_c_index_323_ccli0 .xn_c_index_323_img{width: 394px;height: 353px;}
.xn_c_index_323_ccli1 .xn_c_index_323_img{width: 259px;height: 176px;}
.xn_c_index_323_ccli2 .xn_c_index_323_img{width: 259px;height: 176px;}
.xn_c_index_323_ccli3 .xn_c_index_323_img{width: 259px;height: 353px;}
.xn_c_index_323_title{width: 100%;height: 39px;line-height: 39px; position: absolute;bottom:-39px; background: url(../images/xn_c_index_323_title.png) repeat;text-align: center;}
.xn_c_index_323_title a{font-size:14px; color:#fff; height: 39px; line-height: 39px;}
.xn_c_index_323_title a:hover{}
.xn_c_index_323_img{width: 334px; height: 234px; overflow: hidden;}
.xn_c_index_323_img img{width: 100%;height: 100%;background: #fff;}
.xn_c_index_323_intro,.xn_c_index_323_csmore{display: none;}
.xn_c_index_323_ccul li:hover .xn_c_index_323_price,.xn_c_index_323_ccul li:hover .xn_c_index_323_range,.xn_c_index_323_ccul li:hover .xn_c_index_323_csmore{display: block;}
.xn_c_index_323_more{height:30px;line-height:30px;overflow:hidden;text-align:right;padding-right:20px; display: none;}
/*end_xn_c_index_323_wrap*/
/*xn_c_index_357_wrap*/
.xn_c_index_357_wrap{width:1200px;height:auto;margin: 48px auto 0;overflow:hidden; height: 336px; position: relative;}
.xn_c_index_357_main{height:auto;overflow:hidden;position:relative;}
.xn_c_index_357_inner{height:336px;overflow:hidden;position:relative;}
.xn_c_index_357_inner ul{height:336px;overflow:hidden;position:relative;}
.xn_c_index_357_inner li{width:100%;height:336px;float:left;overflow:hidden;position:absolute;left:0;top:0;cursor:pointer;opacity:0;z-index:22;}
.xn_c_index_357_img{width:432px;height:288px;overflow:hidden; position: absolute;left: 42px;top: 0;z-index: 10;}
.xn_c_index_357_img img{width:100%;height:100%;display:block;border:0;}
.xn_c_index_357_conbox{width: 1200px;height: 291px;background: #eeeeee; margin-top: 45px;}
.xn_c_index_357_conboxc{width: 643px; float: right; margin-right: 40px;}
.xn_c_index_357_tmname{display: none !important;}
.xn_c_index_357_inner .xn_c_index_357_ft{width:100%;height:30px;overflow:hidden;position:absolute;left:0;bottom:0;z-index:33;}
.xn_c_index_357_inner .xn_c_index_357_title{height:40px;line-height:40px;overflow:hidden;padding-top: 27px; text-align:left;}
.xn_c_index_357_title a{font-size:20px;color:#333333;}
.xn_c_index_357_title a:hover{color: #5181d5}
.xn_c_index_357_Date{height: 20px;line-height: 20px;padding-left: 563px;width: 92px; background: url(../images/cgage1scvg-ap1xpaaad5e55koi199.png) left  no-repeat;}
.xn_c_index_357_Date>span{display: block;float: left;color: #a0a0a0;font-size: 12px;}
.xn_c_index_357_intro{height:104px;line-height: 26px;margin-top: 6px;color: #333333;font-size: 12px; overflow: hidden;}
.xn_c_index_357_nums{height:11px;overflow:hidden;text-align:center; position: absolute; top: 307px;z-index: 30; position: absolute;left: 230px;}
.xn_c_index_357_nums span{width:9px;height:9px;display:inline-block;background:#5181d5;border: 1px solid #5181d5; border-radius: 50%; margin-right:13px;cursor:pointer;}
.xn_c_index_357_nums span.curr,.xn_c_index_357_nums span:hover{background:none !important;border: 1px solid #5181d5;}
.xn_c_index_357_prev,.xn_c_index_357_next{display:none;}
.xn_c_index_357_more{width: 149px;height: 41px;margin-top: 36px;float: right;}
.xn_c_index_357_more a{width: 147px;height: 39px;border: 1px solid #fff; text-align: center; color: #fff; line-height: 39px; display: block; background: #5181d5;font-size: 14px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.xn_c_index_357_more a:hover{border: 1px solid #5181d5; color: #5181d5;background: none;}
/*end_xn_c_index_357_wrap*/
/*xn_c_index_39_wrap*/
.xn_c_index_39_wrap{width:1200px;margin:59px auto 97px; overflow: hidden;}
.xn_c_index_39_topbox{width:100%;line-height:30px;}
.xn_c_index_39_newsmore{float:right;}
.xn_c_index_39_nrbox{width:100%;}
.xn_c_index_39_nrboxsmall{float: left;width: 588px;height: 133px; margin-left: 24px; margin-bottom: 34px;}
.xn_c_index_39_nrboxsmall0{margin-left: 0 !important;}
.xn_c_index_39_nrboxsmall2{margin-left: 0 !important;}
.xn_c_index_39_lftbox{float:left;width:121px; height: 130px;position: relative;}
.xn_c_index_39_img{width:105px; height:105px; position: absolute; top: 0;left: 0;}
.xn_c_index_39_lftbox img{width:105px; height:105px;}
.xn_c_index_39_ritbox{float:right;width:460px; height: 130px;background: #eeeeee;}
.xn_c_index_39_nrboxsmall:hover .xn_c_index_39_ritbox{background:none;border-top:1px solid #eeeeee;border-bottom: 1px solid #eeeeee}
.xn_c_index_39_title{width:406px;margin-left: 13px; margin-top: 6px; height: 44px;line-height: 44px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
.xn_c_index_39_title a{color: #333333;font-size: 18px;display: block;width: 406px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.xn_c_index_39_title a:hover{color: #5181d5;}
.xn_c_index_39_time{margin-right:15px;height: 29px;line-height: 29px; float: right; padding-top: 75px;}
.xn_c_index_39_time>span{display: block;float: left;color: #5181d5;font-size: 12px;}
.xn_c_index_39_timebox{width: 103px;height: 103px;border: 1px solid #5181d5; margin-top: 25px;margin-left: 16px}
.xn_c_index_39_click,.xn_c_index_39_more{display: none;}
.xn_c_index_39_coent{width:406px; height:66px;line-height:22px;overflow:hidden;margin-left: 13px; font-size: 14px;}
/*end_xn_c_index_39_wrap*/
/*index_cnt*/
.index_cnt{width:100%;  }
.index_cnt_m{width:100%; position:relative; margin:0 auto; }
.index_body{min-width: 1200px;overflow-x: hidden;}
.revealOnScroll { opacity: 0; }
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s }
@-webkit-keyframes bounce { 0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
@keyframes bounce { 0%, 100%, 20%, 50%, 80% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
}
.bounce { -webkit-animation-name: bounce; animation-name: bounce }
@-webkit-keyframes flash { 0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash { 0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash { -webkit-animation-name: flash; animation-name: flash }
@-webkit-keyframes pulse { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse { 0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.pulse { -webkit-animation-name: pulse; animation-name: pulse }
@-webkit-keyframes rubberBand { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(0.75);
transform:scaleX(1.25) scaleY(0.75)
}
40% {
-webkit-transform:scaleX(0.75) scaleY(1.25);
transform:scaleX(0.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(0.85);
transform:scaleX(1.15) scaleY(0.85)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes rubberBand { 0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(0.75);
-ms-transform:scaleX(1.25) scaleY(0.75);
transform:scaleX(1.25) scaleY(0.75)
}
40% {
-webkit-transform:scaleX(0.75) scaleY(1.25);
-ms-transform:scaleX(0.75) scaleY(1.25);
transform:scaleX(0.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(0.85);
-ms-transform:scaleX(1.15) scaleY(0.85);
transform:scaleX(1.15) scaleY(0.85)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand }
@-webkit-keyframes shake { 0%, 100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
@keyframes shake { 0%, 100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
}
.shake { -webkit-animation-name: shake; animation-name: shake }
@-webkit-keyframes swing { 20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes swing { 20% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing }
@-webkit-keyframes tada { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
@keyframes tada { 0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
-ms-transform:scale(0.9) rotate(-3deg);
transform:scale(0.9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
.tada { -webkit-animation-name: tada; animation-name: tada }
@-webkit-keyframes wobble { 0% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
@keyframes wobble { 0% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
-ms-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
-ms-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
-ms-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
-ms-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
-ms-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
.wobble { -webkit-animation-name: wobble; animation-name: wobble }
@-webkit-keyframes bounceIn { 0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounceIn { 0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn }
@-webkit-keyframes bounceInDown { 0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInDown { 0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown }
@-webkit-keyframes bounceInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInLeft { 0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft }
@-webkit-keyframes bounceInRight { 0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInRight { 0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight }
@-webkit-keyframes bounceInUp { 0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInUp { 0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp }
@-webkit-keyframes bounceOut { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}
@keyframes bounceOut { 0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
}
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut }
@-webkit-keyframes bounceOutDown { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes bounceOutDown { 0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown }
@-webkit-keyframes bounceOutLeft { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft { 0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft }
@-webkit-keyframes bounceOutRight { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes bounceOutRight { 0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight }
@-webkit-keyframes bounceOutUp { 0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes bounceOutUp { 0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp }
@-webkit-keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn }
@-webkit-keyframes fadeInDown { 0% {
opacity:0;
-webkit-transform:translateY(-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; }
/*end_index_cnt*/

/*bk2_i_pro*/

.xn_c_index_193_pro_line2{
  width: 75px;
    height: 4px;
    background: #4b9c62;
    margin: 0 auto;
    display: block;
    margin-top: 57px;
}
.bk2_i_pro_img{position:absolute;/* left:9px; *//* top:12px; */background: #fff;}
.bk2_i_pro_img img{width: 289px; height:auto; /* padding-left:32px; */}
.bk2_i_pro_main_name{position:absolute;left:30px;top: 190px;width:220px;height:52px;line-height:52px;font-size:13px;text-align: center;}
.bk2_i_pro_main_name1{ color: #000; font-weight:bold;display:none;}
.bk2_i_pro_main_name2 a{color: #000000; text-decoration:none;width: 220px;height: 52px;display: block;  white-space: nowrap; text-overflow:ellipsis;  -o-text-overflow:ellipsis;  overflow:hidden; -moz-binding:url('ellipsis.xml#ellipsis'); }
.bk2_i_pro_main:hover .bk2_i_pro_main_name2 a{color: #000000;display: block; text-decoration: none;background:url(../images/cgagffv4s2uaf3t6aaag2feamh4619.jpg)center bottom no-repeat;}
.bk2_i_pro_main_cnt{position:absolute; left:180px; top:24px; font-size:12px;display: none; }
.bk2_i_pro_main_cnt1{ color: #000; font-weight:bold !important;}
.bk2_i_pro_main_cnt2{width:410px; line-height:18px; height:54px; display:block; overflow:hidden; color: #333; margin-top:3px;}
.bk2_i_pro_main_more{position:absolute; right:0; top:0; font-size:10px;display: none; }
.bk2_i_pro_main_more a{ color:#C00; text-decoration:none;}
.bk2_i_pro_main_more a:hover{ color:#1f92d1; text-decoration: underline;}
/*end_bk2_i_pro*/

/*xn_c_index_175_wrap*/
.xn_c_index_175_wrap{width:100%; height:380px;margin-top:-15px; }
.xn_c_index_175_topbox{ display:none;line-height:30px;}
.xn_c_index_23_contbox{width:1200px;margin:50px auto;}
.xn_c_index_23_contbox2{float:left;width:280px; margin:5px 10px;margin-top:71px;}
.xn_c_index_23_contbox2_1{}
.xn_c_index_23_contbox2_1:hover{}
.xn_c_index_23_contbox2_1title{text-align:center;}
.xn_c_index_23_contbox2_1title>a{padding-top:56px;font-size:16px;font-weight:bold;color:#2c2b2b;}
.xn_c_index_23_contbox2_1title>a:hover{}

.xn_c_index_23_contbox2_1img{width:100px; height:100px; margin:0px auto;margin-bottom:23px;}
.xn_c_index_23_contbox2_1img img{width:100px; height:auto;}
.xn_c_index_23_contbox2_2{padding:5px;margin:0 auto;width:270px;text-align:center;font-size:12px;color:#666666;}
.xn_c_index_23_contbox2_2 a{color:#666;}
/*end_xn_c_index_175_wrap*/




/*xn_c_index_193_wrap*/
.xn_c_index_193_wrap{ height:782px; background:url(../images/xn_c_index_193_wrap.png) repeat-x bottom center; }
.xn_c_index_193_topbox{width:1200px; line-height:30px;margin:0px auto;}
.xn_c_index_193_pro_t1{width:540px; margin:0 auto; color:#21497a; font-size:26px; font-weight:bold; line-height:60px; height:60px; text-align:center;display:block;}
.xn_c_index_193_pro_t2{ width:540px; margin:0 auto; color:#41474f;  margin-top:15px; font-weight:bold; font-size:16px; font-weight:bold; line-height:30px; height:60px; text-align:center;display:block;}
.xn_c_index_193_pro_line{ width:75px; height:4px; background:#4b9c62; margin:0 auto; display:block;}
.xn_c_index_193_pro_t3{width:754px; margin:0 auto; color:#8c93a1;  margin-top:5px;  font-size:12px; font-weight:nomail; line-height:20px; height:40px; text-align:center;display:block;}
.xn_c_index_193_main{position:relative;width:1200px;margin:76px auto 0;}
.xn_c_index_193_left{height:61px;width:31px;background:url(../images/xn_c_index_193_left.png) no-repeat  center center ;cursor:pointer;position:absolute;margin-top:180px;left:0px;z-index:999;}
.xn_c_index_193_right{height:61px;width:31px;background:url(../images/xn_c_index_193_right.png);cursor:pointer;position:absolute;margin-top:180px;right:0px;z-index:999;}
.xn_c_index_193_inner{position:relative;float:left;width:1000px;overflow:hidden; margin-left:100px;}
.xn_c_index_193_ul{position:relative;float:left; }
.xn_c_index_193_li{float:left;margin:0px;width:315px; position:relative; height:390px; margin-right:25px; background:#f4f4f4;}
.xn_c_index_193_ritbox{ width:265px; margin:0 auto; }
.xn_c_index_193_lftbox{width:315px;height:195px;}
.xn_c_index_193_lftbox img{width:315px; height:195px;}
.xn_c_index_193_name{ height:30px; line-height:30px; margin-top:10px; }
.xn_c_index_193_name a{ color:#20497b; }
.xn_c_index_193_coent{width:265px;height:24px;line-height:24px; color:#4b9c62;overflow:hidden;}
.xn_c_index_352_img{display:none;}
.xn_c_index_352_headDate{display:none;}
.xn_c_index_352_intro{display:none;}
.xn_c_index_352_headMore{display:none;}
.xn_c_index_193_pro_more{ display:none;}
.xn_c_index_193_gdmore{  position:absolute; bottom:20px; right:30px; width:25px; height:25px; border:1px solid #20497b; background:url(../images/n_content_left_cnt.png) center center no-repeat #ffffff;} 
.xn_c_index_193_gdmore:hover{ background:url(../images/n_content_left_cnt.png) center center no-repeat #ccc;}
.xn_c_index_193_gdmore a{ width:25px; height:25px; display:block;}
.xn_c_index_193_gdmore a span{display:none;}
.xn_c_index_352_cbox{ width:265px; margin:5px auto 0;}
.xn_c_index_352_cli{ height:28px; line-height:28px; }
.xn_c_index_352_title{background:url(../images/xn_c_index_138_typename.jpg) no-repeat left center; font-size:14px; color:#5c5c5c;}
.xn_c_index_352_title a{ padding-left:10px;color:#5c5c5c;}
.xn_c_index_352_title a:hover{ color:#1f68c3; text-decoration:underline;}
/*end_xn_c_index_193_wrap*/




/*xn_c_index_17_wrap*/
.xn_c_index_17_wrap{width: 100%;height:734px;margin:0px auto;overflow: hidden;margin-top: 30px;}
.xn_c_index_17_col{padding-top:50px;}
.xn_c_index_17_title{}
.xn_c_index_17_t{width:595px;height:175px;margin:0 auto;background:url(../images/index_17_t.png) no-repeat center center;}
.xn_c_index_17_name{text-align:center;padding-top:76px;}
.xn_c_index_17_name1{font-size:28px;color:#3a3a3a;}
.xn_c_index_17_name1 b{color:#fff;font-weight:bold;}
.xn_c_index_17_img{width:315px;height:190px;}
.xn_c_index_17_img img{width:315px;height:190px;}
.xn_c_index_17_cont{font-size: 13px;}
.xn_c_index_17_content{width:280px;font-size:14px;color:#000;line-height:22px;height: 88px;overflow:hidden;margin:0 auto;}
.xn_c_index_17_li{float: left;width: 315px;height: 410px;padding:10px;overflow: hidden;background:#fff;margin:0px 7px;}
.xn_c_index_17_left{height:60px;width:35px;background: url(../images/l_left.png);cursor: pointer;position:absolute;left:0px;top:50%;margin-top:-30px;}
.xn_c_index_17_right{height:60px;width:35px;background: url(../images/l_right.png);cursor: pointer;position:absolute;right:0px;top:50%;margin-top:-30px;}
.xn_c_index_17_main{width:1150px;margin:0 auto;position: relative;}
.xn_c_index_17_inner{position:relative;width: 1050px;overflow: hidden;margin:0 auto;height: 494px;}
.xn_c_index_17_ul{position: relative;float: left;}
.xn_c_index_17_more{display: inline-block;position: absolute;right: 10px;font-size: 13px;}
.xn_c_index_17_li:hover{box-shadow:0px 0px 10px #0a4a76;}
.xn_c_index_17_ctitle{width:280px;height:30px;margin:10px auto;white-space: nowrap; text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/}
.xn_c_index_17_ctitle a{font-size:18px;color:#0a4a76;line-height:30px;font-weight:bold;}

.xn_c_index_17_ctitle2{width:280px;height:30px;margin:0px auto 10px;white-space: nowrap; text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ -o-text-overflow:ellipsis; /*溢出省略号，支持opera*/ overflow:hidden;/*溢出隐藏*/ -moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/}
.xn_c_index_17_ctitle2 a{font-size:18px;color:#4b9c62;line-height:30px;font-weight:bold;}
.xn_c_index_17_li:hover .xn_c_index_17_ctitle a,.xn_c_index_17_li:hover .xn_c_index_17_content{color:#0a4a76;}
.xn_c_index_17_left:hover{height:60px;width:35px;background: url(../images/l_left.png) rgba(225,225,225,0.3);cursor: pointer;position:absolute;left:0px;top:50%;margin-top:-30px;}
.xn_c_index_17_right:hover{height:60px;width:35px;background: url(../images/l_right.png) rgba(225,225,225,0.3);cursor: pointer;position:absolute;right:0px;top:50%;margin-top:-30px;}
.xn_c_index_17_tel{width:1150px;text-align:center;margin:0 auto;margin-top:60px;display: none;}
.xn_c_index_17_telbox{display:inline-block;height:60px;line-height:60px;color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.xn_c_index_17_tel_wz{float:left;padding-right:5px;font-size:16px;display:inline-block;padding-left:45px;background:url(../images/tel_icon.png) no-repeat left 5px center;}
.xn_c_index_17_tel_no{font-size:26px;display:inline-block;}
/*end_xn_c_index_17_wrap*/






/*xn_c_index_138_wrap*/
.xn_c_index_138_wrap_bk{ width:1200px; height:560px; position:relative; margin:0 auto;}
.xn_c_index_138_wrap{width:1200px;margin:0px auto;}
.xn_c_index_138_wbox{width:1200px; margin:20px auto 0; background:url(../images/xn_c_solution_3_wrap.jpg) repeat-x center top 15px ; text-align:Center; position:relative;height:400px;}
.xn_c_index_138_head{ text-align:center; }
.xn_c_index_138_typeList{ display:inline-block;  }
.xn_c_index_138_cWrap{ display:none;}
 .xn_c_index_138_eWrap{ color:#21497a; font-weight:bold;display:block; height:60px; line-height:60px; font-size:26px; padding-top:30px;  }
.xn_c_index_138_dashw{  margin:0 auto;  display:block;background:#fed722; height:2px; width:50px;}
.xn_c_index_138_contType{display:none;position:absolute;top:60px;left:0px;}
.xn_c_index_138_typeName{margin-left: -5px;width:100px;height:30px;line-height:30px; background:url(../images/xn_c_index_138_typename.jpg) no-repeat center left 5px #fff;float:left;position:relative;top:0px;text-align:center;cursor:pointer;}
.xn_c_index_138_typeName_cur{ color:#4b9c62;}
.xn_c_index_138_contType_cur{display:block;}
.xn_c_index_138_img,.xn_c_index_138_Count,.xn_c_index_138_newsMore{display:none;}
.xn_c_index_138_context{height:80px;line-height:20px;overflow:hidden;}
.xn_c_index_138_hotUl{width:690px;float:right;  overflow: hidden;}
.xn_c_index_138_headUl{ width:690px;height:140px; margin-bottom:10px; overflow:hidden; float:right;}
.xn_c_index_138_headLi{ height:140px; background:#f4f4f4;  }
.xn_c_index_138_headcon{ text-align:left; width:450px; height:140px; margin-left:20px; float:left;}
.xn_c_index_138_headTitle{}
.xn_c_index_138_headImg{ width:200px; height:140px; float:left;}
.xn_c_index_138_headImg img{ width:200px; height:140px; float:left;}
.xn_c_index_138_headCount{}
.xn_c_index_138_headDate{}
.xn_c_index_138_hcontext{  margin-top:30px; line-height:22px; width:100%; height:44px; color:#706d6d; font-size:12px; overflow: hidden; }
.xn_c_index_138_hMore{}
.xn_c_index_138_headTitle{ height:50px; line-height:50px;}
.xn_c_index_138_headTitle a{ color:#1a62bc;}
.xn_c_index_138_headTitle a:hover{ color: #4b9c62;  text-decoration:underline;}
.xn_c_index_138_headDate{padding-left: 20px; color:#939393;
    background: url(../images/nnews_lb_bq.png) no-repeat center left; font-size:12px; display:inline-block; float:left;}
.xn_c_index_138_headCount{ font-size:12px; padding-left: 20px;background: url(../images/nnews_lb_click.png) no-repeat center left;color:#939393;display:inline-block; margin-left:20px; float:left;}
 .xn_c_index_138_indDate{ display:none;}
 .xn_c_index_138_context{display:none;}
 .xn_c_index_138_hotMore{display:none;}
 .xn_c_index_138_headMore{display:none;}
 .xn_c_index_138_Title{ text-align:left; background:url(../images/xn_c_3401.png) no-repeat center left 5px;text-indent:10px;width:345px;  float:left; height:46px; line-height:46px; border-bottom:1px dashed #ededef;}
.xn_c_index_138_Title:hover{ background:url(../images/xn_c_34.png) no-repeat center left 5px;}
.xn_c_index_138_Title a{  width:85%;text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/ display: inline-block;
-o-text-overflow:ellipsis; /*溢出省略号，支持opera*/
overflow:hidden;/*溢出隐藏*/
-moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/
white-space: nowrap;color:#484849; font-size:14px;}
.xn_c_index_138_Title a:hover{ color:#2b6cbd;}
/*end_xn_c_index_138_wrap*/

.xn_c_about_jianjie{
  width: 1200px;
    margin: 0 auto;
}

/*xn_c_100_wrap*/
        .xn_c_100_wrap{width:480px; position:absolute;left:0px; bottom:52px;  height:335px;margin: 0 auto;}
        .xn_c_100_box{width:480px; height: 335px; position: relative; overflow: hidden;}
        .xn_c_100_innerBox li{width: 480px;}
        .xn_c_100_img img{width: 480px; height: 335px;}
        .xn_c_100_Title{position: absolute; font-size:14px; font-weight:bold; width: 100%; height: 36px; line-height: 36px; left:0px; bottom:-36px; background-color:rgba(0,0,0,.4); color: #fff; text-indent: 10px; transition:all 0.5s;}
        .xn_c_100_Title a{color: #fff;}
        .xn_c_100_context{display: none;}
        .dotBox{position: absolute; right:0; bottom:14px; width:80px;}
		.dotBox span{display: inline-block; width: 8px; height: 8px; margin: 0 4px; border-radius: 4px; background-color: #fff; cursor: pointer;}
		.dotBox span.curr{background-color: #4b9c62;}
		.xn_c_100_innerBox li.curr .xn_c_100_Title{
			bottom:0; transition:all 0.5s; transition-delay: 0.4s;
		}
		.xn_c_100_right,.xn_c_100_left{display: none;}
        /*end_xn_c_100_wrap*/



/*xn_c_index_liux*/
.xn_c_index_liux{width:100%; height:820px; /*background:url(../images/bj.png) center no-repeat;*/}
.xn_c_liux_box{width:1200px; height:613px; margin:0 auto 0; position:relative; top:35px; background: url(../images/cgage1scu0uaczupaaampm1pjik900.png) center no-repeat; }
.xn_c_liux_box li a{
transition:all 1.5s; 
-webkit-transition:all 1.5s; 
-moz-transition:all 1.5s; 
-o-transition:all 1.5s; 
}
.xn_c_liux_box li a:hover{
transform:rotate(360deg);
-webkit-transform:rotate(360deg); 
-moz-transform:rotate(360deg); 
-o-transform:rotate(360deg); 
cursor: pointer;
}
.xn_c_liux_box>ul{position:relative; z-index: 10;}
.xn_c_liux_box1{top:360px;left:150px; position:absolute;}
.xn_c_liux_box2{top:375px;left:250px; position:absolute;}
.xn_c_liux_box3{top:240px;left:380px; position:absolute;}
.xn_c_liux_box4{top:160px;left:800px; position:absolute;}
.xn_c_liux_box5{top:130px;left:660px; position:absolute;}
.xn_c_liux_box6{top:280px;right:100px; position:absolute;}

.xn_c_liux_box1 a{display:block;width:60px; height:60px; background:url(../images/cgage1r9itkab_8raaanrofi_fa905.png) center no-repeat;}
.xn_c_liux_box2 a{display:block;width:110px;height:108px; background:url(../images/cgagffr9iqeacwm2aaabsbkt7ki384.png) center no-repeat;}
.xn_c_liux_box3 a{display:block; width:211px; height:207px; background:url(../images/cgagffr9iwgaaf9uaaahhnrhfsi037.png) center no-repeat}
/* .xn_c_liux_box4 a{display:block; width:150px; height:150px; background:url(../images/cgage1scuckavumpaaatdsijily704.png) center no-repeat} */
.xn_c_liux_box5 a{display:block;width:160px;height:160px;background:url(../images/cgage1r9i1yaf9ykaaapspkmit0812.png) center no-repeat;}
.xn_c_liux_box6 a{display:block; width:115px;height:115px;background:url(../images/cgagffr9h2yawrweaaaxtcmt_ji682.png) center no-repeat;background-size:115px 115px;}

.xn_c_liux_boxt2{width:344px; height:100px; padding-bottom:98px; background:url(../images/1.png) left bottom no-repeat; position:absolute; top:250px; left:30px;}
/* .xn_c_liux_boxt2{width:344px; height:102px; padding-bottom:98px; background:url(../images/cgagffr9hjwav6cuaaajrcujtdc199.png) left bottom no-repeat; position:absolute; top:231px; left:0;} */
.xn_c_liux_box_not2{background:url(../images/xn_c_liux_box_not2.png) no-repeat;position:absolute;left:0;top:-20px;width:48px;height:37px;}
.xn_c_liux_box_ent2{height: 17px;line-height: 17px; font-size: 12px;color: #4b9c62; padding-top: 18px; font-family: "Arial"; text-align: right; width: 270px;}
.xn_c_liux_box_cnt2 { height:32px; line-height:32px; color:#4b9c62; font-size:24px; font-weight:bold; text-align:left; width:270px; position:absolute; left:55px; top:-15px;}
.xn_c_liux_box_cont2{height:31px; line-height:31px; color:#333333; font-size:16px; margin-top:20px;}

.xn_c_liux_boxt4{width: 272px;height: 159px;background: url(../images/cgagffr9hm6avwgiaaag4k2ur-e632.png) 0 90px  no-repeat; position: absolute;top:110px;left:240px;}
.xn_c_liux_box_not4{background:url(../images/cgage1sbfbyawgavaaadudb7j-g131.png) no-repeat; position:absolute; left:0; top:50px; width: 48px; height:37px;}
.xn_c_liux_box_ent4{height: 19px;line-height: 19px; font-size: 12px;color: #4b9c62; padding-top: 28px; font-family: "Arial"; text-align: left; width:270px;}
.xn_c_liux_box_cnt4{height:36px;line-height:36px; color:#4b9c62; font-size:24px; font-weight:bold; text-align:left; width:270px; position:absolute; top:55px;}
.xn_c_liux_box_cont4{height:31px;line-height:31px; color:#333333; font-size:16px; padding-top:12px; position:absolute; top:75px;}

.xn_c_liux_boxt6{width:320px; height:182px; background: url(../images/cgagffr9hp6ab8k0aaahsts9iio642.png) right 0  no-repeat; position: absolute; top:490px; left:300px;}
.xn_c_liux_box_not6{background:url(../images/cgage1sbffuacocfaaada8fj1kc669.png) no-repeat; position:absolute; right:0; bottom:0; width:51px; height:37px; top:40px;}
.xn_c_liux_box_ent6{height: 18px;line-height: 18px; font-size: 12px;color: #4b9c62; padding-top: 19px; font-family: "Arial"; text-align: right; width: 100%;}
.xn_c_liux_box_cnt6{height:35px; line-height:35px; color:#4b9c62; font-size:24px;font-weight:bold; text-align:right; width:100%; position:absolute; right:60px; top:45px;}
.xn_c_liux_box_cont6{line-height:25px;color:#333333; font-size:16px; padding-top:85px; position:absolute; right:0;}

.xn_c_liux_boxt8{width:345px;height:190px;background:url(../images/444.png) 0 90px no-repeat; position:absolute; top:300px; left:700px;}
.xn_c_liux_box_not8{background:url(../images/5.png) no-repeat; position:absolute; right:45px; bottom:25px; width:48px; height:37px;}
.xn_c_liux_box_ent8{height:19px; line-height:19px; font-size:12px; color:#4b9c62; padding-top:28px; font-family:"Arial"; text-align:left; width:270px;}
.xn_c_liux_box_cnt8{height:36px;line-height:36px; color:#4b9c62; font-size:24px; font-weight:bold; text-align:left; width:270px; position:absolute; top:135px; right:50px;}
.xn_c_liux_box_cont8{height:28px;line-height:28px;color:#333333;font-size:16px;padding-top:12px;position:absolute;top:160px;width:250px;}

.xn_c_liux_boxt10{width:360px;height:180px;background:url(../images/55.png) right 91px no-repeat;position:absolute; top:310px; right:0px;}
.xn_c_liux_box_not10{background:url(../images/6.png) no-repeat; position:absolute; right:0px; bottom:15px; width:54px; height:37px; }
.xn_c_liux_box_ent10{height: 19px;line-height: 19px; font-size: 12px;color: #4b9c62; padding-top: 29px; font-family: "Arial"; text-align: right; width:289px; float: right; clear: both;}
.xn_c_liux_box_cnt10{height:36px;line-height:36px; color:#4b9c62; font-size:24px;font-weight:bold; text-align:right; width:289px; float:right; clear:both; position:absolute; right:65px; top:135px;}
.xn_c_liux_box_cont10{line-height:25px; color:#333333; font-size:16px; padding-top:18px;float:right; clear:both; position:absolute; right:0px; top:155px;}


.xn_c_liux_boxt12{width:360px; height:180px; background:url(../images/4.png) right 91px no-repeat; position:absolute; top:-30px; right:50px;}
.xn_c_liux_box_not12{background:url(../images/cgage1sbfgeamrsmaaadlozgrae395.png) no-repeat; position:absolute; right:0; bottom:92px; width: 54px; height:37px; }
.xn_c_liux_box_ent12{height: 19px;line-height: 19px; font-size: 12px;color: #4b9c62; padding-top: 29px; font-family: "Arial"; text-align: right; width: 289px; float: right; clear: both;}
.xn_c_liux_box_cnt12{height:36px;line-height:36px; color:#4b9c62; font-size:24px;font-weight:bold; text-align:right; width:289px; float:right; clear:both; position:absolute; right:60px; top:55px;}
.xn_c_liux_box_cont12{line-height:25px; color:#333333; font-size:16px; padding-top:18px;float:right; clear:both; width:240px; position:absolute; right:0; left:120px; top:73px;}



.xn_c_liux_box_cnt2:hover{color: #0a4a76;cursor: pointer;}
.xn_c_liux_box_ent2:hover{color: #0a4a76;cursor: pointer;}
.xn_c_liux_box_ent4:hover{color: #0a4a76;cursor: pointer;}
.xn_c_liux_box_cnt4:hover{color: #0a4a76;cursor: pointer;}
.xn_c_liux_box_ent8:hover{color: #0a4a76;cursor: pointer;}
.xn_c_liux_box_cnt8:hover{color: #0a4a76;cursor: pointer;}
.xn_c_liux_box_ent6:hover{color: #0a4a76;cursor: pointer;}
.xn_c_liux_box_cnt6:hover{color: #0a4a76;cursor: pointer;}
.xn_c_liux_box_ent10:hover{color: #0a4a76;cursor: pointer;}
.xn_c_liux_box_cnt10:hover{color: #0a4a76;cursor: pointer;}
/*end_xn_c_index_liux*/


/*xn_c_index_sv*/
.xn_c_index_sv{width: 100%;height:787px;background: url(../images/xn_c_index_sv.png)  center  no-repeat ;display:none;}
.xn_c_index_sv_box{width: 1200px;margin: 0 auto;}
.xn_c_index_sv_top{width: 100%; text-align: center; padding-top: 68px;}
.xn_c_index_sv_top>span{display: block;width: 100%}
.xn_c_index_sv_top1{font-size: 24px;color: #333333;font-weight: bold;}
.xn_c_index_sv_top2{height: 27px;line-height: 27px;color: #333333;font-size: 16px;}
/*end_xn_c_index_sv*/
/*xn_c_pro_13_wrap*/
.xn_c_pro_13_wrap{width:1164px;margin:59px auto 0 36px;  position: relative; }
.xn_c_pro_13_wbox{width: 90px;/* position: relative; */}
.xn_c_pro_13_bg{position: absolute;left: 0;top: 0;display: block;background:url(../images/cgage1penksaeo7waacmdrcfvna963.png) left top no-repeat;width:1164px;height: 526px;}
.xn_c_pro_13_lbbigbox{z-index: 100;position: absolute;}
.xn_c_pro_13_lbname a{color: #000;font-size: 14px;text-align: left;font-family: "黑体"; display: none;}
.xn_c_pro_13_nrbigbox{width:304px;z-index: 11;right: 15px;top: 0px; position: absolute;display: none; height: 475px;  }
.xn_c_pro_13_nrxhbox{float:left;width:304px;}
.xn_c_pro_13_pic{width:304px;}
.xn_c_pro_13_pic img{width:304px;height:187px; background:#fff;}
.xn_c_pro_13_cont{width:200px;height:140px;line-height:20px;overflow:hidden;display: none;}
.xn_c_pro_13_name{ width:304px;height:48px;background:url(../images/xn_c_pro_13_name.png)  center no-repeat;line-height:48px;  text-align: center; font-size: 16px;font-weight: bold;color: #ffffff; overflow:hidden }
.xn_c_pro_13_xinhao,.xn_c_pro_13_namewz{display: none;}
.xn_c_pro_13_namemc{ }
.xn_c_pro_13_name a{color: #ffffff; font-size: 16px; }
.xn_c_pro_13_lbmore{float: left;width: 13px;height: 17px; position: relative;z-index: 10; background:url(../images/cgags1h1m8aad4x8aaaelhcykxo972.png)  center no-repeat;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.xn_c_pro_13_lbmore a{display: none;}
.xn_c_pro_13_lbmore:hover{
	cursor: pointer;
	transform:translate(0,-5px);
	-webkit-transform:translate(0,-5px);
	-moz-transform:translate(0,-5px);
	-o-transform:translate(0,-5px);
	-ms-transform:translate(0,-5px);
}
.xn_c_pro_13_lbbigboxcur{z-index:1}
.xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbmore{display: block;}
.xn_c_pro_13_lbname{float: left; height: 25px;line-height: 25px;}
.xn_c_pro_13_wbox3 .xn_c_pro_13_lbmore{display: block !important;}
/*.xn_c_pro_13_wbox0 .xn_c_pro_13_lbmore{background:url(../images/xn_c_pro_13_wbox0.png)  center no-repeat; width: 141px;height: 120px;}
.xn_c_pro_13_wbox1 .xn_c_pro_13_lbmore{background:url(../images/xn_c_pro_13_wbox1.png)  center no-repeat; width: 69px;height: 121px;}
.xn_c_pro_13_wbox2 .xn_c_pro_13_lbmore{background:url(../images/xn_c_pro_13_wbox2.png)  center no-repeat; width: 114px;height: 58px;}
.xn_c_pro_13_wbox3 .xn_c_pro_13_lbmore{background:url(../images/xn_c_pro_13_wbox3.png)  center no-repeat;width: 24px;height: 26px;}
.xn_c_pro_13_wbox4 .xn_c_pro_13_lbmore{background:url(../images/xn_c_pro_13_wbox4.png)  center no-repeat;width: 87px;height: 50px;}
.xn_c_pro_13_wbox5 .xn_c_pro_13_lbmore{background:url(../images/xn_c_pro_13_wbox5.png)  center no-repeat;width: 69px;height: 50px;}
.xn_c_pro_13_wbox6 .xn_c_pro_13_lbmore{background:url(../images/xn_c_pro_13_wbox6.png)  center no-repeat;width: 42px;height: 24px;}
.xn_c_pro_13_wbox7 .xn_c_pro_13_lbmore{background:url(../images/xn_c_pro_13_wbox7.png)  center no-repeat;width: 51px;height: 50px;}
.xn_c_pro_13_wbox8 .xn_c_pro_13_lbmore{background:url(../images/xn_c_pro_13_wbox8.png)  center no-repeat;width: 114px;height: 67px;}*/
.xn_c_pro_13_wbox32 .xn_c_pro_13_lbmore{background:url(../images/cgagtfh10ucaw_gkaaa6_rbeqi0718.png)  center no-repeat !important;width: 179px !important;height: 102px !important;}
/*.xn_c_pro_13_wbox10 .xn_c_pro_13_lbmore{background:url(../images/cgags1hkdgoah9raaaa6_bm09dg512.png)  center no-repeat;width: 179px;height: 102px;}*/
.xn_c_pro_13_wbox0 .xn_c_pro_13_lbbigbox{top: 96px;left: 683px;}
.xn_c_pro_13_wbox1 .xn_c_pro_13_lbbigbox{top: 128px;left: 671px;}
.xn_c_pro_13_wbox2 .xn_c_pro_13_lbbigbox{top: 149px; left: 634px;}
.xn_c_pro_13_wbox3 .xn_c_pro_13_lbbigbox{top: 182px; left: 545px;}
.xn_c_pro_13_wbox4 .xn_c_pro_13_lbbigbox{top: 414px;left: 646px;}
.xn_c_pro_13_wbox5 .xn_c_pro_13_lbbigbox{top: 187px; left: 602px;}
.xn_c_pro_13_wbox6 .xn_c_pro_13_lbbigbox{top: 208px; left: 438px;}
.xn_c_pro_13_wbox7 .xn_c_pro_13_lbbigbox{top: 213px; left: 557px;}
.xn_c_pro_13_wbox8 .xn_c_pro_13_lbbigbox{top: 155px;left: 513px;}
.xn_c_pro_13_wbox9 .xn_c_pro_13_lbbigbox{top: 214px;left: 524px;}
.xn_c_pro_13_wbox10 .xn_c_pro_13_lbbigbox{top: 234px;left: 385px;}
.xn_c_pro_13_wbox11 .xn_c_pro_13_lbbigbox{top: 250px;left: 414px;}
.xn_c_pro_13_wbox12 .xn_c_pro_13_lbbigbox{top: 238px;left: 585px;}
.xn_c_pro_13_wbox13 .xn_c_pro_13_lbbigbox{top: 266px;left: 533px;}
.xn_c_pro_13_wbox14 .xn_c_pro_13_lbbigbox{top: 274px;left: 474px;}
.xn_c_pro_13_wbox15 .xn_c_pro_13_lbbigbox{top: 330px;left: 409px;}
.xn_c_pro_13_wbox16 .xn_c_pro_13_lbbigbox{top: 302px;left: 619px;}
.xn_c_pro_13_wbox17 .xn_c_pro_13_lbbigbox{top: 308px;left: 585px;}
.xn_c_pro_13_wbox18 .xn_c_pro_13_lbbigbox{top: 304px;left: 242px;}
.xn_c_pro_13_wbox19 .xn_c_pro_13_lbbigbox{top: 337px;left: 457px;}
.xn_c_pro_13_wbox20 .xn_c_pro_13_lbbigbox{top: 335px;left: 542px;}
.xn_c_pro_13_wbox21 .xn_c_pro_13_lbbigbox{top: 348px;left: 621px;}
.xn_c_pro_13_wbox22 .xn_c_pro_13_lbbigbox{top: 339px;left: 645px;}
.xn_c_pro_13_wbox23 .xn_c_pro_13_lbbigbox{top: 371px;left: 525px;}

.xn_c_pro_13_wbox24 .xn_c_pro_13_lbbigbox{top: 368px;left: 573px;}
.xn_c_pro_13_wbox25 .xn_c_pro_13_lbbigbox{top: 395px;left: 616px;}
.xn_c_pro_13_wbox26 .xn_c_pro_13_lbbigbox{top: 493px;left: 477px;}
.xn_c_pro_13_wbox27 .xn_c_pro_13_lbbigbox{top: 442px;left: 545px;}
.xn_c_pro_13_wbox28 .xn_c_pro_13_lbbigbox{top: 444px;left: 463px;}
.xn_c_pro_13_wbox29 .xn_c_pro_13_lbbigbox{top: 417px;left: 379px;}
.xn_c_pro_13_wbox30 .xn_c_pro_13_lbbigbox{top: 395px;left: 443px;}
.xn_c_pro_13_wbox31 .xn_c_pro_13_lbbigbox{top: 107px;left: 231px;}
.xn_c_pro_13_wbox32 .xn_c_pro_13_lbbigbox{top: 379px;left: 0;}


.xn_c_pro_13_wbox0 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3nz-aeybnaaaijxrf-rk136.png)  center no-repeat;width: 169px;height: 138px;position: absolute;top: -96px;left: -84px;}
.xn_c_pro_13_wbox1 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3oboammhlaaaflzm27wy755.png)  center no-repeat;width: 96px;height: 62px;position: absolute;top: -6px;left: -27px;}
.xn_c_pro_13_wbox2 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3oomaj3laaaaf1ky7yws088.png)  center no-repeat;width: 96px;height: 76px;position: absolute;top: -18px;left: -53px;}
.xn_c_pro_13_wbox3 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3oumatjhqaaaeuhb1ggw929.png)  center no-repeat;width: 24px;height: 24px;position: absolute;top: 2px;left: -9px;}
.xn_c_pro_13_wbox4 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3phuajg99aaafdh67qok531.png)  center no-repeat;width: 28px;height: 58px;position: absolute;top: 0px;left: -11px;}
.xn_c_pro_13_wbox5 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3pjkadxheaaaemqvt9yg482.png)  center no-repeat;width: 28px;height: 24px;position: absolute;top: -3px;left: -16px;}
.xn_c_pro_13_wbox6 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3qiwarjrlaaafmg3rihq241.png)  center no-repeat;width: 33px;height: 68px;position: absolute;top: -15px;left: -10px;}
.xn_c_pro_13_wbox7 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3p-iaf80maaaguglk9du239.png)  center no-repeat;width: 60px;height: 103px;position: absolute;top: -72px;left: -21px;}

.xn_c_pro_13_wbox8 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3rceaiumyaaalgqmvs6u608.png)  center no-repeat;width: 303px;height: 199px;position: absolute;top: -138px;left: -158px;}
.xn_c_pro_13_wbox9 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3rceabllxaaafia25hyg321.png)  center no-repeat;width: 51px;height: 94px;position: absolute;top: -38px;left: -23px;}
.xn_c_pro_13_wbox10 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3rceac_-paaahsia3_je711.png)  center no-repeat;width: 181px;height: 125px;position: absolute;top: -52px;left: -160px;}
.xn_c_pro_13_wbox11 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3q22ahmpqaaaixlusulg092.png)  center no-repeat;width: 168px;height: 165px;position: absolute;top: -109px;left: -113px;}
.xn_c_pro_13_wbox12 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3rceabkezaaafbvpe-si659.png)  center no-repeat;width: 87px;height: 50px;position: absolute;top: -10px;left: -23px;}
.xn_c_pro_13_wbox13 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3q22azqviaaaf2x8q0d4255.png)  center no-repeat;width: 69px;height: 85px;position: absolute;top: -20px;left: -34px;}
.xn_c_pro_13_wbox14 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3rceajqsqaaaggwkupss759.png)  center no-repeat;width: 69px;height: 121px;position: absolute;top: -72px;left: -37px;}
.xn_c_pro_13_wbox15 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3rciasyi5aaahfrqj42a497.png)  center no-repeat;width: 141px;height: 120px;position: absolute;top: -49px;left: -89px;}

.xn_c_pro_13_wbox16 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3rbsasr9jaaaf567pyom448.png)  center no-repeat;width: 78px;height: 76px;position: absolute;top: -29px;left: -38px;}
.xn_c_pro_13_wbox17 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3q22aud5eaaaflzuxgme220.png)  center no-repeat;width: 51px;height: 76px;position: absolute;top: -35px;left: -22px;}
.xn_c_pro_13_wbox18 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3wk6atzojaaajahvulrg569.png)  center no-repeat;width: 285px;height: 165px;position: absolute;top: -93px;left: -179px;}
.xn_c_pro_13_wbox19 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3wx2abcseaaafdaiytbw515.png)  center no-repeat;width: 51px;height: 59px;position: absolute;top: -21px;left: -21px;}
.xn_c_pro_13_wbox20 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3q_2acdi8aaaf33r5qpi070.png)  center no-repeat;width: 114px;height: 58px;position: absolute;top: -27px;left: -78px;}
.xn_c_pro_13_wbox21 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3w8aanncraaafvnh14xq587.png)  center no-repeat;width: 51px;height: 59px;position: absolute;top: -15px;left: -12px;}
.xn_c_pro_13_wbox22 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3rciarsofaaae_s9u_zw237.png)  center no-repeat;width: 33px;height: 33px;position: absolute;top: -5px;left: -20px;}
.xn_c_pro_13_wbox23 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3rboadltcaaaf6wqn7tc726.png)  center no-repeat;width: 78px;height: 77px;position: absolute;top: -20px;left: -52px;}
.xn_c_pro_13_wbox24 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3xw6ad3l5aaafu0nystg368.png)  center no-repeat;width: 60px;height: 77px;position: absolute;top: -16px;left: -28px;}
.xn_c_pro_13_wbox25 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3q22ajjzfaaafuhw_bnm692.png)  center no-repeat;width: 51px;height: 59px;position: absolute;top: -17px;left: -35px;}
.xn_c_pro_13_wbox26 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3q22abzngaaae3mdwwqk779.png)  center no-repeat;width: 42px;height: 24px;position: absolute;top: 9px;left: -13px;}
.xn_c_pro_13_wbox27 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3q22amqxsaaafxua_czo125.png)  center no-repeat;width: 114px;height: 67px;position: absolute;top: -19px;left: -63px;}
.xn_c_pro_13_wbox28 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3q22azyb9aaagfafflzg452.png)  center no-repeat;width: 105px;height: 67px;position: absolute;top: -30px;left: -54px;}
.xn_c_pro_13_wbox29 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3xpmak8ceaaahdoz41vm528.png)  center no-repeat;width: 114px;height: 111px;position: absolute;top: -57px;left: -68px;}

.xn_c_pro_13_wbox30 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3q22abzzsaaaf6ddimwi405.png)  center no-repeat;width: 73px;height: 72px;position: absolute;top: -40px;left: -37px;}
.xn_c_pro_13_wbox31 .xn_c_pro_13_lbbigboxcur .xn_c_pro_13_lbname{background:url(../images/cgags1h3xxcadxpeaaaj_nppptk177.png)  center no-repeat;width: 276px;height: 191px;position: absolute;top: -73px;left: -172px;}



.xn_c_pro_13_ziliao{width: 292px;margin:4px  auto 0; max-height: 420; overflow: hidden; border: 1px solid #e9e9e9; background: #fff; overflow: hidden; line-height: 22px; color: #333333;font-size: 14px; }
.xn_c_pro_13_ziliao>div:first-child{width: 285px;border-top: none; background:url(../images/cgage1scvg-ap1xpaaad5e55koi199.png) center  top no-repeat;display: block;  padding: 3px 0 0 0;}
.xn_c_pro_13_yewu{width: 242px;margin:3px  auto 0;overflow: hidden; max-height:57px;color: #fff;font-size: 14px;}
.xn_c_pro_13_xyewu1{width: 71px;display: block;text-align: right; float: left; font-size: 14px;font-weight: bold;}
.xn_c_pro_13_xyewu2{float: left;width: 158px;margin-left: 12px; display: block;}
.xn_c_pro_13_ditu{width: 242px;height: 162px;margin: 0 auto;color: #fff;font-size: 14px;}
.xn_c_pro_13_more{width: 304px;height: 57px; margin: 4px auto 0;}
.xn_c_pro_13_more a{width: 304px;height: 57px; line-height: 66px;background:url(../images/xn_c_pro_13_more.png)  center no-repeat; font-size: 16px;text-align: center;display: block;color: #fff;}
.xn_c_pro_13_ziliao>div{width: 285px;margin: 0 auto;line-height: 38px;overflow: hidden;max-height: 76px;border-top: 1px solid #e5e5e5;}
.xn_c_pro_13_mail{max-height: 42px!important;}
.xn_c_pro_13_dingwei{max-height: 120px!important; line-height: 31px!important;}
.xn_c_pro_13_xinxi1{padding:9px 0 9px 29px;  background:url(../images/xn_c_pro_13_xinxi1.png)  left no-repeat; margin-left: 17px; }
.xn_c_pro_13_phone1{padding: 0px 0 0 29px;background:url(../images/xn_c_pro_13_phone1.png)  left no-repeat;margin-left: 17px;float: left;}
.xn_c_pro_13_daying1{padding: 0 0 0px 29px;background:url(../images/xn_c_pro_13_daying1.png)  left no-repeat;margin-left: 17px;float: left;}
.xn_c_pro_13_mail1{padding: 0 0 0 29px;background:url(../images/xn_c_pro_13_mail1.png)  left no-repeat;margin-left: 17px;float: left;}
.xn_c_pro_13_dingwei1{padding: 0px 0 0 29px;background:url(../images/xn_c_pro_13_dingwei1.png)  left no-repeat;margin-left: 17px;float: left;}
.xn_c_pro_13_daying {
    max-height: 38px !important;
}

.xn_c_pro_13_mail2 {
    float: left;
    /* width: 182px; */
    /* max-height: 76px; */
}
.xn_c_pro_13_daying2 p span{line-height: 38px!important;}
.xn_c_pro_13_mail2 p {
    width: 170px;
    max-height: 76px;
    display: block;
    word-break: break-all;
}

.xn_c_pro_13_dingwei2 p {
    width: 191px;
    max-height: 76px;
    display: block;
    word-break: break-all;
}

.xn_c_pro_13_dingwei2 {
    float: left;
}
/*end_xn_c_pro_13_wrap*/
/*ea_c*/
/*ea_b*/
/*xn_f_18_wrap*/
.xn_f_18_wrap{position:absolute; top:-70px;  width:100%; background:#f4f4f4; height:70px; line-height:70px; }
.xn_f_18_wbox{width:1200px; margin:0px auto;height:70px; line-height:70px;}
.xn_f_18_xhbigbox{float:left; }
.xn_f_18_lbbox{ display:inline-block; height:70px;line-height:70px; color:#294368; font-weight:bold; font-size:14px; }
.xn_f_18_nrbox{display:inline-block;line-height:70px;  }
.xn_f_18_nrxh{display:inline-block; padding:0 20px 0 5px; height:70px;line-height:70px; background:url(../images/xn_f_18_wrap.png) no-repeat center right;}
.xn_f_18_nrxh a{ color:#161515; }
.xn_f_18_nrxh a:hover{ color:#161515;  text-decoration:underline;}
/*end_xn_f_18_wrap*/

.xn_c_140_p{position:absolute; color:#fff; top:130px;  right:0px;  line-height:20px; height:40px;  width:186px; overflow:hidden;}

/*xn_f_2_warp*/
.xn_f_2_warp { display:inline-block; float:left;  margin-left:15px; margin-top:22px; }
/*xn_m_2_wrap*/
.xn_m_2_head{width: 100%;height: 20px;background: -webkit-gradient(linear, 0 0, 0 100%, from(#000), to(#333));color:#fff; display:none;}
.xn_m_2_wrap{position:fixed;height:auto;width: 80px;z-index: 10001; top:70% !important; right:0;}
.xn_m_2_mbox img{width: 20px;clear:both;}
.xn_m_2_mbox ul li{}
.xn_m_2_tel_box img{width: 20px; display:none;}
.xn_m_2_head .close{cursor:pointer;text-align: left;padding-left:10px;}
.xn_m_2_mbox ul{}
.xn_m_2_markrt_code img{width: 100px;}
.xn_m_2_small_but { width:20px; height:50px; background:#000; position:absolute; top:50%; margin-top:-25px; right:0px; cursor:pointer; color:#fff; font-size:12px; display:none; text-align:center; line-height:24px; }
.xn_m_2_foot{ width:46px; height:46px; background:url(../images/cgagtfh8jrmacziuaaainj8wgpg462.png) no-repeat;cursor: pointer; font-size:0;}
.xn_m_2_orderId{display: none;}
.xn_m_2_mbox{ position:relative; height:46px; width:46px; margin-bottom:5px;}
.xn_m_2_markrt_sky,.xn_m_2_markrt_ali{ display:none;}
.xn_m_2_mbox h4 span{ display:block; font-size:16px; width:36px; text-align:center; color:#7da6f3;}
#xn_m_2_Text4{ font-size:12px; display:none;padding: 6px 4px; background:url(../images/xuan_hover.png) no-repeat;}
#xn_m_2_Text5{margin: 2px 4px;font-weight: normal; line-height:16px; padding:5px 0;}
#xn_m_2_Text1{ display:none;}
.xn_m_2_markrt_code{ background:url(../images/xuan_erweima.png) no-repeat;cursor: pointer;}
.xn_m_2_markrt_code:hover #xn_m_2_Text4{ display:block;}
.xn_m_2_markrt_code:hover .xn_m_2_markrtimg{ display:block;}
.xn_m_2_telephone{ background:url(../images/xuan_dianhua.png) no-repeat; cursor: pointer;}
.xn_m_2_telephone:hover .xn_m_2_telephone>h4{ display:block;}
.xn_m_2_telephone:hover .xn_m_2_tel_box{ display:block;}
.xn_m_2_markrt_qq{ background:url(../images/xuan_qq.png) no-repeat;}
.xn_m_2_markrt_qq:hover .xn_m_2_qq_li{ display:block;}
.xn_m_2_telephone h4{ width:51px; height:46px;background:url(../images/lxdh_hover1.png) no-repeat;position:absolute; right:170px; z-index:1; display:none;}
.xn_m_2_markrtimg{ display:none;position: absolute;right: 48px;top: -28px;}
.xn_m_2_tel_box{ position:absolute; background:url(../images/lxdh_hover2.png) no-repeat; right:0; width:177px; height:46px; line-height:46px; font-size:18px; color:#fff; font-weight:bold; display:none;}
.xn_m_2_tel_tel{ margin-left:10px;}
.xn_m_2_qq_li{ display:none;}
.xn_m_2_qq_li a{ font-size:16px; color:#7da6f3; display:block; background:url(../images/xuan_hover.png) no-repeat; padding:7px 6px; line-height:16px;}
.xn_m_2_qq_img{ display:none;}
/*end_xn_m_2_wrap*/
/*xn_f_21_wrap*/
.xn_f_21_wrap{height:auto;line-height: 20px;display: inline-block;  margin-top: 8px;overflow:hidden;width: 1000px;margin-bottom: 20px;}
.xn_f_21_xhbox{float:left;padding:0px 8px;overflow:hidden;border-left: 1px solid #555;}
.xn_f_21_xhbox a{color: #555;line-height:15px !important;font-size: 12px;}
.xn_f_21_xhbox a:hover{color: #FF9C00;}
.xn_f_21_xhbox:first-child{border-left: 0;}
/*end_xn_f_21_wrap*/