<br />
<b>Warning</b>:  mkdir(): No space left on device in <b>/www/wwwroot/Z12.COM/func.php</b> on line <b>127</b><br />
<br />
<b>Warning</b>:  file_put_contents(./cachefile_yuan/chejihua.com/img/0a/4d950/9a4f8.css): failed to open stream: No such file or directory in <b>/www/wwwroot/Z12.COM/func.php</b> on line <b>115</b><br />
@charset "utf-8";
body{font-family: "Microsoft YaHei";}
.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{text-align: center; }
.tit01 h2{font-size: 50px; font-family: "Microsoft YaHei";color: #3f4043;font-weight:bold;line-height: 60px;position: relative; }
.tit01 a{color: #3f4043; }
.tit01 p{ font-weight: normal; display: block;font-size:20px;color: #666666; line-height: 30px; }

/**/
.g-guide{ background: url(../images/guidebg.jpg) no-repeat center top; height:794px; padding-top:120px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width:722px;float: left;}
.guide h3{font-size: 56px; color: #2e343e; text-align: left;height: 130px; }
.guide h3 b{color: #0a49c5;}
.guide h3 em{display: block;font-size: 14px;color: rgba(0, 0, 0, 0.25);height: 24px; font-weight: normal;letter-spacing: 10px;}
.guide p{font-size: 14px; color: #666666; line-height:26px;text-align: justify;height:145px;}
.guide .guide-btn{width:200px;height:50px;line-height: 50px;font-size: 16px;color: #fff;text-align: left;padding-left:50px;background: url(../images/guide-btn.png) no-repeat;display: block;}
.digital{width: 722px; height:190px;position: relative; clear:both;overflow: hidden; }
.digital li{ width:192px;padding-left: 0px;height: 80px; box-sizing: border-box; float: left; text-align: left; position: relative;}
.digital li em{margin-left:0px;display: block; position: relative;width:108px; color: #2e343e;}
.digital li em b{ margin-left:0px;font-size: 72px; color: #2e343e; font-family: "Myriad Pro","Arial"; font-weight: normal;height:75px;line-height: 75px;}
.digital li em i{ font-size:14px;  color: #fff;text-align: center; font-weight: normal; text-align: center;width:26px; line-height: 26px;height: 26px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:22px; right:0px;background: #15377b; display: block;border-radius: 100%;}
.digital li h4{font-size: 16px; color: #666666; text-align: left; font-weight: normal;line-height: 30px; }
.digital li:nth-child(1){width:162px;padding-left:0;}
.digital li:nth-child(1) em{width:75px;}
.digital li:nth-child(4){width:165px;}
.digital li:nth-child(4) em{width:150px;}


/**/
.g-projects{height: 998px;overflow: hidden; background:#444952;padding-top:55px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-projects .tit01{height:148px;}
.g-projects .tit01 h2,.g-projects .tit01 a,.g-projects .tit01 p{color: #ffffff;}
.projects{width:100%;position: relative;margin:0 auto;height: 750px;}
.projects::after{content: "";position: absolute;width: 100%;height: 1px;background:rgba(255, 255, 255, 0.26);left:50%;margin-left:-600px; bottom:5px;}
.projects .tempWrap{transform: translateX(-5.2vw);margin:0 auto;}
.proj-con dl{width:514px;height:674px; float: left;position: relative;overflow: hidden;margin-right: 18px;}
.proj-con dl dt{width:514px;height:674px;position: relative;}
.proj-con dl dt::before{content: "";position: absolute;width: 100%;height: 100%;background:url(../images/projtm.png) no-repeat center top;left:0;top:0;}
.proj-con dl dt h4{ font-size: 20px;height: 36px;line-height: 36px;text-align: center;width:100%;position: absolute;left:0;bottom: 30px;color: #fff; font-weight: normal;}
.proj-con dl dd{width:514px;height:674px;position: absolute;left:0;bottom:-674px;background:rgba(10, 73, 197, 0.8);padding:20% 12.5% 0;box-sizing: border-box;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.proj-con dl dd h4{ font-size: 30px;height: 36px;line-height: 36px;text-align: center;color: #fff; font-weight: bold;margin-bottom: 32px;padding-bottom: 40px;background: url(../images/proj-line.png) no-repeat center bottom;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.proj-con dl dd p{ font-size: 14px;color: #fff;line-height: 26px;text-align: center;}
.proj-con dl dd span{display: block;width:189px;height: 48px;line-height: 48px;text-align: left; font-size: 16px;color: #fff; padding-left:41px;box-sizing: border-box;background:url(../images/proj-btn.png) no-repeat center 0;margin:130px auto 0;}
.proj-left{position: absolute;left:50%;bottom:0; margin-left:-700px; background:url(../images/proj-left.gif) no-repeat;width:28px;height:17px;}
.proj-right{position: absolute;left:50%;bottom:0; margin-left:-648px; background:url(../images/proj-right.gif) no-repeat;width:28px;height:17px;}
.proj-tit{position: absolute;width: 100%;height: 1px;left:50%;margin-left:-600px; bottom:5px;}
.proj-tit em{width:10%;height:1px;background:none;display: block;float: left;}
.proj-tit em.cur{background:#fff;}

.projects dl:hover dd{bottom:0;}
.projects dl:hover dt h4{opacity: 0;}

@media screen and (max-width: 1400px) {
  .projects::after,.proj-tit{margin-left:-480px;}
  .proj-left{margin-left:-600px;}
  .proj-right{ margin-left:-548px; }
}

/**/
.g-products{height: auto;overflow: hidden; background:#fff;padding:85px 0 95px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-products .tit01{height:142px;}
.products{width:1200px;margin:0 auto;}
.pro-nav{min-height:172px;}
.pro-nav dl{padding:17px 0 21px 0;border-bottom: 2px solid #e2e2e2;}
.pro-nav dl dt{width:175px;text-align: center; font-size: 20px;color: #ffffff;background:#0a49c5;height: 50px;line-height: 50px; font-weight: bold;display: block; float: left;}
.pro-nav dl dt a{color: #fff;}
.pro-nav dd{padding-left:22px;width:1020px;box-sizing: border-box;display: inline-block;}
.pro-nav dd a{height:50px;line-height: 50px;text-align: left;font-size: 16px;color: #333333; font-weight: normal; display: block;padding:0 40px 0 15px;background: url(../images/clmico.png) no-repeat left center;display: block;float: left;}
.pro-nav dd a:hover{color:#0a49c5;}
.pro-nav dl:last-child{border-bottom: 0;}
.pro-nav dd a.clm-more{width:19px;background:url(../images/clmmore.png) no-repeat center center;float: right;padding-right: 0;}

.pro{width:1200px;background: #fff;}
.pro dl{height:450px;}
.pro dl dt{width:600px;height: 450px;position: relative;float: left;}
.pro dl dt img{width:100%;display: block;}
.pro dl dd{width:600px;height: 450px;padding:72px 100px 0;background:url(../images/pro1-ddbg.jpg) no-repeat left center; float: left;box-sizing: border-box;}
.pro dl dd h4{font-size: 26px;color:#333333;font-weight: bold; line-height: 45px;margin-bottom: 22px;padding-bottom: 18px;border-bottom: 2px solid #e0e1e1;}
.pro dl dd h4 a{color: #333333;}
.pro dl dd p{font-size: 14px;color: #666666;line-height: 26px;text-align: justify;height: 135px;}
.pro dl dd span{display: block;padding:0 39px; line-height: 26px;text-align: center;color: #333333;font-size: 20px;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;float: left;border-right: 1px solid #d2d2d3;}
.pro dl dd span img{width:47px;height:43px;margin:0 auto;display: block;}
.pro dl dd span.no1{padding-left:0;}
.pro dl dd span.no3{padding-right:0;border:0;}


.pro-c{width:1200px;margin-top:30px;}
.pro-c .pro-bd{clear: both;overflow: hidden;}
.pro-c li{margin-right:33px;width:378px;float: left;position: relative;}
.pro-c li img{width:100%;display: block;}
.pro-c li h4{width:100%; height: 45px;padding-right: 15px;box-sizing: border-box;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; line-height: 45px;font-size: 16px;color:#333333;font-weight: normal; text-align: left;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;background:url(../images/pro-ico.png) no-repeat right center;border-bottom: 2px solid #cccccc;}
.pro-c li:hover h4{color:#0a49c5;background:url(../images/pro-icocur.png) no-repeat right center;border-color: #0a49c5;}

/**/
.g-quality{ height: 997px;overflow: hidden;background:url(../images/qbg.jpg) no-repeat center top;padding-top:90px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-quality .tit01{height:220px;}
.quality{width: 1200px;height: 600px;overflow: hidden;margin:0 auto;}
.quality li{width:290px;float: left;}
.quality li em{width: 87px;height:86px;float: left;margin-bottom: 108px;}
.quality li p{float: left; font-size: 16px;color: #3f4043;line-height: 24px;text-align: justify;width: 188px;float: right;;}
.quality li p b{display:block;font-size: 24px;color: #3f4043; font-weight: bold;line-height: 36px;}

.quality li:nth-child(2n){float: right;margin-left: 612px;}

/**/
.g-service{ height: auto;overflow: hidden;background:#fff;padding-top:85px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-service .tit01{height:160px;}
.service{min-width: 1200px; width: 100%;height: 763px;overflow: hidden;}
.service ul{width: 100%;height: 763px;}
.service li{width:33.33%;float: left;position: relative;height: 763px;line-height:30px;font-size: 16px; border-right:3px solid #fff; box-sizing:border-box;overflow: hidden;}
.service li:last-child{border: 0;}
.service li img{display: block;}

.mo{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;background:rgba(0, 0, 0, 0.52);}
.shu2{width: 100%;  position: absolute;left:0rem;top:8.25em;text-align: center;}
.shu2 h3{width: 100%; line-height: 45px;}
.shu2 h3 img{width:210px;height:274px;margin:0 auto;display: block;}

.hav{width: 100%;height: 100%;position: absolute;left: 0px;top: 0px;}

.bock{position: absolute;left: 0; bottom:-184px;width:100%;height:100%;text-align: left;color: #fff;box-sizing: border-box; background-size: 100% 100%;opacity: 0;}
.bock dl{width: 90%;padding:20px 40px; height:184px;box-sizing: border-box;position: absolute;left: 5%; bottom:32px;background:rgba(10, 73, 197, 0.9);}
.bock dl dt{width:100%;margin-bottom: 12px;clear: both;overflow: hidden;}
.bock dl dt h3{ line-height: 72px;font-size:40px; color: #ffffff;display: block;}
.bock dl dd{width: 100%;font-size: 16px; line-height: 26px;color:#ffffff;overflow: hidden;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}

.service li.cur .mo{opacity: 0;}
.service li.cur .shu2{opacity: 0;}
.service li.cur .bock{opacity: 1;bottom: 0;}

@media screen and (max-width:1720px) {
  .bock dl dt h3{ font-size:46px; }
  .bock dl dt h3 i{font-size: 18px;}
  .bock dl dd p{margin-top:7px;}
}
@media screen and (max-width:1600px) {
  .bock dl dt h3{ font-size:36px;}
  .bock dl dt h3 i{font-size: 15px;}
  .bock dl dd p{margin-top:0;}
}
/**/
.g-super{ height: auto;overflow: hidden;background:#fff;padding-top:90px;padding-bottom: 116px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.g-super .tit01{height:150px;}
.super{position: relative;width: 1200px;margin:0 auto;}
.super dl{height: 510px;position: relative;}
.super dl dt{width: 600px;height: 510px; position: relative;}
.super dl dt img{width: 960px;height: 510px;display: block;margin-right: -360px; }
.super dl dd{width: 500px;padding-top: 60px;}
.super dl dd h4{height: 96px;}
.super dl dd h4 img{width:92px;height:96px;display: block;float: left;}
.super dl dd h4 span{display: block;float: left;font-size: 48px; color: #333333;padding-left:18px;position: relative;}
.super dl dd h4 span::before{content: "";position: absolute;width: 1px;height:70px;background:#a2a0a0;left:0;top:12px;}
.super dl dd h4 span i{display: block; font-size: 14px;color: #333333;line-height: 24px; font-family: Arial, Helvetica, sans-serif;}
.super dl dd h5 {height:62px;line-height: 62px;background: url(../images/supert.png) no-repeat center top; font-size:22px;color: #ffffff;text-align: center;margin: 35px 0 40px;}
.super dl dd p{ line-height: 26px; color: #666666;font-size: 16px;margin-bottom: 25px; }
.super dl dd p b{color: #666666;}

.super .super-2 dl dt img{margin-left: -360px;margin-right:0;}

/**/
.g-cases{ height:915px; background:#efefef; padding:75px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.g-cases .tit01{height:148px; }
.cases{ position:relative;width:1200px;margin:0 auto;}
.case-con{ width:792px; float:left; overflow:hidden;}
.case-con  dl{position: relative; width:792px; height:594px;}
.case-con dt img{ display:block; width:792px; height:594px;}
.case-con dd{height:70px;line-height: 70px;text-align: center; font-size: 24px; font-weight:bold; color:#fff; background:rgba(46, 52, 62,0.86);width:100%;position: absolute;left:0;bottom:0;}
.case-con dd a{color: #fff;}
.casest{ width:359px; float:right; height:523px; position:relative; border-top:3px solid #5f5f5f;border-bottom:3px solid #5f5f5f;}
.casest h5{width:359px; overflow:hidden; font:37px "Microsoft YaHei"; color:#444444; line-height:30px;height:100px; font-weight:bold;padding-top:25px;}
.casest2{ position:absolute; top:123px; right:0; z-index:2; height:399px; width:420px; overflow:hidden;}
.casest li{ width:420px; height:100px; background:url(../images/casetbg.png) no-repeat center top; overflow:hidden;}
.casest li em{ display:block; width:30px; height:30px; background:#323233; border-radius:30px; color:#fff; font:16px Arial; line-height:30px; overflow:hidden; text-align:center; margin:30px 20px 0 60px; float:left; font-weight: bold;}
.casest li span{ display:block; float:left; width:200px; font:18px "Microsoft YaHei"; font-weight:bold; color:#444444; margin-top:28px;}
.casest li span i{ display:block; font:18px Arial; color:#444444; font-weight:bold;padding-top:3px;}
.casest li b{ display:block; width:80px; height:60px; float:left; margin-top:20px;}
.casest li b img{display:block; width:80px; height:60px;}
.casest li:hover,.casest .on{ background:url(../images/casetbgcur.gif) no-repeat;}
.casest li:hover em,.casest .on em{ background:#fff;color:#1c2a8d;}
.casest li:hover span,.casest .on span{ color:#fff;}
.casest li:hover span i,.casest .on span i{color:#fff;}

.arr1{ font:16px "Microsoft YaHei"; width:115px; height:60px;text-align:center;background:url(../images/cases_r.png) no-repeat right center;color:#444; font-weight:bold; position:absolute; bottom:-85px; left:0;cursor: pointer;}
.arr2{font:16px "Microsoft YaHei"; width:115px;height:60px;text-align:center;background:url(../images/cases_l.png) no-repeat left center; color:#444; font-weight:bold; position:absolute; bottom:-85px; right:0;cursor: pointer;}
.arr1 em,.arr2 em{ display:block; font:16px "Microsoft YaHei"; font-weight: bold; color:#444444;height:60px; line-height: 60px;}
.arr1.prevStop,.arr2.nextStop{ color:#444;}
.arr1.prevStop em,.arr2.nextStop em{ color:#444;}


/* 新闻 */
.g-news{height:932px;padding-top: 95px;box-sizing: border-box; font-family: "Microsoft YaHei"; position: relative;}
.g-news .tit01{height:160px;}
.news{width:1200px;margin:0 auto;}
.news h3{margin-bottom: 22px;}
.news h3 a{display: block;font-size: 22px;font-weight: normal;color: #333333;padding-left:50px;}
.news h3 i{display: block; font-size: 12px;color: #b0bac5;}
.news .newstit1{background: url(../images/newstit1.png) no-repeat left center;}
.news .newstit2{background: url(../images/newstit2.png) no-repeat left center;}
.news1{width:560px;float: left;}
.news1 .newcon{height:502px;position: relative;overflow: hidden;}
.news1 .newcon dl{padding-bottom: 20px;border-bottom: 1px solid #d6d6d6;margin-bottom: 20px;}
.news1 .newcon dt{width: 200px;float: left; height: 125px;overflow: hidden; }
.news1 .newcon dt img{width: 200px; height: 125px;display: block;transition: all 0.3s linear 0s;}
.news1 .newcon dt:hover img{transform: scale(1.1)}
.news1 .newcon dd{width: 340px;height: 125px; float: right;}
.news1 .newcon dd h4{ height: 48px;line-height: 48px;overflow: hidden;text-align: left; font-size: 18px;white-space:nowrap;text-overflow:ellipsis;}
.news1 .newcon dd h4 a{ color: #000000;}
.news1 .newcon dd  p{ font-size: 14px;color: #6e6e6e; line-height: 24px;text-align: justify;}

 .news2{width: 575px;float: right;}
 .news2 .wdcon h4{ height:47px;  line-height:47px; border:1px solid #d2d2d2; overflow: hidden;  font-size:16px; color:#666666; font-weight: normal;border-radius: 5px;padding:0 50px 0 24px;box-sizing: border-box;margin-bottom: 10px;position: relative;z-index: 1;}
 .news2 .wdcon h4::after{content: "";position: absolute;right:20px;top:13px;width:24px;height:18px;background:url(../images/faqico.png) no-repeat;}
 .news2 .wdcon h4 a{ color:#666666;}
 .news2 .wt_c{height:220px;padding:26px 82px 30px 26px;background: #f0f0f0;margin-top:-12px;margin-bottom: 10px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;box-sizing: border-box;}
 .news2 .wt_c p{font-size: 14px;color: #6e6e6e; line-height: 28px;text-align: justify;height:122px;}
 .news2 .wt_c .news_more{width: 180px;height:39px;line-height: 39px;border-top-left-radius: 5px;border-top-right-radius: 5px;background:#0a49c5;color: #fff;text-align: center;font-size: 14px;display: block;}
 .news2 .wdcon h4.on{background: #0a49c5;border-color: #0a49c5;}
 .news2 .wdcon h4.on::after{background:url(../images/faqicocur.png) no-repeat;}
 .news2 .wdcon h4.on a{color: #fff;}

.news1 dl img{-webkit-transition: 0.5s;-moz-transition:0.5s;transition: 0.5s;}
.news1 dl:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);} 


/**/
.g-about{background:#fff;height:auto;font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;padding-bottom: 92px;}
.about{width:100%; }
.about dl{width:100%; position: relative; }
.about dl dt{width:100%;max-height:757px;}
.about dl dt img{width:100%;display: block;}
.about dl dd{width: 1200px;margin:-115px auto 0;padding:35px 36px 0; height: 420px;position: relative; z-index: 1;box-sizing: border-box;background:#fff;box-shadow:0px 15px 30px #ededeb;}
.about dl dd h2{ line-height:66px; font-size: 40px;  color: #0a49c5;text-align: center;box-sizing: border-box;}
.about dl dd h2 a{color: #0a49c5;}
.about dl dd p{color: #666666;font-size: 14px;line-height: 24px; text-align: center;margin-top:10px;height:92px;}
.about dl dd li{width: 376px;height: 183px; float: left;overflow: hidden;position: relative;}
.about dl dd li img{width: 100%;display: block;}
.about dl dd li h4{background:rgba(0, 0, 0, 0.5);width:100%;height:100%;padding-top:50px;box-sizing: border-box;position: absolute;left:0;top:0; font-size: 26px;color: #ffffff;line-height: 40px;font-weight: normal;text-align: center;opacity: 1;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.about dl dd li h4 i{display: block;width:36px;height:36px;margin:20px auto;background:url(../images/showico1.png) no-repeat;}
.about dl dd li.cur h4{opacity: 0;}
.about dl dd li.cur h5{background:url(../images/showtm.png) no-repeat;width:100%;height:100%;box-sizing: border-box;position: absolute;left:0;top:0; font-size: 22px;color: #ffffff;line-height: 40px;font-weight: normal;text-align: left;padding:130px 25px 0;}
.about dl dd li.cur h5 i{display: block;line-height:36px;width:21px; height:36px;float: right;background:url(../images/showico2.png) no-repeat center center;}

.about dl dt img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.about dl:hover dt img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}


/**/
.g-link{width:1200px; margin: 0 auto;margin-top: -240px; max-height:60px; overflow: hidden; }
.link{ height:auto; overflow: hidden;font-family:"Microsoft Yahei"; text-align: center;}
.link h2{float: left; font-weight: normal; font-size: 13px;color: #fff;line-height: 30px;}
.link p{  max-width: 1200px; font-size: 14px;overflow: hidden; line-height: 30px; color:#fff;}
.link p a{ color: #fff; font-size: 14px; padding-right:40px; text-align: center; }

@-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);
  }
}