/* public*/
@charset "utf-8";
/* 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(/uploads/image/whtdpi67/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(/uploads/image/whtdpi67/xsrx.png) no-repeat 0px 35px;
}
.tel_tit2{
  background: url(/uploads/image/whtdpi67/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(/uploads/image/whtdpi67/qwyx.png) no-repeat;
}
.con_img2{
  background: url(/uploads/image/whtdpi67/seo.png) no-repeat;
}
.con_img3{
  background:  no-repeat;
}
.con_img4{
  background: url(/uploads/image/whtdpi67/xxltg.png) no-repeat;
}
.con_img5{
  background: url(/uploads/image/whtdpi67/sptg.png) no-repeat;
}
.con_img6{
  background: url(/uploads/image/whtdpi67/rwtg.png) no-repeat;
}
.con_img7{
  background: url(/uploads/image/whtdpi67/sjtg.png) no-repeat;
}
.con_img8{
  background: url(/uploads/image/whtdpi67/moretg.png) no-repeat;
}
.content1_li1:hover .con_img1{
  background: url(/uploads/image/whtdpi67/qwyx_a.png) no-repeat;
}
.content1_li2:hover .con_img2{
  background: url(/uploads/image/whtdpi67/seo_a.png) no-repeat;
}
.content1_li3:hover .con_img3{
  background: url(/uploads/image/whtdpi67/sem_a.png) no-repeat;
}
.content1_li4:hover .con_img4{
  background: url(/uploads/image/whtdpi67/xxltg_a.png) no-repeat;
}
.content1_li5:hover .con_img5{
  background: url(/uploads/image/whtdpi67/sptg_a.png) no-repeat;
}
.content1_li6:hover .con_img6{
  background: url(/uploads/image/whtdpi67/rwtg_a.png) no-repeat;
}
.content1_li7:hover .con_img7{
  background: url(/uploads/image/whtdpi67/sjtg_a.png) no-repeat;
}
.content1_li8:hover .con_img8{
  background: url(/uploads/image/whtdpi67/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:  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(/uploads/image/whtdpi67/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(/uploads/image/whtdpi67/dbx.png) no-repeat 20px center;
  font-size: 18px;
  color:#ffffff;
  padding-top:10px;
  padding-bottom:10px;
  line-height:26px;
}
.xny_text{
  background: url(/uploads/image/whtdpi67/xnybg.png) repeat-y;
}
.bren_text{
  background: url(/uploads/image/whtdpi67/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(/uploads/image/whtdpi67/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(/uploads/image/whtdpi67/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)  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(/uploads/image/whtdpi67/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(/uploads/image/whtdpi67/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(/uploads/image/whtdpi67/dianhua_3.png) no-repeat 0 center;}
.phone_consult:hover .phone_box{display: block;}

.qq_consult i{background-image: ;}
.qq_consult:hover a{color:#fff;}
.qq_consult:hover{background: #c7000b;}
.qq_consult:hover i{background:  no-repeat 0 center;}


.wechat_li i{background-image: url(/uploads/image/whtdpi67/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: ;}
.wechat_li:hover a{color:#fff;}
.wechat_li:hover{background: #c7000b;}
.wechat_li:hover i{background: url(/uploads/image/whtdpi67/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(/uploads/image/whtdpi67/wangzhan_1.png);}
.website_z:hover a{color:#fff;}
.website_z:hover{background: #c7000b;}
.website_z:hover i{background: url(/uploads/image/whtdpi67/wangzhan_2.png) no-repeat 0 center;}

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

.offer_optimization0 i{background-image: ;}
.offer_optimization0:hover a{color:#fff;}
.offer_optimization0:hover{background: #c7000b;}
.offer_optimization0:hover i{background:  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(/uploads/image/whtdpi67/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(/uploads/image/whtdpi67/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;}