/* Public*/

/* CSS Document */
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;
}
/* 去掉火狐下链接虚线框 */
body, html {
    height: 100%;
}
input, textarea, select, a:focus {
    outline: none;
}
div, a {
    transition: All 0.3s linear;
    -webkit-transition: All 0.3s linear;
    -moz-transition: All 0.3s linear;
    -o-transition: All 0.3s linear;
}
/*end_Public*/


/*头部*/
body{
  min-width:1200px;
}
.pc_show{display:block;}
.w_show{display:none;}
.fl{float:left;}
.bot_menu{display:none;}
.wrap_bh{display:none;}
.xg_head,.xg_banner,.xg_content,.xg_foot{
  min-width: 1200px;
}
.xg_head{
  position: relative;
  min-height: 100px;
  background: #FFF;
}
.head_1200{
  width: 1200px;
  margin:0 auto;
}
.win_logo{
  width: 200px;
  height: 68px;
  float: left;
  margin-top: 10px;
}
.win_logo img{
  width: 100%;
  height: auto;
  margin-top:12px;
}
.head_link{
  float: left;
  height: 100px;
    line-height: 100px;
}
.head_link a{
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 105px;
  height: 29px;
  text-align: center;
  line-height: 29px;
  font-size: 16px;
  color:#FFF;
  margin:0 20px;
  font-weight: bold;
  background: url(../image/head_link.png) no-repeat;
}
.head_link a:hover{
  filter:alpha(opacity=80); 
  -moz-opacity:0.8; 
  -khtml-opacity:0.8; 
  opacity: 0.8; 
}
.tel_phone{
  float: right;
  height: 100px;
    line-height: 100px;
}
.tel1,.tel2{
  display: inline-block;
  *display: inline;
  zoom:1;
}
.tel1{
  margin-right: 30px;
}
.tel_tit{
  padding-left: 30px;
  font-size: 14px;
  color:#333;
  display: inline-block;
}
.tel_tit1{
  background: url(../image/xsrx.png) no-repeat 0px 35px;
}
.tel_tit2{
  background: url(../image/viprx.png) no-repeat 0px 35px;  
}
.phone_text{
  font-size: 22px;
  color:#e60012;
  font-weight: bold;
}
/*end_头部*/

/*广告条*/
.xg_banner{
  width: 100%;
  height:auto;
  overflow: hidden;
  position: relative;
}
.xg_banner img{
  width: 100%;
  height:auto;
}
.banner_box{
  width: 1200px;
  margin:0 auto;
}
.banner_box a{
  display: block;
    position: absolute;
    bottom: 14%;
    left: 23%;
    width: 20%;
    height: 55px;
    z-index: 99;
}
/*end_广告条*/

/*内容区*/
.xg_content{
  position: relative;
}
/*win-content1*/
.win-content1{
  width: 100%;
  position: relative;
}
.con_1200{
  width: 1200px;
  position: relative;
  margin:0 auto;
  overflow: hidden;
}

