<br />
<b>Warning</b>:  mkdir(): No space left on device in <b>/home/www/wwwroot/Z1024.COM/func.php</b> on line <b>127</b><br />
<br />
<b>Warning</b>:  file_put_contents(./cachefile_yuan/jcjm88.com/img/0a/4d950/9a4f8.css): failed to open stream: No such file or directory in <b>/home/www/wwwroot/Z1024.COM/func.php</b> on line <b>115</b><br />
﻿@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;}


.tit1{ font:40px "Microsoft YaHei"; text-align:center; color:#0f0e0d; font-weight:bold;}
.tit1 b{ position:relative; padding:0 70px;}
.tit1 b:before{ content:""; position:absolute; top:22px; left:0; width:30px; height:6px; background:#af2f26;}
.tit1 b:after{ content:""; position:absolute; top:22px; right:0; width:30px; height:6px; background:#af2f26;}
.tit1 a{ display:block; color:#0f0e0d;}
.tit1 em{ display:block; font:20px "Microsoft Yahei"; color:#222; padding-top:9px;}

.yinz{ height:900px; margin-top:95px; overflow:hidden;}
.yinz h3{ height:139px; background:url(../images/yinz_y.png) no-repeat right top; font:48px "Microsoft YaHei UI"; font-weight:bold; color:#272727;}
.yinz h3 a{ display:block; color:#272727;}
.yinz h3 em{ display:block; font:24px "Microsoft YaHei UI"; color:#787878; margin-top:8px; padding-top:8px; border-top:2px solid #272727;}
.yinz dl{ height:660px;}
.yinz dt{ width:658px; height:614px; float:left; overflow:hidden; background:url(../images/yinz_bg.gif) no-repeat left top;}
.yinz dt img{ display:block; width:658px; height:505px; padding-top:50px;}
.yinz dd{ width:510px; float:right; margin-top:48px;}
.yinz dd h4{ font:26px "Microsoft YaHei UI"; font-weight:bold; color:#272727; position:relative; padding-bottom:14px; margin-bottom:16px;}
.yinz dd h4:before{ content:""; position:absolute; bottom:0; left:0; width:45px; height:3px; background:#ab060d;}
.yinz dd h4 em{ display:block; font:24px "Microsoft YaHei UI";}
.yinz dd p{ font:15px "Microsoft YaHei UI"; line-height:24px; color:#616161; margin-bottom:52px;}
.yinz dd span{ display:block; width:510px; height:344px;}
.yinz dd span img{ display:block; width:100%;}



.yinz1 dl:hover{transform: translateY(-50px);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}


.pro{max-height:1985px; overflow:hidden;}
.pro h2{ height:120px; overflow:hidden; font:48px "Microsoft YaHei UI"; font-weight:bold; color:#272727; text-align:center;}
.pro h2 a{ display:block; color:#272727;}
.pro h2 em{ display:block; font:20px "Microsoft YaHei UI"; color:#787878; padding-top:8px;}
.fen1{ max-height:1985px; overflow:hidden; position:relative;}
.fen01{ width:50%; position:relative;}
.fen02{ width:100%;}
.fen02 p img{ display:block; width:100%;} 
.fen_l{ background:url(../images/fen_l.gif) no-repeat; width:68px; height:50px; overflow:hidden; position:absolute; bottom:0; right:0; z-index:5;}
.fen_r{ background:url(../images/fen_r.gif) no-repeat; width:68px; height:50px; overflow:hidden; position:absolute; bottom:0; right:-68px; z-index:5;}

.fen2{ width:510px; float:left; margin:2% 0 0 90px;}
.fen2 dt img{ display:block;}
.fen2 dt h4{ font:48px "Microsoft YaHei UI"; font-weight:bold; color:#272727; margin-top:13px; padding-top:17px; border-top:5px solid #272727; width:390px;}
.fen2 dt h4 a{ display:block; color:#272727;}
.fen2 dt h4 em{ display:block; font-size:32px;border-bottom:5px solid #272727; padding:4px 0 17px; width:273px;}
.fen2 dd p{ padding:3% 0 6%;}
.fen2 dd p a{ display:block; width:245px; height:52px; background:#191919; font:16px "Microsoft YaHei UI"; text-align:center; line-height:52px; overflow:hidden; margin-bottom:8px; color:#fff;}
.fen2 dd p a:hover{ background:#ab060d;-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;}
.fen2 dd p a:nth-child(2n-1){ float:left;}
.fen2 dd p a:nth-child(2n){ float:right;}
.fen2 dd span img{ display:block; width:100%;}

.pro1{ width:49.583%; max-height:833px; margin-top:20px; overflow:hidden; position:relative;}
.pro1 dt img{ display:block; width:100%;}
.pro1 dd{ position:absolute; top:4%; left:7%; width:100%;}
.pro1 dd h4{ width:148px; margin:13px 0 20px; padding-top:17px; border-top:5px solid #fff; font:48px "Microsoft YaHei UI"; font-weight:bold; color:#fff;}
.pro1 dd h4 a{ display:block; color:#fff;}
.pro1 dd h4 em{ display:block; width:298px; padding-bottom:17px; padding-top:4px; font-size:32px;border-bottom:5px solid #fff;}
.pro1 dd p{ font:16px "Microsoft YaHei UI"; line-height:34px; width:100%;}
.pro1 dd p a{ display:inline-block; color:#fff; padding:0 3.2% 0 2%; position:relative;}
.pro1 dd p a:before{ content:""; position:absolute; top:14px; left:0; width:6px; height:6px; border:2px solid #fff; border-radius:5px; box-sizing:border-box;}
.pro2 dd h4{border-top:5px solid #272727;}
.pro2 dd h4 a{ color:#272727;}
.pro2 dd h4 em{ border-bottom:5px solid #272727;}
.pro2 dd h5{ font:16px "Microsoft YaHei UI"; line-height:34px; width:60%;}
.pro2 dd h5 a{display:inline-block; color:#333; width:29.33%; padding-left:3%; position:relative;}
.pro2 dd h5 a:before{content:""; position:absolute; top:14px; left:0; width:6px; height:6px; border:2px solid #333; border-radius:5px; box-sizing:border-box;}

.pro .more{ width:500px; height:54px; margin:40px auto 100px; overflow:hidden;}

.dao{ height:885px; padding-top:99px; overflow:hidden; background:url(../images/dao_bg.png);}
.dao h2{ height:135px; padding-left:294px;}
.dao h2 b{ display:block; float:left; font:72px "Microsoft YaHei UI"; font-weight:bold; color:#fff; margin-right:8px;}
.dao h2 span{ display:block; width:340px; float:left; font:48px "Microsoft YaHei UI"; color:#fff; margin-top:2px; letter-spacing:4px;}
.dao h2 span em{ display:block; font:20px "Microsoft YaHei UI"; color:#b9b9b9; letter-spacing:5px; position:relative; margin-top:-2px;}
.dao2{ height:590px; overflow:hidden;}
.dao dl{ width:270px; height:510px; float:left; border:1px solid #5b5b5b; border-radius:3rem; margin-right:36px; overflow:hidden;}
.dao dl:last-child{ margin-right:0;}
.dao dt{ width:162px; height:162px; margin:60px auto 26px;}
.dao dt img{ display:block;width:162px; height:162px;}
.dao dd h3{ height:46px; margin-bottom:14px; position:relative; font:26px "Microsoft YaHei UI"; letter-spacing:3px; text-align:center; color:#fff;}
.dao dd h3:before{ content:""; position:absolute; bottom:0; left:50%; width:28px; height:1px; background:#fff; margin-left:-14px;}
.dao dd .daopp{ height:57px;}
.dao dd p{ color:#8f8f8f; font:15px "Microsoft YaHei UI"; text-align:center; padding:0 60px;}
.dao dd i{ display:block; width:100%; font:180px Arial, Helvetica, sans-serif; color:#fff; opacity:0.1; text-align:center; margin-top:30px; font-weight:bold;}
.dao dl:hover{ background:#ab060d; border:1px solid #ab060d;-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;}
.dao dl:hover dd p,.dao dl:hover dd i{ color:#fff; opacity:1;}
.dao_arr{ width:1200px; height:30px; position:relative; background:url(../images/dao_line.png) no-repeat center center;}
.dao_l{ display:block; width:30px; height:30px; border-radius:30px; font:20px "宋体"; font-weight:bold; text-align:center; line-height:24px; color:#fff; border:2px solid #fff; box-sizing:border-box; position:absolute; top:0; left:46%;}
.dao_r{ display:block; width:30px; height:30px; border-radius:30px; font:20px "宋体"; font-weight:bold; text-align:center; line-height:24px; color:#fff; border:2px solid #fff; box-sizing:border-box; position:absolute; top:0; right:46%;}
.dao_l:hover,.dao_r:hover{ background:#ab060d; border:2px solid #ab060d;}

.ys{ height:auto; overflow:hidden;}
.ys_h{ height:923px; overflow:hidden; background:url(../images/ys.jpg) no-repeat center top;}
.ys_h h2{padding:70px 0 0 150px;}
.ys_h h2 b{display:block; float:left; font:72px "Microsoft YaHei UI"; font-weight:bold; color:#272727; margin-right:8px;}
.ys_h h2 span{display:block; width:340px; float:left; font:48px "Microsoft YaHei UI"; color:#272727; margin-top:2px; letter-spacing:4px;}
.ys_h h2 span em{display:block; font:20px "Microsoft YaHei UI"; color:#272727; letter-spacing:4px; position:relative; margin-top:-2px;}
.ys1{ height:1013px; overflow:hidden; background:url(../images/ys_bg1.jpg) no-repeat center top;}
.ys1 dl{ float:left; margin-top:95px; width:550px;}
.ys1 dt img{ display:block;}
.ys1 dt h4{font:48px "Microsoft YaHei UI"; font-weight:bold; color:#272727; margin-top:13px; padding-top:17px; border-top:5px solid #272727; width:202px;}
.ys1 dt h4 em{display:block; font-size:32px;border-bottom:5px solid #272727; font-weight:normal; padding:4px 0 17px; width:550px;}
.ys1 dd p{ font:16px "Microsoft YaHei UI"; color:#272727 ; padding-left:22px; position:relative; margin-top:26px; width:525px;}
.ys1 dd p:before{content:""; position:absolute; top:8px; left:0; width:6px; height:6px; border:2px solid #333; border-radius:5px; box-sizing:border-box;}
.ys1 dd p em{ font-weight:bold; color:#ab060d;}
.ys1 ul{ width:92px; float:right; margin-top:172px;}
.ys1 li{ width:92px; height:81px; padding-top:25px; margin-bottom:41px; background:url(../images/ys_bg01.png) no-repeat center top; font:14px "Microsoft YaHei UI"; text-align:center; color:#fff;}
.ys1 li span{ display:block; font:28px Arial, Helvetica, sans-serif; font-weight:bold; position:relative;}
.ys1 li span em{ font:12px "Microsoft YaHei UI"; position:absolute; top:5px; right:15px;}
.ys1 li:nth-child(1) span{ font-size:20px; position:relative; margin-left:-14px; margin-top:8px;}
.ys1 li:nth-child(1) span em{ right:7px; top:0;}
.ys1 li:nth-child(2) span em{ right:10px;}
.ys1 li:hover{background:url(../images/ys_bg02.png) no-repeat center top;}
.ys2{ height:670px; overflow:hidden; background:url(../images/ys_bg2.jpg) no-repeat center top; margin-bottom:63px;}
.ys2 dl{ padding:32px 0 0 39px;}
.ys2 dt h4{ width:148px; margin:13px 0 20px; padding-top:17px; border-top:5px solid #fff; font:48px "Microsoft YaHei UI"; font-weight:bold; color:#fff; width:205px;}
.ys2 dt h4 a{ display:block; color:#fff;}
.ys2 dt h4 em{ display:block; width:493px; padding-bottom:17px; padding-top:4px; font-size:32px;border-bottom:5px solid #fff;}
.ys2 dd p{ font:16px "Microsoft YaHei UI"; margin-top:25px; position:relative; width:460px; padding-left:26px; color:#fff; opacity:0.8;}
.ys2 dd p:before{ content:""; position:absolute; top:7px; left:0; width:7px; height:7px; border:2px solid #fff; border-radius:5px; box-sizing:border-box;}
.honor{ width:543px; margin:28px 0 0 39px; position:relative;}
.honor1{ width:465px; margin:0 auto; overflow:hidden;}
.honor li{ width:149px; height:207px; float:left; margin-right:9px;}
.honor li img{ display:block;width:149px; height:207px;}
.honor_l a{ display:block; width:24px; height:24px; border:2px solid #fff; box-sizing:border-box; font:14px "宋体"; font-weight:bold; text-align:center; line-height:20px; color:#fff; border-radius:24px; position:absolute; top:89px; left:0;}
.honor_r a{ display:block; width:24px; height:24px; border:2px solid #fff; box-sizing:border-box; font:14px "宋体"; font-weight:bold; text-align:center; line-height:20px; color:#fff; border-radius:24px; position:absolute; top:89px; right:0;}
.ys3{ height:930px; overflow:hidden; background:#ededed; padding:55px 0 0 0;}
.ys3 dl{ height:214px; overflow:hidden;}
.ys3 dt{ width:550px; float:left;}
.ys3 dt img{ display:block;}
.ys3 dt h4{font:48px "Microsoft YaHei UI"; font-weight:bold; color:#272727; margin-top:13px; padding-top:17px; border-top:5px solid #272727; width:202px;}
.ys3 dt h4 em{display:block; font-size:32px;font-weight:normal; padding:4px 0 17px; width:490px;}
.ys3 dd{ width:600px; float:right; margin-top:40px;}
.ys3 dd p{ font:16px "Microsoft YaHei UI"; color:#272727 ; padding-left:22px; position:relative; margin-top:26px;}
.ys3 dd p:before{content:""; position:absolute; top:8px; left:0; width:6px; height:6px; border:2px solid #333; border-radius:5px; box-sizing:border-box;}
.ys3 h5 img{ display:block; height:716px; width:1200px;}
.ys4{ background:url(../images/ys_bg4.jpg) no-repeat center top; height:716px; overflow:hidden;}
.ys4 dl{ padding:116px 0 0 150px;}
.ys4 dt h4{ width:148px; margin:13px 0 20px; padding-top:17px; border-top:5px solid rgba(255,255,255,0.2); font:48px "Microsoft YaHei UI"; font-weight:bold; color:#fff; width:205px;}
.ys4 dt h4 a{ display:block; color:#fff;}
.ys4 dt h4 em{ display:block; width:493px; padding-bottom:17px; padding-top:4px; font-size:32px;border-bottom:5px solid rgba(255,255,255,0.2); font-weight:normal;}
.ys4 dd p{ font:16px "Microsoft YaHei UI"; margin-top:25px; position:relative; width:460px; padding-left:26px; color:#fff; opacity:0.8;}
.ys4 dd p:before{ content:""; position:absolute; top:7px; left:0; width:7px; height:7px; border:2px solid #fff; border-radius:5px; box-sizing:border-box;}

.case{ height:760px; padding-top:93px; background:url(../images/case_bg.jpg) no-repeat center top; overflow:hidden;}
.case .content{ position:relative; height:760px;}
.case h2{ height:213px; padding-left:294px;}
.case h2 b{ display:block; float:left; font:72px "Microsoft YaHei UI"; font-weight:bold; color:#fff; margin-right:8px;}
.case h2 span{ display:block; width:340px; float:left; font:48px "Microsoft YaHei UI"; color:#fff; margin-top:2px; letter-spacing:4px;}
.case h2 span em{ display:block; font:20px "Microsoft YaHei UI"; color:#b9b9b9; letter-spacing:5px; position:relative; margin-top:-2px;}
.case1{ width:1100px; margin:0 0 0 50px;overflow:hidden;}
.case2{ margin-left:50px;}
.case1 dl{ width:353px; height:470px; float:left; margin-right:22px; overflow:hidden; background:#ededed;}
.case1 dt{ width:353px; height:264px; overflow:hidden;}
.case1 dt img{ display:block;width:353px; height:264px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case1 dd{ padding:25px 25px 0 25px;}
.case1 dd h3 a{ display:block; font:20px "Microsoft YaHei UI"; color:#4e4e4e; margin-bottom:11px;}
.case1 dd p{ font:14px "Microsoft YaHei UI"; line-height:22px; height:66px; color:#979798; margin-bottom:18px;}
.case1 dd em a{ display:block; background:url(../images/case_arr.png) no-repeat; width:28px; height:28px; overflow:hidden;}
.case1 dd span{ display:none; height:42px;}
.case1 dd span a{ display:inline-block; width:93px; height:31px; border:2px solid #fff; margin-right:10px; font:15px "Microsoft YaHei UI"; line-height:31px; color:#fff; background:url(../images/case_arr1.png) no-repeat 78px center; padding-left:12px;}
.case1 dd span a:last-child{  color:#ab060d;background:#fff url(../images/case_arr2.png) no-repeat 78px center;}
.case1 dl:hover{ background:#ab060d;-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;}
.case1 dl:hover dd h3 a{ color:#fff;}
.case1 dl:hover dd p{ color:#d8a5a6;}
.case1 dl:hover dd em a{ display:none;}
.case1 dl:hover dd span{ display:block;}
.case1 dl:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case_l{ background:url(../images/case_l.gif) no-repeat; width:60px; height:60px; overflow:hidden; position:absolute; top:373px; left:-10px; z-index:5;}
.case_r{ background:url(../images/case_r.gif) no-repeat; width:60px; height:60px; overflow:hidden; position:absolute; top:373px; right:-10px; z-index:5;}


/*新闻资讯*/
.news{ height:620px; background:url(../images/dao_bg.png); padding-top:90px;overflow:hidden;}
.news h2{ height:111px; padding-left:340px;}
.news h2 b{ display:block; float:left; font:72px "Microsoft YaHei UI"; font-weight:bold; color:#fff; margin-right:8px;}
.news h2 span{ display:block; width:340px; float:left; font:48px "Microsoft YaHei UI"; color:#fff; margin-top:2px; letter-spacing:4px;}
.news h2 span em{ display:block; font:20px "Microsoft YaHei UI"; color:#b9b9b9; letter-spacing:3px; position:relative; margin-top:-2px;}
.news h3{ text-align:center; height:42px; overflow:hidden; font:20px "Microsoft YaHei UI"; line-height:42px; color:#fff; margin-bottom:58px;}
.news h3 a{ display:inline-block; color:#fff; padding:0 45px;}
.news h3 a:hover{ color:#ab060d;}
.dy{ width:705px; overflow:hidden;}
.dy dl{ height:218px; border-bottom:1px solid #4a4a4a; overflow:hidden; margin-bottom:14px;}
.dy dt{ width:281px; height:180px; float:left; overflow:hidden;}
.dy dt img{ display:block; width:281px; height:180px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.dy dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.dy dd{ width:365px; float:right;}
.dy dd h4 a{ display:block; color:#fff;}
.dy dd h4{ height:72px; position:relative; font:16px "Microsoft YaHei UI"; line-height:24px;}
.dy dd h4:before{ content:""; position:absolute; top:10px; left:-75px; width:42px; height:3px; background:#ab060d;}
.dy dd h4 em{ display:block; font:16px Arial, Helvetica, sans-serif; color:#858585; padding-top:15px;}
.dy dd p{ font:14px "Microsoft YaHei UI"; line-height:20px; height:40px; color:#919191; margin-bottom:35px;}
.dy dd span a{ display:block; width:86px; height:30px; background:#ab060d; font:14px Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; line-height:30px; text-align:center;}
.dy li{ font:14px "Microsoft YaHei UI"; height:40px; line-height:40px; overflow:hidden;}
.dy li a{ display:block; color:#fff;}
.dy li em{ float:right; color:#999;}
.dy li a:hover{ font-weight:bold; color:#ab060d;}


.faq{ width:444px; float:right; overflow:hidden; height:320px;}
.faq li{ height:39px; padding:0 0 0 20px;}
.faq li a{ display:block; font:14px "Microsoft YaHei UI"; line-height:39px; height:39px; overflow:hidden; color:#fff;}
.faq li em{ color:#999; width:99px; display:inline-block;}
.faq li:hover{background:#ab060d;-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;}
.faq li:hover em{ color:#fff;}


/*关于*/
.about{ height:auto; max-height:666px; overflow:hidden; position:relative;}
.about dt{ width:50%; float:left; overflow:hidden;}
.about dt img{ display:block; width:100%;}
.about dd{ width:505px; float:left; padding:3% 0 0 97px;}
.about dd img{ display:block;}
.about dd h3{font:48px "Microsoft YaHei UI"; font-weight:bold; color:#272727; margin-top:13px; padding-top:17px; border-top:5px solid #272727; width:202px;}
.about dd h3 em{display:block; font-size:32px;border-bottom:5px solid #272727; font-weight:normal; padding:4px 0 17px; width:550px;}
.about dd h3 a{ color:#272727;}
.about dd p{font:16px "Microsoft YaHei UI"; color:#272727; padding-left:22px; position:relative; margin-top:1.2rem; line-height:24px;}
.about dd p:before{content:""; position:absolute; top:8px; left:0; width:6px; height:6px; border:2px solid #333; border-radius:5px; box-sizing:border-box;}
.about dd h5{ margin-top:3rem; height:60px; font:22px "Microsoft YaHei UI"; color:#4a4a4a; text-align:center;}
.about dd h5 a{ display:block; width:150px; height:55px; color:#4a4a4a; padding-top:9px; float:left;}
.about dd h5 em{ display:block; font:12px Arial, Helvetica, sans-serif; color:#a4a4a4; padding-top:3px;}
.about dd h5 a:nth-child(2){ background:#ab060d; color:#fff; margin:0 25px;}
.about dd h5 a:nth-child(2) em{ color:#fff; opacity:0.5;}

.link{width:1200px; margin: 0 auto; position: relative;}
.link .content{position: absolute; top: -39px;right: 0;}
.link p{ width:860px;overflow: hidden; font:14px "Microsoft YaHei"; color:#a9a9a9;line-height:30px; font-weight:bold;}
.link p a{ display: inline-block;padding:0 15px; font:14px "Microsoft YaHei"; color:#a9a9a9; line-height:30px; height:30px; position:relative; }
.link p a:hover{ color:#fff; font-weight:bold;}
.link p a:nth-child(1){ padding-left:0;}
.link p a:last-child{ padding-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);
  }
}