@charset "utf-8";
.content{width: 1200px; margin: 0 auto;}
body{font-family:"Microsoft Yahei"; }
i,em,b{font-style: normal;}

.content{width: 1200px; margin: 0 auto;}
i,em,b{font-style: normal;}

.tit01{font-size: 48px; text-align: center; font-family: "黑体","Microsoft YaHei";color: #333333;font-weight:normal;margin-bottom: 30px; }
.tit01 a{color: #333333; }
.tit01 span{font-size: 18px;color: #666666; padding-bottom: 25px; font-weight: normal;  display:block;font-family:"Microsoft Yahei";background: url(../images/tit01.png) no-repeat center bottom; }

.tit02{font-size: 48px; text-align: center; font-family: "黑体","Microsoft YaHei";color: #fff;font-weight:normal;margin-bottom: 30px; }
.tit02 a{color: #fff; }
.tit02 span{font-size: 18px;color: #fff; padding-bottom: 25px; font-weight: normal;  display:block;font-family:"Microsoft Yahei";background: url(../images/tit02.png) no-repeat center bottom; }


.yy_bj{ height: 495px;padding-top: 40px; background:url(../images/yybg.jpg) no-repeat center top;box-sizing: border-box;  font-family:"Microsoft Yahei"; }
.yy dl{height: 275px;overflow: hidden; }
.yy dl dd{width: 588px;  float: left;position:relative;}
.yy dl dd h3{ font-size: 20px; color: #333333; font-weight: normal; height: 126px; margin-bottom: 15px;padding-top: 22px; border-bottom: 1px solid #d4d4d4;box-sizing: border-box;}
.yy dl dd h3 b{ font-size: 48px; font-weight: bold;color: #333333; display: block;}
.yy dl  p{line-height: 28px;font-size: 16px; color: #666666; text-align: justify;}


.zz{height: 88px;box-sizing: border-box;  font-family:"Microsoft Yahei";}
.zz .m_zz{width: 1200px;}
.zz .m_zz ul{height: 88px; position: relative;}
.zz .m_zz li{ width:245px;padding:0px 0 0 75px;box-sizing: border-box; overflow: hidden; float: left; text-align: center; position: relative; border-right: 1px solid #e5e5e5;}
.zz .m_zz li em{display: block; position: relative;}
.zz .m_zz li em b{font-size: 48px; color: #111111; font-family: "Arial","Agency FB";font-weight: bold;display: block; width: 58px;}
.zz .m_zz li em i{ font-size: 14px; color: #fff; text-align: center; line-height: 20px; background:none;  width: 20px; height: 20px;display: block; position: absolute;top:5px; left: 50%;background:#626262;border-radius: 100%;}
.zz .m_zz h3{font-size:18px; color: #333333; text-align: left; font-weight: normal;}



.zz .m_zz li:nth-child(1){padding-left: 0;width: 135px;}
.zz .m_zz li:nth-child(1) i{margin-left: -7px;}
.zz .m_zz li:nth-child(3){border-right: 0;}

.zz .m_zz li:hover em b{color: #174699;}
.zz .m_zz li:hover em i{background: #174699;}
.zz .m_zz li:hover h3{color: #174699;}

/**/
.pro_bj{ height: 860px; overflow: hidden; background:#f5f5f5; padding-top:65px; box-sizing: border-box; font-family: "Microsoft YaHei"; }
.pro_bj h2{margin-bottom: 35px;}

.clm{float:left;margin-right: 13px;margin-bottom: 14px;}
.clm:nth-child(2n){margin-right: 0;}
.clm1{width: 190px;height: 278px;border:1px solid #ebebeb; float: left; position: relative;overflow: hidden;}
.clm1 a{text-decoration: none;}
.clm1 dt{width: 190px;height: 278px;overflow: hidden;}
.clm1 dt img{width: 190px;height: 278px;display: block;}
.clm1 dd{font-size: 16px; width: 100%; font-weight:bold; color: #222222; line-height: 34px; height: 34px;position: absolute;top:30px; left:0; text-align: center;}

.clm2{width:400px; height: 280px;padding:34px;border:1px solid #ebebeb; float: left; background: #fff; box-sizing: border-box;}
.clm2 ul{ height: 145px; border-bottom: 1px solid #e6e6e6; }
.clm2 li{width: 81px; float: left;margin-right: 43px; }
.clm2 li:nth-child(3){margin-right: 0;}
.clm2 li img{width: 81px; height: 111px; display: block;}
.clm2 li span{color: #454545; font-size: 15px; height: 34px; line-height: 34px; text-align: left; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.clm2 p{padding-top: 20px;}
.clm2 p a{ font-size: 14px; line-height: 30px; display: block; float: left;width: 115px;height: 30px; padding-right: 10px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.clm2 p a:nth-child(3){padding-right: 0;width: 80px;}

.cpbj{ height:742px; background:#fff; padding-top:60px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; position: relative; }
.cp{margin-bottom: 52px;}
.cp h2{font-size: 32px; color: #222222; font-weight: normal; margin-bottom: 25px; height: 45px;}
.cp h2 em{font-size: 18px; color: #666666;}
.cp h2 a{color: #222222;}
.cp h2 i{display: block;float: right; font-size: 14px; color: #666666;margin-top: 20px;text-transform: uppercase;}
.m_cp{ width: 1200px; position: relative; overflow: hidden;}
.m_cp li{ width:380px; position:relative;margin-right:30px; float: left; }
.m_cp li img{ display:block;width:380px; height:285px;}
.m_cp li em{ width:380px;height:51px;  font:16px "Microsoft YaHei"; line-height:51px; color:#282828; overflow:hidden; display: block; text-align: center;padding:0 105px;box-sizing: border-box; background: #ebebeb;}
.m_cp li a{ text-decoration: none; }
.m_cp li:hover em{ background: #073297 url(../images/cpico.png) no-repeat 274px center;color: #fff000;}

.tj{ height: 135px;}
.tj dl{background: #f5f5f5; clear: both;overflow: hidden;}
.tj dl dt{width: 169px; height: 135px;background:url(../images/tjbg.jpg) no-repeat;padding-top: 40px; color: #fff000; font-weight: normal; font-size: 26px; text-align: center; float: left;box-sizing: border-box;}
.tj dl dd{width: 1031px; float: left; height: 135px;padding:32px 0 0 32px;box-sizing: border-box;}
.tj dl dd a{padding:0 10px;height: 37px; line-height: 37px;width: 140px;display: block; float: left; font-size: 14px; color: #666666; text-decoration: none;}
.tj dl dd a:hover{background: #073297; color: #fff000;}

/**/
.fabj{ height: auto; box-sizing: border-box; background:#f7f7f7; padding-top: 75px; overflow: hidden; font-family:"Microsoft Yahei"; }
.fabj h2{}

.fa{width: 100%; clear: both;overflow: hidden;line-height: 30px; font-size: 16px;}
.fa dl{width: 19.895%;margin-right: 0.105%; float: left; position: relative;}
.fa dl:nth-child(5){margin-right: 0;}
.fa dl dt{width: 100%;}
.fa dl dt img{width: 100%; display: block;}
.fa dl dd{ position: absolute;left:0;top:0;height: 100%;width: 100%; }
.fa dl dd h4{padding-top: 8.875em;padding-bottom:2.625em;background: url(../images/fa_line.png) no-repeat center bottom;background-size:3.4375em 4px; margin-bottom: 2.25em; }
.fa dl dd h4 img{width: 19.37%; display: block; margin:0 auto;}
.fa dl dd h3{color: #fff; font-size: 1.5em; text-align: center;opacity: 1;}
.fa dl dd p{padding:0 25%; text-align: center;font-size: 1.125em; color: #fff000;opacity: 0;}

.fa dl.cur dd{background: rgba(8,48,143,0.8);-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;cursor: pointer;}
.fa dl.cur dd h3{opacity: 0;line-height: 0;}   
.fa dl.cur dd p{opacity: 1;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}    
    @media screen and (max-width:1366px) {
      .fa dl dd h4{padding-top: 4.875em;}
      .fa dl dd h3{font-size: 1.5em;}
      .fa dl dd p{font-size: 1em; padding:0 10%;}
    }
    @media screen and (max-width:1600px) {
      .fa dl dd h4{padding-top: 5.875em;}
      .fa dl dd p{font-size: 1em; padding:0 20%;}
    }
    @media screen and (max-width:1720px) {
   	  
    }

/**/
.casebj{ height:860px; background:#fff; padding-top:90px; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px; }
.casebj h2{ margin-bottom: 25px; }
.case{width: 1200px;margin:0 auto;}

.case_nav{width: 201px; height: 620px; float: left;}
.case_nav ul{width: 199px;border:1px solid #cacaca;height: 560px;}
.case_nav li{ height: 140px; text-align: center; font-size:18px; color: #333333;box-sizing: border-box; text-align:  center;border-bottom: 1px solid #cacaca;position: relative;padding-top: 35px;}
.case_nav li a{color: #333333; text-decoration: none;z-index: 2;position: relative;}
.case_nav li i{width: 39px; height: 31px;overflow: hidden;position: relative; display: block; margin:0 auto 10px;z-index: 2}
.case_nav li i img{width: 39px;position: absolute;top:0;left:0;}
.case_nav li.cur i img{top:-31px;}
.case_nav li.cur a{ color: #fff000;z-index: 2;position: relative; }
.case_nav li.cur:after{content:'';position:absolute;height:140px;width:206px;left:0;top:0;background:#073297;z-index: 1;}
.case_nr{width: 999px;height: 620px; float: right;}
.case_nr  dl{width:999px;height: 620px;box-sizing: border-box; position: relative; }
.case_nr  dl dt{width: 999px;height: 562px;  }
.case_nr  dl dt img{width: 999px;height:562px; display: block;}
.case_nr  dl dd{width: 925px; position: absolute;left:37px;bottom: 0;height: 133px;background: #fff;box-shadow: 0 0 5px #eeeeee;padding:30px 40px 0 55px;box-sizing: border-box;}
.case_nr  dl dd h3{font:24px "Microsoft YaHei"; color:#073297;  margin-bottom: 10px; font-weight: bold;box-sizing: border-box; height: 38px;  line-height: 38px; position: relative;}
.case_nr  dl dd h3 a{color: #073297;}
.case_nr  dl dd p{font:16px "Microsoft YaHei"; line-height:30px; position:relative; color: #333333;}



/**/
.ysbj{ height: 1138px; background:#fff; overflow: hidden; font-family:"Microsoft Yahei";box-sizing: border-box;  max-width: 1920px;margin:0 auto;padding-top: 75px;}
.ysbj h2{margin-bottom: 40px;}

.ys1bg{background: #f7f7f7;}
.ys{width: 1200px; margin:0 auto; height:918px;  position: relative;}
.ys_nav ul{height: 167px;width: 1200px; margin:0 auto;}
.ys_nav li{width: 215px; height: 167px;font-size: 26px; color: #222222; text-align: center;padding-top: 104px;box-sizing: border-box; float: left;margin-right: 31px;}
.ys_nav li:nth-child(1){background:url(../images/ystit1.jpg) no-repeat center top;}
.ys_nav li:nth-child(2){background:url(../images/ystit2.jpg) no-repeat center top;}
.ys_nav li:nth-child(3){background:url(../images/ystit3.jpg) no-repeat center top;}
.ys_nav li:nth-child(4){background:url(../images/ystit4.jpg) no-repeat center top;}
.ys_nav li:nth-child(5){background:url(../images/ystit5.jpg) no-repeat center top; margin-right: 0;}
.ys_nav li.cur{ color: #fff000; }
.ys_nav li:nth-child(1).cur{background:url(../images/ystit1cur.jpg) no-repeat center top;}
.ys_nav li:nth-child(2).cur{background:url(../images/ystit2cur.jpg) no-repeat center top;}
.ys_nav li:nth-child(3).cur{background:url(../images/ystit3cur.jpg) no-repeat center top;}
.ys_nav li:nth-child(4).cur{background:url(../images/ystit4cur.jpg) no-repeat center top;}
.ys_nav li:nth-child(5).cur{background:url(../images/ystit5cur.jpg) no-repeat center top;}

.ys1{height: 590px;}
.ys1 dl{width:100%;position: relative; height: 590px; margin:0 auto;}
.ys1 dl dt{width:100%!important;height:590px;overflow:hidden;text-align:center;}
.ys1 dl dt img{ position:absolute; top:0; left:50%; margin-left:-960px;}
.ys1 dd{width: 1200px;position:absolute; bottom:-98px; left:50%; margin-left:-599px; height: 167px;background: #fff;box-shadow: 0 0 5px #eeeeee;}
.ys1 dd img{width: 167px; height: 167px; display: block; float: left;margin:0 25px;}
.ys1 dd .desc{padding-top:30px;width:808px; float: left;}
.ys1 dd h3{font:24px "Microsoft YaHei"; color:#222222;  margin-bottom: 0px; font-weight: bold;box-sizing: border-box; height: 38px;  line-height: 38px;}
.ys1 dd p{font:16px "Microsoft YaHei"; line-height:30px; position:relative; color: #333333;}

.ys_l{position: absolute;left:50%;top:760px; margin-left: 484px;  width: 117px;height: 83px;background: url(../images/ys_l.gif) no-repeat; z-index: 3;}
.ys_r{position: absolute;left:50%;top:677px; margin-left: 484px; width: 117px;height: 83px;background: url(../images/ys_r.gif) no-repeat;z-index: 3;border-bottom: 1px solid #012988;}


/**/
.nswsbj{ height: 805px; box-sizing: border-box;  padding-top:65px; overflow: hidden; font-family:"Microsoft Yahei";background: #fff;}
.nswsbj .tit01{margin-bottom: 40px;}

.news{width:718px; height: 456px; float: left;background: #f7f7f7;padding:42px 30px 0;}
.news .news_nav{height:45px; line-height: 45px; margin-bottom: 15px; position: relative; font-size: 26px; color: #333333;}
.news .news_nav i a{ color: #333333; display: block;height:45px; position: relative; text-decoration:none;width: 154px; float: left;}
.news .news_nav i a.cur{ color: #073297; padding-left: 40px;}
.news .news_nav i a.cur:before{content: "";position: absolute;left:0;top:8px;width: 32px;height:31px;background:url(../images/newsicocur.png) no-repeat;z-index: 1 }
.news .news_nav i a.cur:after{content: "";position: absolute;left:40px;top:38px;width: 113px;height:5px;background: #fff000;z-index: 0 ;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.news .news_nav span{float: right;width: 65px; height: 27px; display: block;margin-top: 15px;}
.news .news_nav span a{ display: block; width: 65px; height: 27px;background: url(../images/more.png) no-repeat; }

.news dl{width:718px; position: relative; clear: both; overflow: hidden;margin-bottom: 22px;}
.news dl dt{width:220px;height: 165px;overflow: hidden; float: left; }
.news dl dt img{ width:220px; height: 165px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.news dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news dl dd{width: 475px; float: right;}
.news  dl dd h3{font-size:18px; color: #333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; position: relative;margin-bottom: 5px; height: 35px;line-height: 35px; font-weight: bold;}
.news  dl dd h3 a{ color: #333333; text-decoration: none;  }
.news  dl dd p{ line-height: 24px;font-size:16px;color: #666666; height: 102px;text-align: justify;}
.news  dl dd span{float: right; font-weight: normal; font-size: 14px; color: #666666;}

.news1 li{width: 353px;margin-bottom: 10px;margin-right: 10px; height: 90px; display: block;padding-left: 20px; background:#fff url(../images/newsico.png) no-repeat 318px center;border:1px solid #eaeaea; padding:22px 40px 18px 20px;box-sizing: border-box; float: left;}
.news1 li h3{color: #333333; font-size: 16px; height: 30px; line-height: 30px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; font-weight: normal; }
.news1 li a{text-decoration: none;}
.news1 li span{ font-size: 14px; color: #999999;font-weight: normal;font-family: "Arial"; }
.news1 li:nth-child(2n){margin-right: 0;}
.news1 li:hover{box-shadow: 0 0 20px #dfdfdf;background:#fff url(../images/newsico.png) no-repeat 318px center;}
.news1 em:hover span{color: #bb0a12;}

.wt{width:320px;height: 456px; float: left;background: #f7f7f7;padding:42px 40px 0;font-family:"Microsoft Yahei"; float: right;}
.wt h2{height:45px; line-height: 45px; margin-bottom: 15px; position: relative; font-size: 26px; color: #333333;}
.wt h2 a{ color: #333333; display: block;height:45px; position: relative; text-decoration:none;padding-left: 40px; font-weight: normal;}
.wt h2:before{content: "";position: absolute;left:0;top:8px;width: 32px;height:31px;background:url(../images/faqico1.png) no-repeat;z-index: 1 }
.wtc{width: 316px; }
.wtc p {margin-bottom: 22px;width: 316px;height: 158px;overflow: hidden;}
.wtc p img{width: 316px;height: 158px; display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.wtc p img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.wt_c{width: 316px; overflow: hidden;}
.wt_c li{ line-height:39px; font-size: 16px; color: #333333; height: 39px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding-left: 18px;background: url(../images/faqico.jpg) no-repeat left center;}
.wt_c li a{color: #333333;}
.wt_c li:hover a{ color: #036eb8; }

/**/
.aboutbj{background:url(../images/abtbg.jpg) no-repeat center top;height: 705px; font-family:"Microsoft Yahei";box-sizing: border-box; overflow: hidden; position: relative;max-width: 1920px;padding-top: 85px; }
.aboutbj a{ text-decoration: none; }
.aboutbj h2{margin-bottom: 35px;}
.about{width:1000px; margin:0 auto; height:478px;}
.about img{display:block;width:100%;}


/**/
.help_cut{padding-top: 65px; height: 492px; box-sizing: border-box;}
.help_nav{height: 49px; margin-bottom: 22px; position: relative; }
.help_nav ul{width: 735px; height: 49px; margin:0 auto;}
.help_nav li{height: 49px; text-align: left;width:165px; font-size: 22px; color: #333333; float: left;box-sizing: border-box; position: relative; text-align: left;margin-right: 120px;padding-left: 60px;z-index: 1;}
.help_nav li:after{content: "";position: absolute;left:0;top:38px;width: 0;height:11px;background: #fff000;z-index: 0 ;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.help_nav li a{ text-decoration: none; color: #333333; position: relative;z-index: 1; }
.help_nav li i{font-size: 12px; color: #afafaf; display: block;position: relative;z-index: 1;}
.help_nav li:nth-child(1):before{content: "";position: absolute;left:0;top:0;width: 49px;height:49px;background:url(../images/xcico1.png) no-repeat;z-index: 1 }
.help_nav li:nth-child(2):before{content: "";position: absolute;left:0;top:0;width:49px;height:49px;background:url(../images/xcico2.png) no-repeat;z-index: 1 }
.help_nav li:nth-child(3):before{content: "";position: absolute;left:0;top:0;width:49px;height:49px;background:url(../images/xcico3.png) no-repeat;z-index: 1 }
.help_nav li:last-child{margin-right: 0;}
.help_nav li.cur{color: #073297; }
.help_nav li.cur:after{width: 100%;}
.help_nav li.cur a,.help_nav li.cur a i{color: #073297;}

.m_help{ width: 1200px; position: relative; }
.xc{width:1200px;  overflow: hidden;}
.xc li{ width:280px; position:relative;margin-right:25px; float: left; }
.xc li img{ display:block;width:280px; height:210px;}
.xc li em{ width:280px;height:42px;  font:15px "Microsoft YaHei"; line-height:42px; color:#666666; overflow:hidden; display: block; text-align: center; display: block;box-sizing: border-box;}
.xc li a{ text-decoration: none; }
.xc li:hover em{ color: #003793;}

.xc li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s; }
.xc li img:hover{-webkit-transform:scale(1.02);-moz-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);}

.link_bj{min-height:70px; overflow: hidden;background: #05236a; }
.link{width:1200px; margin: 0 auto; height:auto; overflow: hidden;font-family:"Microsoft Yahei";}
.link h2{font-size: 18px;  font-weight: normal;background: url(../images/linkico.png) no-repeat left center;padding-left: 35px;width: 130px; float: left;line-height: 70px; color: #fff;}
.link p{  width: 1035px; float: left; font-size: 16px;overflow: hidden; line-height: 70px;}
.link p a{ color: #ffffff; font-size: 14px;padding: 0 35px; text-align: left; }


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