.win-content1{
  background: #f8f8f8;
  padding-bottom:30px;
}
.con_title{
  font-size: 36px;
  text-align: center;
  color:#e60012;
  margin:60px 0 50px 0;
}
.content1_ul{
  margin-top:50px;
}
.content1_ul li{
  width: 23%;
  float: left;
  margin-bottom:35px;
  padding:20px 0;
  margin:0 1%;
}
.content1_ul li:hover{
    /*cursor: pointer;
    webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.1);
    box-shadow: 0 10px 10px rgba(0,0,0,0.1);
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);*/
}
.content1_img{
  width: 118px;
  height: 118px;
  margin:0 auto;
  box-shadow: 0px 3px 22px #e8e4e4;
  border-radius: 50%;
}
.content1_img a{
  transition:all 0.6s ease;
  display: block;
  width: 100%;
  height: 100%;
}
.con_img1{
  background: url(../image/qwyx.png) no-repeat;
}
.con_img2{
  background: url(../image/seo.png) no-repeat;
}
.con_img3{
  background: url(../image/sem.png) no-repeat;
}
.con_img4{
  background: url(../image/xxltg.png) no-repeat;
}
.con_img5{
  background: url(../image/sptg.png) no-repeat;
}
.con_img6{
  background: url(../image/rwtg.png) no-repeat;
}
.con_img7{
  background: url(../image/sjtg.png) no-repeat;
}
.con_img8{
  background: url(../image/moretg.png) no-repeat;
}
.content1_li1:hover .con_img1{
  background: url(../image/qwyx_a.png) no-repeat;
}
.content1_li2:hover .con_img2{
  background: url(../image/seo_a.png) no-repeat;
}
.content1_li3:hover .con_img3{
  background: url(../image/sem_a.png) no-repeat;
}
.content1_li4:hover .con_img4{
  background: url(../image/xxltg_a.png) no-repeat;
}
.content1_li5:hover .con_img5{
  background: url(../image/sptg_a.png) no-repeat;
}
.content1_li6:hover .con_img6{
  background: url(../image/rwtg_a.png) no-repeat;
}
.content1_li7:hover .con_img7{
  background: url(../image/sjtg_a.png) no-repeat;
}
.content1_li8:hover .con_img8{
  background: url(../image/moretg_a.png) no-repeat;
}
.content1_ul li:hover .content1_title a{
  color:#d2000c;
}
.content1_title,.content1_con{
  text-align: center;
  line-height: 50px;
  height: 50px;
}
.content1_title a{
  font-size: 20px;
  color:#333333;
}
.content1_con{
  height: 75px;
  line-height: 25px;
}
.content1_con a{
  font-size: 14px;
  color:#333333;
}

/*win-content2*/
.win-content2{
  width: 100%;
  min-height: 540px;
  display: none;
}
.feedback{
  width: 690px;
  margin:0px auto;
  text-align:center;
  overflow: hidden;
}
.feedback >div{
  width: 315px;
  display: inline-block;
  *display: inline;
  zoom:1;
}
.con2_name{

}
.xg_itext_span{
  width: 100%;
  line-height: 36px;
  text-align:left;
  display: block;
  color:#444;
  padding-right: 8px;
  font-size: 14px;
  text-indent: 9px;
}
.xg_itext_input,#siteType{
  width: 90%;
  height: 36px;
  line-height: 36px;
  border:1px solid #e2e2e2;
  padding:0 8px;
  border-radius: 4px;
}
#siteType{
  width: 298px;
}
.erro_text{
  font-size: 13px;
    position: relative;
    color: red;
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: left;
    text-indent: 9px;
}
.feedback .input_t{
  width: 500px;
}
.Submission{
  /*background: url(../../images/67/Submission.png) no-repeat;*/
  background: #b10000;
  display: block;
  width: 500px;
  height: 43px;
  text-align:center;
  border:none;
  color:#FFF;
  font-size: 20px;
  font-weight: bold;
  margin:0 auto;
  cursor: pointer;
  border-radius: 4px;
  margin-top:40px;
}
.Submission:hover{
  filter:alpha(opacity=90); 
  -moz-opacity:0.9; 
  -khtml-opacity:0.9; 
  opacity: 0.9; 
}

/*win-content3*/
.win-content3{

}
.advantage_con{
  overflow: hidden;
    position: relative;
    margin-top: 70px;
}
.advantage_con li{
  width: 25%;
  float:left;
}
.advantage-img{
  width: 157px;
  margin:0 auto;
}
.advantage-tiele{
  font-size: 20px;
  color: #333;
  text-align: center;
  margin: 20px 0 30px 0;
}
.advantage-content{
  font-size: 14px;
  color:#666;
  text-align:center;
}

