@charset "utf-8";
.content{width: 1400px; margin: 0 auto;}
i,em,b{font-style: normal;}
@media screen and (max-width:1680px) {
  .content{width: 1200px;}
}

.tit01 h2{font-size: 46px; text-align: center; font-family: "Microsoft YaHei";color: #272c32; font-weight: bold; line-height: 64px;}
.tit01 a{color: #272c32; }
.tit01 p{font-weight: normal; display: block;font-size:20px;color: #666666; line-height: 32px;text-align: center; font-family: "Microsoft YaHei"; }

/**/
.banner {width: 100%; max-height: 800px; position:relative;max-width: 1920px;overflow: hidden;;}
.banner img{ width:100%; display: block;}
.banner .swiper-pagination{bottom: 3% !important; z-index: 1}
.banner .swiper-pagination .swiper-pagination-bullet{background: #fff;opacity: 1; width: 10px;height: 10px;color: #fff; border-radius: 10px;border:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;margin:0 10px;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background:#214f81;width: 50px;}
.banner .ban-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 42px; height: 74px; margin-top: -50px;border: 0; outline: none;}
.banner .ban-prev {left: 5%;  background:url(../images/lefts.png) no-repeat center center; display: none;}
.banner .ban-next {right: 5%; background:url(../images/rights.png) no-repeat center center;display: none;}  

/**/
.g-guide{ background:#fff url(../images/guidebg.jpg) no-repeat center 215px; background-size: 100%; height:auto; padding:90px 0 0;box-sizing: border-box;  font-family:"Microsoft Yahei";clear: both;overflow: hidden;}
.guide dl{max-height: 455px;clear: both;overflow: hidden;margin-bottom: 68px;}
.guide dt{width: 57.78%; max-width:809px;position: relative;float: right;}
.guide dt em{position:absolute;left:0;top:0;width:100%;}
.guide dt em i{display:block;position:relative;width:100%; height: 100%;}
.guide dt em i::after{content:''; width:100%; height: 100%;  display: block;background: url(../images/vdo-tm.png) no-repeat;background-size: 100%; position: absolute; left:0%;top:0%;}
.guide dt i img{width:100%;display: block;}
.guide dd{width: 40%; float: left;box-sizing: border-box;}
.guide dd h3{height:60px; font-size: 46px; color: #272c32; text-align: left;font-weight: bold;}
.guide dd i{font-size: 20px;color: #333333;font-weight: normal;display: block;margin-bottom:3.125vw;}
.guide dd em{font-size:16px; color: #666666; line-height:36px;text-align: justify;display: block;padding-left: 30px;background: url(../images/guide-ico.png) no-repeat left center;}
.videoclass .layui-layer-content{overflow:hidden !important;}
.honor{position: relative;background:#f8f8f8;padding:0 0 90px;}
.honor .content{position: relative;}
.honor-prev{width:20px;height:34px;position: absolute;left:-48px;top:50%;margin-top:-17px;z-index: 1;background:url(../images/honor-prev.png) no-repeat;}
.honor-next{width:20px;height:34px;position: absolute;right:-48px;top:50%;margin-top:-17px;z-index: 1;background:url(../images/honor-next.png) no-repeat;}
.honor-con{overflow: hidden;}
.honor-con li{ width:23.285%; position:relative; border:8px solid #203953;float: left; overflow: hidden;box-sizing: border-box;}
.honor-con li img{ display:block;width:100%;}
.honor-con li a{ text-decoration: none; }
.honor-con li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.honor-con li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}
@media screen and (max-width:1420px) {
  .guide dd em{font-size:16px; color: #666666; line-height:32px;}
}

/**/
.g-products{height: auto;background:#fff;overflow: hidden; padding:72px 0 25px; box-sizing: border-box; font-family: "Microsoft YaHei";clear: both;overflow: hidden;margin:0 auto; }
.g-products .tit01{height:124px;}
.pro-clm {width: 100%; max-height: 553px; position:relative;overflow: hidden;}
.pro-clm img{ width:100%; display: block;}
.clm-prev{width:100px;height:86px;position: absolute;right:calc(13.5% + 100px);bottom:0;z-index: 1;background:url(../images/clm-prev.png) no-repeat;}
.clm-next{width:100px;height:86px;position: absolute;right:13.5%;bottom:0;z-index: 1;background:url(../images/clm-next.png) no-repeat;}
.products{padding-top:33px;}
.pro-nav{width:19.57%;max-width: 274px; background:#fff;margin-top: -208px;position: relative;z-index: 1;float: left;}
.pro-nav h3{background:#214f81;padding:40px 40px 0 0;height: 175px;color: #fbd7a3;font-size: 28px;text-align: right;line-height: 48px;box-sizing: border-box;}
.pro-nav h3 a{color: #fbd7a3}
.pro-nav h3 i{display: block;padding-bottom: 36px;background: url(../images/clmtit.png) no-repeat right bottom;color: #fbd7a3; font-size: 16px;line-height: 16px;display: block;font-weight: normal;}
.nav-con{border:3px solid #214f81;}
.nav-con h4 a{height: 78px;line-height: 78px;background:#dee2e7;padding-left: 38px;font-size: 22px;color: #214f81;display: block;font-weight: normal;}
.nav-con h4 em{width: 30px;float: left;margin:23px 10px 0 0;}
.nav-con h4 em img{width: 30px;height: 30px;display: block;}
.nav-con p{margin:10px 20px;}
.nav-con p a{display: block;font-size: 16px;line-height: 48px;padding-left: 30px;color: #666666;border-bottom: 1px dashed #e0e0e0;}
.nav-con p a:last-child{border-bottom: 0;}
.pro{overflow: hidden;width: 78.57%; max-width: 1100px;float: right;}
.pro li{width:32.18%;margin-right: 1.54%; position: relative; float: left;box-sizing: border-box;margin-bottom: 17px;}
.pro li:nth-child(3n){margin-right: 0;}
.pro li em{width:100%;display: block;border:1px solid #e8e8e8;box-sizing: border-box;}
.pro li em img{width:100%; display: block;}
.pro li h4{width: 100%;padding:0 50px;background: url(../images/pro-ico.png) no-repeat 10px center; font-size:16px;color: #666666;font-weight: normal;text-align: left; line-height: 50px;height: 50px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

@media screen and (max-width:1680px) {
  .pro-nav h3{font-size: 24px;}
  .pro-nav h3 i{font-size: 14px;}
  .nav-con h4 a{height: 55px;line-height: 55px;}
  .nav-con h4 em{margin:13px 10px 0 0;}
}

/**/
.g-super{ height: auto;background:#fff;padding:72px 0 0px; box-sizing: border-box; font-family: "Microsoft YaHei";}
.g-super .tit01{height:135px;}
.super{position: relative;}
.super-nav{width: 100%; height:168px;position: absolute;left:0;bottom: 40px; z-index: 1;}
.super-nav li {width:25%;background:#fff; height:168px;line-height: 50px; float: left; text-align: center;position: relative;box-sizing: border-box;border-right: 1px solid #ebebeb;}
.super-nav li:last-child{border-right:0;}
.super-nav li .supert-ico{width:65px;height:65px; display:block;overflow: hidden;position: relative;z-index: 1;margin:33px auto 0;}
.super-nav li .supert-ico img{width:65px;display: block;position: absolute;left:0;top:0;-webkit-transition: 0.35s;-moz-transition:0.35s;transition: 0.35s;}
.super-nav li .supert-txt{font-size:24px;color: #000000;font-weight: bold;}
.super-nav li.cur {background:#214f81;}
.super-nav li.cur .supert-ico img{top:-65px;}
.super-nav li.cur .supert-txt{color:#fbd7a3;font-weight: bold;}
.super-nr{position: relative;max-height:740px;overflow: hidden;max-width: 1920px;margin:0 auto;}
.super-con{width:100%;}
.super-con img{width:100%;display:block;}
.super-con dl{width: 100%;position: relative;z-index: 1;}
.super-con dt{width: 50.05%;position: relative;float: left;;}
.super-con dd{width: 49.94%;float: left;position: relative;}
.super-con dd .content{position: absolute;left:50%;top:5vw;margin-left: -220px;}
.super-con dd .desc{width:520px;}
.super-con dd em{display: block;font-size: 80px;color: #fbd7a3;font-family: Arial, Helvetica, sans-serif;}
.super-con dd h4{font-size: 38px;color:#fbd7a3;line-height:52px;margin-bottom: 20px;}
.super-con dd span{display: block;font-size: 28px;color: #fbd7a3; font-weight: normal;}
.super-con dd p{font-size:16px; color:rgba(255, 255, 255, 0.7);  line-height:34px;}

@media screen and (max-width:1680px) {
  .super-nav{bottom:-84px;}
  .super-nav ul{height:168px;box-shadow: 0 0 2px #eee;}
  .super-con dd .content{top:3vw;margin-left: -260px;}
  .super-con dd em{font-size: 60px;}
  .super-con dd h4{font-size: 32px;}
  .super-con dd p{font-size:15px; line-height:30px;}
  .g-super{ padding:72px 0 84px;}

}
/**/
.g-cases{ height:auto; background:#fff; padding:80px 0 93px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px;overflow: hidden; }
.g-cases .tit01{height:148px; }
.case-nav{clear: both;overflow: hidden;margin-bottom: 45px;text-align: center;}
.case-nav a{display: block;width: 100px;text-align:center; line-height: 35px;font-size:20px;color: #333333;box-sizing: border-box;float: left;margin-right: 8.285%;}
.case-nav a:last-child{margin-right: 0;}
.case-nav em{width:81px;height:87px; display:block;overflow: hidden;position: relative;margin:0px auto 10px;}
.case-nav em img{width:81px;display: block;position: absolute;left:0;top:0;-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.case-nav a:hover{font-weight: bold;color: #214f81;}
.case-nav a:hover em img{top:-87px;}
.case-left{width:56.85%; position: relative;overflow: hidden;float: left;}
.case-prev{width:61px;height:58px;position: absolute;right:61px;bottom:186px;z-index: 1;background: url(../images/case-prev.gif) no-repeat;background-size: 100%;}
.case-next{width:61px;height:58px;position: absolute;right:0;bottom:186px;z-index: 1;background:url(../images/case-next.gif) no-repeat;background-size: 100%;}
.case-con dl{width:100%;}
.case-con dt{width:100%;}
.case-con dt img{width:100%;display: block;}
.case-con dd{width: 100%; padding:30px 0  0 0;height:214px;background:url(../images/case-line.gif) no-repeat left bottom;}
.case-con dd h4{font-size:20px;color: #333333; line-height: 35px;height: 35px;margin-bottom: 35px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight: normal;}
.case-con dd h4 a{color: #333333;}
.case-con dd p{font-size:15px; color:#666666;  line-height:36px;max-height: 72px; display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden; text-overflow: ellipsis;}
.case-right{width:43.15%;max-width: 605px;padding-bottom: 234px; position: relative;overflow: hidden;float: right;background:url(../images/casebg.jpg) no-repeat right bottom;}
.case-right em{height: 110px;line-height: 55px;font-size: 14px;color: #999999;text-transform: capitalize;text-align: right;position: relative;display: block;}
.case-right em::before{content: ""; width:297px;height: 1px;background:#dcdcdc;position: absolute; top:0;right:0;}
.case-right li{width:49%;position: relative; float: left;box-sizing: border-box;margin-left: 1%;margin-bottom: 6px;}
.case-right li img{width:100%; display: block;}

@media screen and (max-width:1680px) {
 .case-nav a{margin-right: 6.85%;}

}

/**/
.g-project{ height:auto; background:#fff; padding:0px;font-family:"Microsoft Yahei";box-sizing: border-box; position: relative;max-width: 1920px;overflow: hidden;margin:0 auto; }
.g-project img{width:100%;display:block;}
.project{position: absolute;left:50%;top:5.46vw; margin-left: -700px;}
.project .tit01{margin-bottom: 7.86vw;}
.project .tit01 a{color: #fff;}
.project .tit01 p{color: #fff;}
.vr-btn{width: 364px;margin:0 auto;position: relative;text-align: center;}
.vr-btn em{width:6.45vw;display:block;margin:0 auto;}
.vr-btn::before{content: ""; width:1px;height: 71px;background:rgba(255, 255, 255, 0.47);position: absolute; top:-6.45vw;left:50%;margin-left: -1px;}
.vr-btn span{margin-top:5.625vw; display: block;width: 100%;height:62px;line-height: 62px;text-align: center; background:#fbd7a3;border-radius:30px;color: #214f81;font-size: 16px;}
.g-project img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.g-project img:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}


/**/
.g-news{ height: auto; box-sizing: border-box; background:#ffffff; padding:85px 0 118px; overflow: hidden; font-family:"Microsoft Yahei";position: relative;}
.g-news .tit01{ height:150px;}
.news{position: relative;}

.newstit{ height: 57px;}
.newstit h3 a{ text-decoration: none; font-size: 22px;color:#333333; line-height:44px; font-weight: normal;margin-right: 44px;}
.newstit h3 a.cur{ padding-left:42px;background: url(../images/newstcur.png) no-repeat left center;font-weight: bold;color: #0652a5;}
.newstit span{float: right;line-height:44px;text-transform: uppercase;}
.newstit span a{color: #666;}

.news1{width:66.14%; float: left;overflow: hidden;}
.news-con{width:100%;overflow: hidden;}
.news-con dl{width:100%;  overflow: hidden;padding:34px 30px;background:#f3f3f3;box-sizing: border-box;}
.news-con dt{ width:66.5%;position: relative; overflow: hidden;float: left;}
.news-con dt img{width:100%; display: block;}
.news-con dd{width:27.71%; overflow: hidden;box-sizing: border-box;padding: 20px 0;float: right;}
.news-con dd em{ line-height: 28px; color: #214f81;}
.news-con dd h4{font-size: 16px; font-weight: bold;height: 50px; line-height: 25px;color:#214f81;;overflow: hidden;text-overflow: ellipsis;font-family:"Microsoft Yahei";margin-bottom:1.875vw;}
.news-con dl h4 a{ text-decoration: none; color:#214f81;}
.news-con dd p{max-height:90px;font-size: 14px; line-height: 30px; color:#666666;display:-webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;  overflow: hidden; text-overflow: ellipsis;margin-bottom: 30px;}
.news-con dd .news-more{text-decoration: underline;font-size: 14px;color: #666666;text-transform: uppercase;}
.news-con dl img{-webkit-transition: .3s;-moz-transition: .3s;transition: .3s;}
.news-con dl img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);transform:scale(1.01);}
.news-con li{margin-top:22px;width: 48.8%;margin-right: 2.26%; height:143px;padding:20px 30px;box-sizing: border-box;background:#f7f7f7;float: left;}
.news-con li h4{display: block;height:60px;line-height: 60px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333333;font-size: 16px;border-bottom: 1px solid #e7e7e7;margin-bottom: 12px;}
.news-con li span{display: block; font-size: 14px;line-height: 25px; color:#999999;background:url(../images/news-ico1.png) no-repeat right center;}
.news-con li:nth-child(2n){margin-right: 0;}
.news-con li:hover{background:#214f81;}
.news-con li:hover h4{color: #fbd7a3;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.news-con li:hover span{color: rgba(255, 255, 255, 0.6);background:url(../images/news-ico2.png) no-repeat right center;}

.news2{width:32.42%; float: right;}
.newstit2 h3 a{ padding-left:42px;background: url(../images/newst2.png) no-repeat left center;}
.news2-c{width:100%;overflow: hidden;}
.news2-con{width:100%;overflow: hidden;height:720px;}
.news2-c dl{width: 100%;height:170px;padding:20px 30px;box-sizing: border-box;background:#f7f7f7;;}
.news2-c dt{display: block;height:30px;line-height: 30px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333333;font-size: 16px;}
.news2-c dt a{color: #333;}
.news2-c dd p{font-size: 14px; line-height: 24px;height: 24px; color:#666666;white-space: nowrap;  overflow: hidden; text-overflow: ellipsis;padding-bottom: 16px;border-bottom: 1px solid #e7e7e7;margin-bottom: 12px;}
.news2-c dd span{display: block; font-size: 14px;line-height: 25px; color:#999999;background:url(../images/news-ico1.png) no-repeat right center;}
.news2-c dl:hover{background:#214f81;}
.news2-c dl:hover dt a,.news2-c dl:hover dt {color: #fbd7a3;}
.news2-c dl:hover p{border-bottom: 1px solid rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.6);}
.news2-c dl:hover span{color: rgba(255, 255, 255, 0.6);background:url(../images/news-ico2.png) no-repeat right center;}


/**/
.g-about{background:#fff;height:auto;overflow: hidden; font-family:"Microsoft Yahei";position: relative;box-sizing: border-box;padding-bottom: 95px;}
.g-about img{width:100%;display:block;}
.about{height: 218px;position: relative;margin: -135px auto 0;}
.about dl{background: #fff; height: 218px; box-sizing: border-box; box-shadow: 0px 0 20px rgba(0, 0, 0, 0.17);border-top-right-radius: 70px;}
.about dl dt{text-align: center;width:377px; height: 218px; float: left;background:#214f81;box-sizing: border-box;padding-top: 55px;position: relative;}
.about dl dt h3{position: relative;font-size:48px; color: #fbd7a3; font-weight: bold;z-index: 1;line-height:60px;}
.about dl dt span{display: block; font-size: 20px; display: block;font-weight: normal;color: #fbd7a3;}
.about dl dd {padding: 64px 96px 0 40px; float: right;width: 73%;box-sizing: border-box; }
.about dl dd h4{font-size: 24px; color: #3c424e; font-weight: bold;margin-bottom: 10px;}
.about dl dd p{ font-size: 16px; color: #666666;line-height: 30px; text-align: justify;   }
@media screen and (max-width:1680px) {
  .about{margin: -114px auto 0;}
  .about dl dd{width:68%;padding: 46px 56px 0 40px;}
  .project{margin-left: -600px;}
}



/**/
.g-show{height:auto;position: relative;padding-bottom: 100px;}
.show-1{width:14.79vw;display: block;position: absolute;right:0;bottom:0;z-index:2;}
.show-nav{ height:62px;text-align: center;margin-bottom:22px;}
.show-nav a{line-height:62px;padding-left: 32px;box-sizing: border-box; width: 230px;font-size:22px; color: #fff;position: relative; display: inline-block;font-weight: normal;text-align: left;background:#113964;}
.show-nav a:nth-child(2){background:#214f81;;}
.show-nav em{width:32px;height:32px; display:block;overflow: hidden;position: relative;margin:15px 15px 0;float: left;}
.show-nav em img{width:32px;display: block;position: absolute;left:0;top:0;}

.show-nav a.cur em img,.show-nav a:hover em img{top:-32px;}
.show-nav a.cur,.show-nav a:hover{color: #214f81; font-weight: bold;background:#fbd7a3;}

.show{position: relative;}
.show-prev{width:46px;height:46px;position: absolute;left:-86px;top:50%;margin-top:-23px;z-index: 1;}
.show-next{width:46px;height:46px;position: absolute;right:-86px;top:50%;margin-top:-23px;z-index: 1}
.show-nr{overflow: hidden; display: none;}
.show-nr li{ width:21.85%; position:relative;margin-right:1.428%; float: left; overflow: hidden;}
.show-nr li img{ display:block;width:100%; }
.show-nr li h4{font-size:16px;font-weight: normal; height:52px;line-height:52px; color:#666666; text-align: center; white-space: nowrap;text-overflow: ellipsis; overflow:hidden;}
.show-nr li a{ text-decoration: none; }
.show-nr li img{-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.show-nr li:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);}

.show-nr.on{display: block;}



/*友情链接*/
.link{height:0;width: 1400px;line-height:36px;position: relative;z-index: 9;margin: 0 auto;font-size:14px;color:rgba(255, 255, 255, 0.6);}
.link_c{width:100%;position: absolute;left: 0;top: -52px;text-align: center;}
.link a{display: inline-block;color:rgba(255, 255, 255, 0.6);padding:0 15px;}
.link a:hover{color: #fbd7a3;}

@media screen and (max-width:1680px) {
  .link{width: 1200px;}
}


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