@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
em,i{ font-style:normal; }

body{min-width: 1200px; width: 100%;overflow-x: hidden;}

.banner{ height:700px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:700px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:700px;}
.banner .prev01,.banner .next01{display:block;position:absolute;z-index:1;top:42%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.3;display:none;width:73px; height:73px;}
.banner .prev01{background:url(../images/left.png) no-repeat;}
.banner .next01 {left:auto;right:5%;background:url(../images/right.png) no-repeat;}

.tit1{ font:50px "Microsoft YaHei"; text-align:center; color:#134faa; height:130px; font-weight:bold; overflow:hidden;}
.tit1 a{ display:block; color:#134faa;}
.tit1 em{ display:block; font:24px "Microsoft YaHei"; color:#333333; background:url(../images/pro_h.png) no-repeat center 9px; margin-top:8px; padding-bottom:25px;}

.numb{ height:278px; width:1200px; margin:-78px auto 0; position:relative; z-index:8; border-radius:5px; background:#fff; box-shadow:0.1rem 0.1rem 1rem 0.1rem #edeced; margin-bottom:100px;}
.numb dl{ width:300px; float:left; position:relative;}
.numb dl:before{ content:""; position:absolute; top:87px; right:0; width:1px; height:144px; background:#e5e5e5;}
.numb dl:last-child:before{ background:none;}
.numb dt{ margin:45px 0 0 0; text-align:center; font:34px "Microsoft YaHei";color:#000000;}
.numb dt b{ display:none; font:170px Arial; color:#11499f; position:absolute; top:134px; left:190px;}
.numb dt em{ display:block; width:42px; height:42px; margin:0 auto; overflow:hidden;}
.numb dt em img{display:block; width:42px; height:42px;}
.numb dt i{ display:block; font:20px "Microsoft YaHei"; position:relative; padding-bottom:10px;}
.numb dt i:before{ content:""; position:absolute; bottom:0; left:50%; width:22px; height:2px; background:#134faa; margin-left:-11px;}
.numb dd{ margin-top:16px; font:18px "Microsoft YaHei"; line-height:28px; color:#666666; text-align:center; z-index:2; position:relative;}
.numb dd em{ display:block;}
.numb .cur{ background:url(../images/yinz_bg.png) no-repeat center top; width:300px; height:368px; margin-top:-68px;}
.numb .cur:before{ background:none;}
.numb .cur dt{ margin-top:52px; color:#fff;}
.numb .cur em{ margin:0 auto 60px;}
.numb .cur i:before{ background:#fff;}
.numb .cur dd{ color:#fff;}
.numb .cur dt b{ display:block;}

.yinz{ height:515px;  overflow:hidden;}
.yinz dl{ height:500px;}
.yinz dt{ width:615px; height:399px; float:right; background:url(../images/yinz_bg2.jpg) no-repeat right top;overflow:hidden;}
.yinz dt img{ display:block;width:600px; height:383px; padding-left:15px;}
.yinz dd{ width:500px; float:left; position:relative;}
.yinz dd h3{ font:48px "Microsoft YaHei";color:#134faa; height:116px; margin-bottom:23px; border-bottom:1px solid #cdcdcd;}
.yinz dd h3 em{ display:block; font:28px "Microsoft YaHei"; color:#333;}
.yinz dd p{ font:18px "Microsoft YaHei"; color:#666; line-height:33px; margin-bottom:22px;}
.yinz dd span{ display:block; font:16px "Microsoft YaHei"; line-height:128px;
/*background:url(../images/yinz_dot.png) no-repeat left center;*/
/*padding-left:140px;*/
    
}
.yinz dd span em{ display:inline-block; background:url(../images/yinz_q.png) no-repeat right center; width:260px;}
.yinz dd b{ display:block; position:absolute; top:21px; left:-110px;}

.fang{ height:910px; overflow:hidden; background:url(../images/fang_bg.jpg) no-repeat center top; padding-top:84px;}
.fang .tit1 a{ color:#fff;}
.fang .tit1 em{ color:#fff; background:url(../images/fang_h.png) no-repeat center 9px;}
.fangt{ width:294px; height:649px; overflow:hidden; background:#134faa; float:left;}
.fangt h2{ font:24px "Microsoft YaHei"; font-weight:bold; height:75px; padding-top:35px; overflow:hidden; text-align:center;}
.fangt h2 a{ display:block; color:#fff;}
.fangt h2 em{ display:block; font:20px "Microsoft YaHei"; color:#4272bb;}
.fangt h3{ margin:0 0 10px 25px; width:255px; height:64px; font:18px "Microsoft YaHei"; line-height:64px;}
.fangt h3 a{ display:block; background:url(../images/fang_bg1.png) no-repeat left top; height:64px; padding-left:40px; color:#555;}
.fangt h3 a:hover,.fangt .cur a{ font-weight:bold; color:#fff; background:url(../images/fang_bg2.png) no-repeat;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.fangt h5{ font:14px "Microsoft YaHei"; color:#fff; background:url(../images/fang_lx.png) no-repeat left center; margin:15px 0 0 15px; padding:8px 0 8px 44px;}
.fangt h5 em{ display:block; font:26px Arial; font-weight:bold;}
.fang1{ width:906px; height:649px;overflow:hidden;}
.fang1 dl{height:649px; background:#fff;  overflow:hidden;}
.fang1 dt{width:868px; margin:17px auto 0; height:435px; overflow:hidden;}
.fang1 dt img{ display:block;width:868px; height:435px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.fang1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.fang1 dd h3 a{ display:block; font:18px "Microsoft YaHei"; font-weight:bold; color:#333; line-height:30px; width:475px; margin-top:25px;}
.fang1 dd{ width:868px; margin:0 auto; height:180px; position:relative;}
.fang1 dd p{ font:14px "Microsoft YaHei"; line-height:22px; color:#666; height:44px; overflow:hidden; color:#666; width:475px; margin-top:4px;}
.fang1 dd span{ display:block; height:34px; overflow:hidden; margin-top:10px;}
.fang1 dd span a{ display:inline-block; width:130px; height:34px; margin-right:15px; background:url(../images/fang_btn1.png) no-repeat; font:15px "Microsoft YaHei"; line-height:34px; color:#555; text-align:center;}
.fang1 dd span a:hover,.fang1 dd span a.a01{ background:url(../images/fang_btn2.png) no-repeat; color:#fff;}
.fang1 dd ul{ width:395px; position:absolute; top:15px; left:480px;}
.fang1 dd li{ width:75px; float:left; margin-right:22px; text-align:center; font:18px "Microsoft YaHei"; font-weight:bold; letter-spacing:3px; color:#333333;}
.fang1 dd li span{ display:block; width:75px; height:75px; margin:0 auto 15px; position:relative; border-radius:75px; background:#f1f1f1;}
.fang1 dd li span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.fang1 dd li span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.fang1 dd li:last-child{ margin-right:0;}
.fang1 dd li.cur01 span{ background:#257bff;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.fang1 dd li.cur01 em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.fang1 dd li.cur01 i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}

.case{ height:700px; margin-top:60px;overflow:hidden;}
.case h2{ height:72px; background:url(../images/case_line.png) no-repeat 233px center; font:26px "Microsoft YaHei"; line-height:72px;}
.case h2 a{ display:block; color:#333333; background:url(../images/case_icon.png) no-repeat left center; padding-left:40px;}
.case h2 em{ display:block; width:65px; height:22px; font:14px "Microsoft YaHei"; line-height:22px; color:#fff; background:url(../images/case_btn.png) no-repeat right center; float:right; padding-left:16px; margin-top:23px;}
.case li{ width:284px; float:left; margin:0 20px 20px 0; height:257px; overflow:hidden;}
.case li img{ display:block; width:284px; height:213px;}
.case li h4{ height:44px; background:#f2f2f2 url(../images/case_arr1.png) no-repeat 246px center; padding-left:28px; font:15px "Microsoft YaHei"; line-height:44px; overflow:hidden;}
.case li a:hover h4{ color:#fff; background:#134faa url(../images/case_arr2.png) no-repeat 246px center;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}
.case li:nth-child(4n){ margin-right:0;}
.case li a:hover img{width:280px; height:209px; border:2px solid #134faa;}

.pro{ height:790px; background:url(../images/pro_bg.jpg) no-repeat center top; padding-top:70px;overflow:hidden;}
.fen{ width:279px; height:559px; overflow:hidden; border:3px solid #134faa; border-radius:0 1rem 0 1rem; margin-top:20px;}
.fen h2{background: #134faa; /* Old browsers */
background: -moz-linear-gradient(top,  #134faa 0%, #134faa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #134faa 0%,#134faa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #134faa 0%,#134faa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#134faa', endColorstr='#134faa',GradientType=0 ); font:24px "Microsoft YaHei"; font-weight:bold; text-align:center; color:#fff; height:95px; margin-bottom:18px;}
.fen h2 a{ display:block; color:#fff;}
.fen h2 em{ display:block; padding-top:18px; font:20px "Microsoft YaHei"; color:#6287cf;}
.fen h3{ height:44px; width:235px; margin:0 auto 5px; font:16px "Microsoft YaHei"; line-height:44px; overflow:hidden;}
.fen h3 a{ display:block; color:#fff; padding-left:50px; background:url(../images/fen_bg1.jpg) no-repeat center top;}
.fen .cur a{background:url(../images/fen_bg2.jpg) no-repeat center top;}
.fen ul{ padding:6px 0;}
.fen li{ font:14px "Microsoft YaHei"; line-height:30px; color:#fff; overflow:hidden; width:235px; margin:0 auto; border-bottom:1px dashed #bfbfbf;}
.fen li a{ color:#666; display:block; background:url(../images/case_arr1.png) no-repeat 26px center; padding-left:45px;}
.fen li a:hover{ color:#134faa; font-weight:bold;}
.fen li:last-child{ border:0;}
.pro1{ width:888px; float:right;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9; margin-top:20px;overflow:hidden;}
.pro1 li{ width:295px; float:left;border:1px solid #d9d9d9; border-right:0; border-bottom:0;}
.pro1 li img{ display:block; width:295px; height:220px;}
.pro1 li h4{ display:block; text-align:center; font:14px "Microsoft YaHei"; height:60px; line-height:60px; color:#666; overflow:hidden;}
.pro1 li:nth-child(3n){ margin-right:0;}
.pro1 li a:hover img,.pro1 .cur img{ border:3px solid #134faa; box-sizing:border-box;}
.pro1 li a:hover h4,.pro1 .cur h4{ color:#fff; background:#134faa;-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; /* Firefox 4 */
-webkit-transition-property:background; /* Safari 和 Chrome */
-o-transition-property:background;}

.ys{ height:auto; padding-top:80px; overflow:hidden;}
.ys .tit1{ margin-bottom:30px;}
.ys .tit1 em{background:url(../images/ys_h.png) no-repeat center 9px;}
.ys dl{ height:585px;}
.ys dt{ width:960px; height:585px; position:relative; margin-left:-360px;}
.ys dt img{ display:block;width:960px; height:585px;}
.ys dd{ width:520px; margin-top:60px;}
.ys dd h3{ height:84px; font:38px "Microsoft YaHei"; color:#fff; background:url(../images/ys_h2.png) no-repeat left top; line-height:96px;}
.ys dd h3 em{ display:block; width:148px; height:84px; float:left; text-align:center; font:46px Arial; line-height:84px;}
.ys dd h4{ height:75px; font:30px "Microsoft YaHei"; line-height:75px; color:#333; padding-left:8px; border-bottom:1px solid #e3e3e3; margin-bottom:18px;}
.ys dd h4 em{ font:16px "Microsoft YaHei"; color:#bcbcbc; padding-left:8px;}
.ys dd p b{ color:#134faa;}
.ys dd p{ font:15px "Microsoft YaHei"; line-height:26px; color:#777; background:url(../images/ys_arr.png) no-repeat 8px 6px; padding-left:32px;}
.ys dd span{ display:block; height:156px; overflow:hidden; margin-top:35px;}
.ys dd span em{ display:block; width:253px; height:156px; overflow:hidden;}
.ys dd span em img{display:block; width:253px; height:156px;}
.ys dl:nth-child(2) dt,.ys dl:nth-child(4) dt{ margin:0 -360px 0 0;}

.tix{ height:665px; padding-top:94px; background:url(../images/tix_bg.jpg) no-repeat center top; overflow:hidden;}
.tix .tit1{ color:#fff;}
.tix .tit1 em{background:url(../images/tix_h.png) no-repeat center 9px; color:#fff;}
.tix2{background:#fff; box-shadow:0.1rem 0.1rem 1rem 0.1rem #eae9ea; height:440px; margin-top:54px; border-radius:12px;}
.tix dl{ width:400px; float:left;}
.tix dt{ text-align:center; font:34px "Microsoft YaHei"; color:#333333; margin-top:65px;}
.tix dt em{ display:block; font:16px "Microsoft YaHei"; color:#adadad;}
.tix dt span{ display:block; width:91px; height:91px; margin:27px auto;}
.tix dt span img{ display:block; width:100%;}
.tix dd{ width:280px; margin:0 auto; font:15px "Microsoft YaHei"; line-height:26px; color:#666; text-align:center;}
.tix .cur{ background:url(../images/tix_bg.png) no-repeat center top; width:400px; height:489px; margin-top:-20px;}
.tix .cur dt{ margin-top:85px; color:#fff;}
.tix .cur dt em{ color:#8cafe3;}
.tix .cur dd{ color:#fff;}

.guan{ background:url(../images/guan.jpg) no-repeat center top; height:213px; overflow:hidden;}
.guan p{ width:600px; font:18px "Microsoft YaHei"; color:#fff; background:url(../images/guan_lx.png) no-repeat left center; padding:8px 0 8px 60px; margin:110px 0 0 245px; float:left;}
.guan p em{ display:block; font:34px Arial; font-weight:bold;}
.guan h5{ width:220px; height:52px; background:#fff; border-radius:2rem; margin-top:123px; float:right;}
.guan h5 a{ display:block; font:18px "Microsoft YaHei"; font-weight:bold; color:#134faa; line-height:52px; background:url(../images/guan_icon.png) no-repeat 50px center; padding-left:95px;}

/*新闻资讯*/
.newbox{background:#fefefe;padding-top:85px; height:755px; overflow:hidden;}
.new_t{ height:74px; overflow:hidden;}
.new_t h3{float: left; width:175px; height:74px; font:20px "Microsoft YaHei"; line-height:74px; color:#555;}
.new_t h3 a{ color:#555;}
.new_t h3 span{ display:block; width:26px; height:26px; position:relative; margin:24px 10px 0 0; float:left;}
.new_t h3 span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform: translateX(0) rotate(0);transform: translateX(0) rotate(0);-webkit-transition: all 0.35s ease-out;transition: all 0.35s ease-out;}
.new_t h3 span i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:1;visibility:hidden;-webkit-transform: scale(0.5);transform: scale(0.5);-webkit-transition: all 0.1s ease 0.2s;transition: all 0.1s ease 0.2s;}
.new_t h3 span img{display:block; width:26px; height:26px;}
.new_t h3 a{ display:block; color:#17120f;}
.new_t .cur a{ color:#134faa; font-weight:bold;}
.new_t .cur span em{opacity: 0;visibility:hidden;-webkit-transform: translateX(100%) rotate(180deg);transform: translateX(100%) rotate(180deg);}
.new_t .cur span i{visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.newbox .yshd{width:170px; height:27px; position: absolute;right:0; top:530px; }
.newbox .yshd h3{ float: left;width: 4px;height: 4px;border-radius: 100%;background: #74716f;border: solid 3px #74716f;margin: 0 0 0 35px;}
.newbox .yshd h3.cur{border-color: #134faa;background: #fff;}

.newtj{float: left;width:600px;}
.newtj dt{width: 600px;height: 337px;overflow: hidden;margin-bottom: 15px;}
.newtj dt img{width: 600px;height: 337px;display: block;}
.newtj dd{position: relative;}
.newtj dd:before{content: "";position: absolute;width: 100px;height: 2px;background:#134faa;left:0;top:70px;}
.newtj h4{height: 70px;line-height: 70px;font-size: 18px;color: #134faa;margin-bottom: 12px;}
.newtj h4 a{color: #134faa;}
.newtj p{font-size: 15px;line-height: 25px;height: 50px;overflow: hidden;color: #666666;}
.newr{float: right;width: 520px;}
.newr dl{height: 130px;color: #333;line-height: 48px;}
.newr dt{height:40px;line-height:40px;position: relative; overflow:hidden;}
.newr dt:before{ content:""; position:absolute; top:20px; left:20px; width:70px; height:2px; background:#ccc;}
.newr dt span{ display:block; float:left; width:180px; font:40px Arial; color:#17120f; font-weight:bold;}
.newr dt a{font-size: 16px;color: #333;display:block;background:url(../images/case_arr1.png) no-repeat right center;padding-right: 17px;font-weight: bold; line-height:40px;}
.newr dt b{ display:inline-block; float:right;width:90px;font-size: 15px;color: #999999;line-height: 40px; }
.newr dd p{height:48px; font-size: 15px; line-height:24px; color: #666; margin-top:10px;}
.newr dl:hover dt a,.newr dl:hover dt span{color: #134faa;}
.newr dl:hover dt:before{ background:#134faa;}

/*关于*/
.about{ height:762px; background:url(../images/about_bg.jpg) no-repeat center top;overflow: hidden; padding-top:85px;}
.about .tit1 em{ background:url(../images/fang_h.png) no-repeat center 9px; color:#fff;}
.about .tit1 a{ color:#fff;}
.about dl{ width:798px; margin-top:35px; overflow:hidden; float:left;}
.about dt{ width:798px; height:353px; overflow:hidden;}
.about dt img{ display:block;width:798px; height:353px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.about dd h4 a{ display:block; font:22px "Microsoft YaHei"; font-weight:bold; color:#fff; margin:24px 0 8px;}
.about dd p{ font:15px "Microsoft YaHei"; line-height:24px; color:#fff; margin-bottom:20px;}
.about dd span{ display:block; height:36px;}
.about dd span a{ display:inline-block; width:137px; color:#fff; margin-right:10px; height:36px; background:url(../images/about_btn1.png) no-repeat; font:18px "Microsoft YaHei"; line-height:36px; padding-left:25px;}
.about dd span a:hover,.about dd span a.a01{ background:url(../images/about_btn2.png) no-repeat;}

.honor{ margin-top:35px; width:380px; height:517px; overflow:hidden; background:#fff; float:right; position:relative;}
.honor1{ height:500px;}
.honor1 li{ float:left; margin-top:42px; height:500px; width:380px;}
.honor1 li em{ display:block; width:251px; height:340px; border:8px solid #242424; margin:0 auto 41px;}
.honor1 li em img{ display:block; width:251px; height:340px;}
.honor1 li h4{ height:78px; background:#134faa; font:15px "Microsoft YaHei"; text-align:center; line-height:78px; overflow:hidden; color:#fff;}
.honor_l{ width:24px; height:24px; position:absolute; bottom:25px; left:58px; background:url(../images/honor_l.png) no-repeat;}
.honor_r{ width:24px; height:24px; position:absolute; bottom:25px; right:58px;background:url(../images/honor_r.png) no-repeat;}


.link{ background:#1e2834; padding:20px 0;}
.link p{ font:14px "Microsoft YaHei"; line-height:35px; color:#999899;}
.link p a{ display: inline-block; margin-right:86px;font:14px "Microsoft YaHei"; color:#999899; line-height:35px;position:relative;}
.link p a:hover{ color:#fff; text-decoration:underline;}
.link p a:last-child{ margin-right:0;}


@-webkit-keyframes spin{
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*animation*/
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}