/*win-content4*/
.win-content4{
  margin-top: 90px;
}
.con_title{

}
.content4_bg{
  width: 100%;
  min-height: 858px;
  background: url(../image/bg.jpg) no-repeat;
}
.con4_top{
  margin-top:90px;
}
.con4_center{
  overflow: hidden;
}
.con4_center ul li{
  float: left;
}
.con4_center_li1, .con4_center_li3{
  width: 523px;
  min-height: 555px;
}
.con4_center_li2{
  width: 154px;
  min-height: 555px;
}
.sdgg{
  margin:20px 0 60px 0;
}
.xny,.bren{
  margin:60px 0px 60px 30px;
}
.box_con{
  position: relative;
}
.xny_text,.bren_text{
  width: 478px;
  line-height: 52px;
  margin-bottom: 23px;
}
.bren_text{
  float: right;
}
.xny_text p,.bren_text p{
  padding-left:60px;
  background: url(../image/dbx.png) no-repeat 20px center;
  font-size: 18px;
  color:#ffffff;
  padding-top:10px;
  padding-bottom:10px;
  line-height:26px;
}
.xny_text{
  background: url(../image/xnybg.png) repeat-y;
}
.bren_text{
  background: url(../image/brenbg.png) repeat-y; 
}
.con4_bottom{
  color: #FFF;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  width: 702px;
  height: 55px;
  line-height: 55px;
  margin:0 auto;
  background: url(../image/sldb.png) no-repeat;
  margin-top: 40px;
}
/*win-content5*/
.win-content5{
  background: #FFF;
  width: 100%;
  padding-bottom: 50px;
}
.case_box{
}
.case_box_li{
  width: 268px;
  min-height: 350px;
  float: left;
  border:1px solid #eeeeee;
  margin:0 0 50px 15px;
  transition:all 0.4s ease;
  padding-top: 5px;
}
.case_box_li:hover{
  border-color:#ed2a55;
}
.case_box_li:hover .case-img{
  filter:alpha(opacity=80); 
  -moz-opacity:0.8; 
  -khtml-opacity:0.8; 
  opacity: 0.8; 
}
.case-img{
  width: 222px; 
  margin:0 auto;
  height:70px;
  display: flex;
  justify-content: center;/*在主轴上的对齐*/
     align-items: center;/*在交叉轴上中心点的对齐*/
  
}
.case-img img{
  display: block;
  width:100%;
}
.case_title{
  line-height: 25px;
  text-align:center;
}
.case_title a{
  color:#666;
  font-size: 16px;
}
.case_change{
  margin-top:30px;
}
.case_change_tit{
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}
.case_change_tit > div{
  width: 33%;
  display: block;
  float: left;
  color:#666666;
  font-size: 16px;
  height: 30px;
  text-align:center;
}
.case_change_li{
  height: 20px;
  margin-bottom:5px;
}
.cli_1,.cli_2,.cli_3{
  font-size: 13px;
  color:#e8413e;
  float: left;
  width: 33%;
  text-align:center;
}
.top_img img img{
  width: 11px;
  height: 17px;
}
.cli_1 span{
  background: #e8413e;
  color:#FFF;
  width: 58px;
  line-height: 20px;
  display: block;
  margin: 0 auto;
}

.case_more{
  width: 145px;
  height:36px;
  line-height: 36px;
  margin:15px auto;
}
.case_more a{
  color:#FFF;
  display: block;
  background: #e8413e;
  border-radius: 10px;
  text-align: center;
  font-size:18px;
}
.case_more2{
  width: 219px;
  height: 43px;
  line-height: 43px;
  background: url(../image/case_more2.png) no-repeat;
  text-align:center;
  margin:0 auto;
}
.case_more2 a{
  display: block;
  color:#FFF;
  font-size: 20px;
  font-weight: bold;
  text-align:center;
}
.case_more2 a:hover,.case_more a:hover{
  filter:alpha(opacity=80); 
  -moz-opacity:0.8; 
  -khtml-opacity:0.8; 
  opacity: 0.8; 
}

