@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: 48px; font-family: "Microsoft YaHei";color: #000000;font-weight:normal;position: relative; line-height: 75px; }
.tit01 a{color: #000000; }
.tit01 p{ font-weight: normal; display: block;font-size:20px;color: #666666; line-height:45px; }

/**/
.g-guide{  height:525px; padding-top:135px;background: url(/images/guidebg2.jpg) no-repeat center top; box-sizing: border-box;  font-family:"Microsoft Yahei";}
.guide{width:1196px;height: 390px;margin:0 auto;position: relative;}
.j-img{width:250px;height:138px; display: block;position: absolute;right:-195px;top:-73px;z-index: 2;}
.x-img{width:250px;height:222px;display: block;position: absolute;right:-195px;top:65px;z-index: 2;}
.guide dl{height: 390px;}
.guide dl dt{overflow: hidden; width:600px;height: 390px; position: relative; float: right;}
.guide dl dt img{width: 600px; height: 390px;  display: block;}
.guide dl dd{width: 505px;  float: left;position:relative;padding-top:60px;}
.guide dl dd h3{ font-size: 38px; color: #000000; font-weight: normal;margin-bottom: 35px; height: 55px;line-height: 55px;white-space: nowrap;position: relative;}
.guide dl dd p{font-size: 16px; color: #666666; line-height: 30px;text-align: justify;height: 162px;}
.guide dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.guide dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

/**/
.g-digital{  height:210px; padding-top:60px;background:#fff; box-sizing: border-box;  font-family:"Microsoft Yahei";}
.digital ul{width: 1200px; height:92px;margin:0px auto; position: relative; clear:both;overflow: hidden; }
.digital li{ width:300px;padding-left:96px;height: 92px; box-sizing: border-box; float: left; text-align: left; position: relative;border-right: 1px solid #ebebeb;}
/* .digital li::after{content: "";position: absolute;width: 1px;height: 92px;background:#efefef;right:0px;top:0px;}  */
.digital li em{display: block; position: relative;height: 58px;width:100px;}
.digital li em b{ margin-left:0px;font-size:60px; color: #42423f; font-family: "Arial"; font-weight: bold;line-height: 72px;}
.digital li em i{ font-size:24px;  color: #42423f;text-align: center; font-weight: bold;  line-height: 26px;width:26px; height: 26px;display: block;text-transform: uppercase;font-family: "Arial";position: absolute;bottom:0px; right:0px; border-radius: 100%;}
.digital li h3{font-size: 16px; color: #666666; text-align: left; font-weight: normal; line-height: 40px;}
.digital li:nth-child(1){border-left: 1px solid #ebebeb;}
.digital li:nth-child(2) em{width:135px;}
.digital li:nth-child(3) em{width:135px;}
.digital li:nth-child(3) h3{text-indent: 25px;}
.digital li:nth-child(4){padding-left:80px;}
.digital li:nth-child(4) em{width:165px;}
.digital li:nth-child(4) h3{text-indent: 45px;}

/**/
.g-quality{height: auto;overflow: hidden; background:url(/images/qualitybg.jpg) no-repeat center top;background-size: 100% 100%; padding-top:50px;padding-bottom:90px; box-sizing: border-box; font-family: "Microsoft YaHei";max-width: 1920px;margin:0 auto;}
.g-quality .tit01{height:158px;}
.g-quality .tit01 h2{background:url(/images/quality-tit.png) no-repeat center bottom;}
.quality{width: 1502px;margin:0px auto;}
.quality dl{width:292px;margin-right: 10px;background:#fff;box-shadow: 0 0 8px #e1e1e1; float: left;box-shadow: 0 0 7px #bababa;}
.quality dt{width:292px;height:349px; overflow: hidden;}
.quality dt img{width:100%;display: block;}
.quality dd{height:168px;text-align: center;padding: 22px 24px 0;box-sizing: border-box;}
.quality dd h4{height: 28px;line-height: 28px;font-size: 20px;color:#333333;font-weight: bold; margin-bottom: 10px;}
.quality dd p{font-size: 0.8rem;color: #666666;line-height: 24px;}
.quality dl:last-child{margin-right: 0;}
.quality dl dt img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.quality dl:hover dt img{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);transform:scale(1.03);}

@media screen and (max-width:1601px) {
  .quality{width: 1202px;}
  .quality dl{width:232px;}
  .quality dt{width:232px;height:277px;}
  .quality dd h4{font-size: 16px;}
}


/**/
.g-super{padding-top:65px;font-family:"Microsoft Yahei";background: #fff;}
.g-super .tit01{height:208px;}
.g-super .tit01 h2{background:url(/images/super-tit.png) no-repeat center bottom;}
.super{width: 100%;position: relative;height: 858px;box-shadow: 0 0 22px #ececec;}
.super-nav{width: 100%;height: 120px;z-index: 1;position: absolute;top:-51px;}
.super-nav ul{width: 1160px; height: 120px;margin:0 auto;background:#fff;border-radius: 16px;box-shadow: 0 0 5px #ececec;}
.super-nav li{width: 290px; height: 120px; cursor: pointer; float: left;text-align: left;box-sizing: border-box;padding:30px 0 0 45px;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;overflow: hidden;position: relative;}
.super-nav li::after{content: "";position: absolute;width: 1px;height: 46px;background:#d8d9dc;right:0px;top:38px;}
.super-nav li h4{box-sizing: border-box;text-align: left;font-size: 24px;color: #333333; font-weight: bold;}
.super-nav li h4 em{display: block; font-size:14px; color: #999999;font-family: "Arial"; font-weight: normal; line-height: 24px;}
.super-nav li i{width:76px;height:68px;display: block;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s; float: left;}
.super-nav li:nth-child(1) i{background: url(/images/super-01.png) no-repeat;}
.super-nav li:nth-child(2) i{background: url(/images/super-02.png) no-repeat;}
.super-nav li:nth-child(3) i{background: url(/images/super-03.png) no-repeat;}
.super-nav li:nth-child(4) i{background: url(/images/super-04.png) no-repeat;}
.super-nav li.cur{background:#ec8500;border-radius: 16px;}
.super-nav li.cur::after,.super-nav li:last-child:after{width:0;}
.super-nav li.cur h4{color: #fff;}
.super-nav li.cur h4 em{color: #fff;opacity: 0.5;}
.super-nav li:nth-child(1).cur i{background: url(/images/super-01cur.png) no-repeat;}
.super-nav li:nth-child(2).cur i{background: url(/images/super-02cur.png) no-repeat;}
.super-nav li:nth-child(3).cur i{background: url(/images/super-03cur.png) no-repeat;}
.super-nav li:nth-child(4).cur i{background: url(/images/super-04cur.png) no-repeat;}

.super-c{height: 858px;width: 1200px; margin:0 auto;}
.super-c dl{width:1200px;height:858px; position:relative;}
.super-c dt{ width:1920px; height:712px; overflow:hidden; position: absolute;left:50%;top:0; margin-left: -960px;}
.super-c dt img{ display:block;width:1920px; height:712px; }
.super-c dd{width:1200px; margin:0 auto;height: 146px;position: absolute;left:0;bottom:0;padding:35px 0 0 0px; box-sizing:  border-box;}
.super-c dd h4{position: relative; font-size:24px;color:#333333;line-height:32px;text-align: left; font-weight: bold; display: block;float: left;width:308px;float: left;}
.super-c dd h4 span{font-size: 28px;display: block;}
.super-c dd h4 b{color: #ec8500;}
.super-c dd h4::after{content: "";position: absolute;width: 1px;height: 64px;background:#f7f7f7;right:0px;top:0px;}
.super-c dd .desc{width:840px; float: right;margin-top:0px;box-sizing: border-box;}
.super-c dd p{font-size:16px; color:#666666;  line-height: 30px; text-align: left;}


/**/
.g-products{height: auto;overflow: hidden; background:none;padding-top:50px; box-sizing: border-box; font-family: "Microsoft YaHei";margin:0 auto; }
.g-products .tit01{height:162px;}
.g-products .tit01 h2{background:url(/images/pro-tit.png) no-repeat center bottom;}
.pro{height: 702px;background:#f3f3f3;position: relative;}
.pro-pic{width:960px;height: 702px; float: left;position: absolute;left:50%;margin-left: -960px;top:0;}
.pro-pic img{width:100%;display: block;}
.pro-con{width:980px;height: 702px;position: absolute;top:0;right:25px;overflow: hidden;}
.pro-con h3{height: 120px;line-height: 120px;font-size: 36px;color: #333333; font-weight: normal;padding-left:82px;}
.pro-con h3 a{color: #333;}
.pro-c li{width:312px;overflow: hidden; float: left;margin-right: 22px;}
.pro-c li img{width:100%;display: block;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.pro-c li h4{height: 46px;line-height: 46px;font-size: 16px;color:#333333;font-weight: normal; text-align: center;background: #e2e2e2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pro-c li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.pro-prev{width:42px;height:42px;background:url(/images/pro-prev.png) no-repeat;position: absolute;left:85px;bottom:35px;z-index: 1;}
.pro-next{width:42px;height:42px;background:url(/images/pro-next.png) no-repeat;position: absolute;left:140px;bottom:35px;z-index: 1;}

/**/
.g-products2{height: auto;overflow: hidden; background:none;padding:48px 0 80px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.pro-nav{width: 1200px;margin:0 auto 37px;height:61px;}
.pro-nav a{width:240px;height:61px; line-height: 61px; font-size: 18px;color:#fff;background:#3c424e;text-align: center;float: left;position: relative;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.pro-nav a::after{content: "";position: absolute;width: 1px;height: 12px;background:#636871;right:0px;top:26px;}
.pro-nav a.cur,.pro-nav a:hover{background:#ec8500;}
.pro-nav a.cur::after,.pro-nav a:hover::after{width:0;}
.pro-c2 {width:1200px;margin:0 auto;overflow: hidden;}
.pro-c2 li{width:290px;overflow: hidden; float: left;margin-right: 12px;}
.pro-c2 li img{width:100%;display: block;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.pro-c2 li h4{height: 48px;line-height: 48px;font-size: 16px;color:#333333;font-weight: normal; text-align: center;background: #e2e2e2;position: relative;}
.pro-c2 li:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

/**/
.g-cases{ height:758px; background:url(/images/casebg.jpg) no-repeat center top; padding:50px 0 0;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; margin:0 auto;overflow: hidden; }
.g-cases .tit01{height:178px; }
.g-cases .tit01 h2{background:url(/images/case-tit.png) no-repeat center bottom; }
.case{position: relative;height:475px;}
.case-l-bg{width:1200px;height:600px;position: absolute;left:50%;top:0;margin-left:-1844px; background:rgba(0, 0, 0, 0);z-index: 3;}
.case-r-bg{width:1200px;height:600px;position: absolute;left:50%;top:0;margin-left:644px;background:rgba(0, 0, 0, 0);z-index: 3;}
.case-l{position: absolute;top:213px;left:50%;margin-left:-560px; background: url(/images/case-prev.gif) no-repeat;width:48px;height:48px;z-index: 3;}
.case-r{position: absolute;top:213px;left:50%;margin-left:510px;background: url(/images/case-next.gif) no-repeat;width:48px;height:48px;z-index: 3;}
.case-nr{position: relative;margin:0 auto;width: 1000px; height: 475px;}
.case-nr .tempWrap{overflow: visible !important;}
.case-nr .tempWrap .case_bd{margin-left:-1075px !important;}
.m-case{width: 1000px;height: 735px;margin-right: 75px;}
.m-case dl{width: 1000px;height: 475px;padding:0 65px; position: relative;background: url(/images/dlbg.png) no-repeat center bottom;box-sizing: border-box;}
.m-case dl dt{width: 409px;height: 409px; float: left; overflow: hidden;position: relative;}
.m-case dl dt img{width: 409px;height: 409px;display: block;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.m-case dl dt i{width: 409px; height: 409px;  display: block;background: url(/images/case-video.png) no-repeat; position: absolute; left:0;top:0; z-index: 1;} 
.m-case dl dd{width: 409px;height:409px;box-sizing: border-box; float: left;padding:120px 0 0 0;margin-left: 49px;}
.m-case dl dd h4{font-size: 24px;color:#333333;line-height: 40px;height:40px;margin-bottom: 35px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: normal;}
.m-case dl dd h4 a{color:#333333;}
.m-case dl dd p{font-size:16px; color:#666666;  line-height: 30px;text-align: justify;height:130px;overflow: hidden;}
.m-case dl dd span{width:130px;line-height: 42px; text-align: center; display: block;border:1px solid  #ec8500; font-size: 16px; color: #ec8500;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.m-case dl:hover dd span{background: #ec8500;color: #fff;border-radius: 45px;}
.m-case dl:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}

/**/
.g-chara{height: 743px;overflow: hidden; background:#fff;padding-top:50px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-chara .tit01{height:154px;}
.g-chara .tit01 h2{background:url(/images/chara-tit.png) no-repeat center bottom;}
.chara{width:1200px;margin:0 auto;position: relative;}
.chara li{width:191px;height:114px;float: left;background: #e4e4e4;margin-bottom: 1px; font-size: 20px;line-height: 40px;text-align: center;padding-top:22px;color: #333333;position: absolute;box-sizing: border-box;}
.chara li i{display: block;text-align: center;}
.chara li i img{margin:0 auto;}
.chara li .ico1{display: block;}
.chara li .ico2{display: none;}
.chara li:nth-child(1){left:0;top:0;}
.chara li:nth-child(2){left:0;top:115px;}
.chara li:nth-child(3){left:0;top:230px;}
.chara li:nth-child(4){left:0;top:345px;}
.chara li:nth-child(5){right:0;top:0;}
.chara li:nth-child(6){right:0;top:115px;}
.chara li:nth-child(7){right:0;top:230px;}
.chara li:nth-child(8){right:0;top:345px;}
.chara li.cur{background: #ec8500;font-size: 22px;color: #fff;}
.chara li.cur .ico1{display: none;}
.chara li.cur .ico2{display: block;}

.chara-con{height:459px;width: 818px;position: absolute;left:191px;top:0;}
.chara-con dl{width:818px;height: 459px; position: relative;}
.chara-con dt{width:818px;height:459px;overflow:hidden;}
.chara-con dt img{width:100%;display:block;}
/**/
.g-process { height: 503px; background:url(/images/processbg.jpg) no-repeat center top;padding-top:50px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.g-process .tit01{height:158px;color: #fff;}
.g-process .tit01 h2{background:url(/images/process-tit.png) no-repeat center bottom;}
.g-process .tit01 h2,.g-process .tit01 p{color: #fff;}
.proc {width:1200px; margin:0 auto;}
.proc ul{height: 245px;clear: both;overflow: hidden;;}
.proc li{ font-size: 16px;color: #ffffff; line-height: 30px;float: left;position: relative;text-align: center;margin-right: 67px;}
.proc li::after{content: "";position: absolute;right:-72px;top:79px;background:#7c7e7e;width:77px;height:1px;}
.proc li em { display: block; width: 144px; height: 166px; margin: 0 auto 5px; position: relative; overflow: hidden;}
.proc li em img{display: block;width: 144px;-webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out;}
.proc li:last-child{margin-right: 0;}
.proc li:last-child::after{width:0;}
.proc li:hover img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.proc li:hover img{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}

/**/
.g-news{ height: 872px; box-sizing: border-box; background:#ffffff;padding-top:75px;overflow: hidden; font-family:"Microsoft Yahei";}
.g-news .tit01{ height:158px;}
.g-news .tit01 h2{background:url(/images/news-tit.png) no-repeat center bottom;}
.news{width:1200px;margin:0 auto;}
.news h3{height:36px;line-height: 36px; font-weight: normal;font-size: 24px;color: #333333;padding-left: 20px;position: relative;margin-bottom: 22px;}
.news h3 a{color: #333;}
.news h3::after{content: "";position: absolute;width: 4px;;height: 18px;background:#ec8500;left:0px;top:10px;} 
.news1{width:726px; float: left;}
.news1-c{}
.news1-c dl { height: 105px;padding:26px 0 29px;border-top:1px dashed #dcdcdc; }
.news1-c dt, .news1-c dt img { width: 210px; height: 105px; display: block; overflow: hidden; float: left; }
.news1-c dd { width: 496px; float: right; }
.news1-c dd h4 { font-weight: normal; font-size: 22px; line-height:40px; height: 40px; overflow: hidden;color: #333333;margin:0 0 10px 0; }
.news1-c dd h4 a{ display: block; color: #333333; }
.news1-c dd p{font-size: 14px;line-height: 24px;}
.news1-c dl:hover h4, .news1-c li a:hover{ color: #ec8500; }
.news1-c ul{background:#f1f1f1;padding:20px;}
.news1-c li{line-height: 36px;padding-left: 15px;background:url(/images/newsico1.png) no-repeat left center; font-size: 16px;color: #666666;}
.news1-c li a{color: #666666;}
.news1-c li span{float: right; font-size: 14px;color: #989797; font-family: Arial;}

.news2{width:415px; float: right;}
.news2-c{height: 468px;overflow: hidden;font-size: 14px;line-height: 22px;color: #666666;}
.news2-c li { height: 124px; overflow: hidden; position: relative; }
.news2-c li span { height: 40px; line-height: 40px; background: #f1f1f1; border-radius: 20px; font-size: 16px; display: block; margin-bottom: 20px; }
.news2-c li span a { display: block; background: url(/images/q.png) no-repeat 5px 4px; padding-left: 55px; color: #383838; }
   
/**/
.g-about{background:#fff;height:auto;font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;}
.g-about img{width:100%;display: block;}
.about{width:1260px;padding:65px 80px 0;margin:-148px auto 0; height:450px;box-sizing: border-box;background:url(/images/abtbg.png) no-repeat;position: relative;}
.about .tit01{ height:88px;}
.about .tit01 h2{background:url(/images/news-tit.png) no-repeat center bottom;}
.abt-desc{ font-size: 16px;color: #666666;line-height: 30px;text-align: center;height: 144px;}
.abt-desc a{color: #ec8500;}
.abt-tit{clear: both;overflow: hidden;width:770px;margin:0 auto;}
.abt-tit a{height: 50px; line-height:normal;width: 200px; margin-right: 85px; text-align: center; font-size: 22px; color: #333333;position: relative; display: block; float: left;}
.abt-tit h4{text-align: left;margin-left:15px; float: left;font-weight: normal;}
.abt-tit h4 em{display: block;font-size: 14px;color: #b6b6b6; font-weight: normal;font-family: Arial, Helvetica, sans-serif;}
.abt-tit i{width:50px;height:50px;overflow: hidden;position: relative; float: left;}
.abt-tit img{width:50px;display: block;position: absolute;left:0;top:0;-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.abt-tit a:last-child{margin-right: 0;}
.abt-tit a:hover i img{top:-50px;}
.g-about img{-webkit-transition: .35s;-moz-transition: .35s;transition: .35s;}
.g-about  img:hover {-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}

.footWrap{height:499px !important;}
/*ÓÑÇéÁ´½Ó*/
.g-link{min-height:0px;width:1200px; margin: 0 auto;box-sizing: border-box; position: relative;}
.link{height:auto;padding-top:20px;width:1200px; overflow: hidden;font-family:"Microsoft Yahei";border-top: 1px solid rgba(255, 255, 255, 0.1);position: absolute;top:-188px;}
.link h2{font-size:18px ;font-weight:normal; text-transform: uppercase; width: 160px; float: left;height: 32px; line-height: 32px;color: #aeb3c1;}
.link h2 i{color: #aeb3c1;}
.link p{  width: 950px; float: left; font-size: 14px;overflow: hidden; line-height: 32px; color:#777b86;}
.link p a{ color: #777b86; font-size: 14px; padding: 0 15px; 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);
  }
}