/*win-content6*/
.win-content6{
  width: 100%;
  padding-bottom:50px;
  background: #f8f8f8;
}
.Marketing_expert{
  position: relative;
  overflow: hidden;
}
.Marketing_expert li{
  width: 25%;
  float: left;
}
.expert_img{
  width: 237px;
  height: 237px;
  margin:0 auto;
  overflow: hidden;
  border-radius: 50%;
}
.expert_img img{
   -webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s;
    -o-transition:all 0.6s;
}
.Marketing_expert li:hover .expert_img img{
  -webkit-transform:scale(1.1); 
    -moz-transform:scale(1.1); 
    -o-transform:scale(1.1);
}
.expert_name{
  font-size: 20px;
  color:#333333;
  line-height: 50px;
  text-align:center;
    margin: 20px 0;
}
.expert_position,.expert_Explain{
  font-size: 14px;
  color:#666;
  text-align:center;
  transition:all 0.4 ease;
}
.Marketing_expert li:hover .expert_position,.Marketing_expert li:hover .expert_Explain{
  color:#333;
}
.expert_Explain{
  line-height: 25px;
}
/*win-content7*/
.win-content7{
  position: relative;
  background: #FFF;
  padding-bottom: 50px;
}
.Cooperative_partner{
  text-align: center;
  overflow: hidden;
}
.Cooperative_partner li{
  width: 175px;
  height: 56px;
  border:1px solid #e0dede;
  margin:0 28px;
  margin-bottom:40px;
  display: inline-block;
  *display: inline;
  zoom:1;
  -webkit-transition:all 0.6s; 
    -moz-transition:all 0.6s;
    -o-transition:all 0.6s;

}
.Cooperative_partner li:hover{
  border-color:#c7000b;
}
/*end_内容区*/

/*底部*/
.xg_foot{

}
.font-box{
  width: 100%;  
  background:#0E93F2;
  padding:20px 0;
}
.font_left{
  width: 200px;
  float: left;
}
.font_right{
  width: 1000px;
  float: left;
}
.font_logo {
    width: 194px;
    height: 92px;
    padding: 0px 0px 37px 0px;
}
.xn_site_ftlgwlogo{
  display: block;
  width: 139px;
  height: 60px;
  margin-bottom: 10px;
}
.xn_site_ftlgwlogo img{ height:100%;}
.xn_site_ftlgwwz{
  width: 194px;
  height: 22px;
  color: #fff;
  display: block;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  padding-left: 5px;
}
/*left*/
.xn_site_ftboxlftlx{
  width: 135px;
  padding-left: 2px;
}
.xn_site_ftboxlftlxon{
  width: 135px;
  height: 42px;
  border-top: 5px solid #fff;
  color: #fff;
  font-size: 16px;
  font-weight: normal;
  height: 42px;
  line-height: 42px;
}
.xn_site_ftboxlftlxtw{
  width: 135px;
}
.xn_site_ftboxlftlxtw ul li{
  width: 135px;
    padding: 15px 0px;
    border-bottom: 1px solid #fff;
}
.xn_site_ftboxlftlxtw ul li span{
  display: block;
}
.xn_site_ftboxlftlxtw1 {
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    color: #fff;
}
.xn_site_ftboxlftlxtw2 {
    font-size: 14px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    font-weight: bold;
}
.xn_site_ftboxlftlxtw3 {
    font-size: 12px;
    height: 58px;
    line-height: 22px;
    color: #fff;
}
.xn_site_ftboxlftlxth {
    width: 135px;
    padding-top: 16px;
}
.xn_site_ftboxlftlxth span {
    display: block;
    width: 100px;
    margin: 0px auto;
}
.xn_site_ftboxlftlxth span img{
  width: 100px;
  height: 100px;
}
.xn_site_ftboxlftlxth2 {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    color: #fff;
    text-align: center;
}
/*right*/
.font_right{
  float: left;
    width: 1000px;
    margin: 0px 0px 0px 0px;
}
.font_right{float:left;width:1000px;}
.font_right hr{background-color: #c3c1c1;clear: both;height: 1px;margin: 0;opacity: 0.4;padding: 0; border: none;}
.font_right li {position: relative; float: left;overflow: hidden;padding:10px 10px 10px 0px;width:323px;}
.xn_site_mtitle {background: rgba(0, 0, 0, 0) url("../image/icon_small.png") no-repeat scroll 0 -14px;color: #fff;display: block;font-size: 16px;height: 26px;line-height: 26px;overflow: hidden;padding-left: 20px;width: 150px;}
.xn_site_mintro{padding-left: 20px;font-size:12px;line-height:22px;color:#fff;}

.Consultation{position: absolute;width: 250px;height:26px;right:0;top:24px;padding-top: 3px;}
.Consultation a{width: 88px;height: 17px;border: 1px solid #FFF;font-size: 16px;text-align: center;display: block;color: #FFF;border-radius: 20px;line-height: 17px;float: left;overflow: hidden;margin-left: 15px;}
.Consultation img{width:14px;height: 17px;float: left;}
.Consultation1{position: relative;width: 100%;height:26px;right:0;padding-top: 3px;}
.Consultation1 a{width: 88px;height: 17px;border: 1px solid #FFF;font-size: 16px;text-align: center;display: block;color: #FFF;border-radius: 20px;line-height: 17px;float: left;overflow: hidden;margin-left: 15px;}
.Consultation1 img{width:14px;height: 17px;float: left;}
.about img{margin-bottom:30px;}
.about { font-size:14px; color:#333; line-height:26px; margin-bottom:20px;}
.about p{ text-indent:2em; margin:10px 0;}

.font-box2{
  width: 100%;
  min-height: 72px;
  background:#FFF;
  padding:20px 0 0px 0;
  text-align:center;
}
.font-box2 p{
  color:#999999;
  font-size: 14px;
  line-height: 20px;
}

/*end_底部*/
/*营销窗口*/
.Marketing-window{

}
.Consulting{ width: 90px; position: fixed; right: 5px; top: 60%;margin-top:-254px;}
 .Consulting ul{position: relative;border:1px solid #eee;margin-top:5px;border-radius: 4px;box-shadow: 0px 2px 27px 0px rgba(0, 0, 0, 0.14);}
.Consulting_img{position: relative;}
.niu_img2{display: none;}
.niu_img2 img{position: relative;left: -20px;}
    
.close{position: absolute;top:5px;right:0px;cursor: pointer;}

.Consulting ul li{position: relative;transition:all 0.6s;background: #FFF;}
.Consulting ul li a{display: block; text-align: center;transition:all 0.6s; font-size: 0; border-bottom: 1px solid #eeeeee; padding: 7px 0; color: #505050; }
.Consulting ul li a i{display: inline-block; width: 26px; height: 26px; background-repeat: no-repeat; }
.Consulting ul li a p{display: block; margin-top: 4px; line-height: 1; font-size: 13px; }

.phone_consult{border-radius: 4px;}
.phone_consult i{background-image: url(../image/dianhua_2.png);}
.phone_box {width: 240px; height: 58px; line-height: 58px; background: #c7000b; border-radius: 3px; position: absolute; right: 95px; top: 0; font-size: 0; letter-spacing: -3px; display: none; }
.phone_box i {display: inline-block; width: 27px; height: 25px; background: url(../image/dianhua_3.png) no-repeat 0 center; margin-left: 20px; margin-right: 8px; }
.phone_box span {display: inline-block; font-size: 21px; font-weight: bold; color: #fff; letter-spacing: normal; }

.phone_consult:hover a{color:#FFF;}
.phone_consult:hover{background: #c7000b;border-radius: 4px;}
.phone_consult:hover i{background: url(../image/dianhua_3.png) no-repeat 0 center;}
.phone_consult:hover .phone_box{display: block;}

.qq_consult i{background-image: url(../image/QQ_1.png);}
.qq_consult:hover a{color:#FFF;}
.qq_consult:hover{background: #c7000b;}
.qq_consult:hover i{background: url(../image/QQ_2.png) no-repeat 0 center;}


.Wechat_li i{background-image: url(../image/weixin_1.png);}
.weixin_box{position: absolute;left: -170px;top: -58px;background: #c7000b;width: 160px;height: 190px;display: none;}
.weixin_box img {height: 140px;margin: 10px auto;text-align: center;display: block;}
.weixin_box p{color: #FFF;font-size: 16px;text-align: center;}
.qq_consult i{background-image: url(../image/QQ_1.png);}
.Wechat_li:hover a{color:#FFF;}
.Wechat_li:hover{background: #c7000b;}
.Wechat_li:hover i{background: url(../image/weixin_2.png) no-repeat 0 center;}
.Wechat_li:hover .weixin_box{display: block;}

.Extension {background: #c7000b;padding: 0 !important; }
.Extension img{position: relative;width: 100%;}
    
.Website_z i{background-image: url(../image/wangzhan_1.png);}
.Website_z:hover a{color:#FFF;}
.Website_z:hover{background: #c7000b;}
.Website_z:hover i{background: url(../image/wangzhan_2.png) no-repeat 0 center;}

.Small_procedures i{background-image: url(../image/xiaochengxu_1.png);}
.Small_procedures:hover a{color:#FFF;}
.Small_procedures:hover{background: #c7000b;}
.Small_procedures:hover i{background: url(../image/xiaochengxu_2.png) no-repeat 0 center;}

.offer_optimization0 i{background-image: url(../image/SEO_1.png);}
.offer_optimization0:hover a{color:#FFF;}
.offer_optimization0:hover{background: #c7000b;}
.offer_optimization0:hover i{background: url(../image/SEO_2.png) no-repeat 0 center;}
.offer_box{position: fixed;width: 100vw;height: 100vh;background: #0000007d;top:0;left:0;display: none;padding-top:10%;}
.offer_con{width: 761px;margin:0 auto;height: 495px;background: #FFF;position: relative;}
.offer-close{width: 30px;height: 30px; position: absolute;right:10px;top:5px;font-size: 18px;color:#333;text-align: center;line-height: 30px;cursor: pointer;}
.offer-close:hover{color:red;}
.offer_box .con_title{padding: 39px 0 26px 0; display: flex; justify-content: center; border-bottom: 1px solid #e2e2e2; font-size: 22px; font-weight: normal; font-stretch: normal; line-height: 24px; color: #b10000; }

/*提交成功*/
.Success{
  width: 512px;
  height: 612px;
  background: url(../image/success.png) no-repeat;
  position: fixed;
  top: 20%;
  left: 40%;
  display: none;
}
.close_x{
  position: absolute;
  top: 68px;
  right: 33px;
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  color: #ccc;
  text-align: center;
  cursor: pointer;
}
.Success span{
  background: url(../image/tijaio.png) no-repeat;
  display: block;
  width: 320px;
  height: 97px;
  position: absolute;
  bottom: 110px;
  left: 100px;
  cursor: pointer;
}
.Success span:hover{
  opacity: 0.85;
}
.Success p{
  line-height: 40px;
      height: 40px;
      font-size: #333;
      font-weight: 500;
      position: absolute;
      bottom: 72px;
      left: 108px;
      width: 320px;
      text-align: center;
      font-weight: 500;
}
.btn{padding:10px 20px; background:#F00;color:#fff;}

/*end_营销窗口*/
.

/*效果css*/
.revealOnScroll{opacity: 1;}
.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;}