﻿@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;}

        .k12-gl-gslb-3nf1-1-01-left dl {
            width: 24%;
            float: left;
            background: #f0f0f0;
            margin: 0 1.0% 14px 0
        }
        
        
        
        .k12-gl-gslb-3nf1-1-01-left dt {
            border: 1px solid #e5e5e5;
            padding: 10px 9px;
            background: #fff;
        }
        
        .k12-gl-gslb-3nf1-1-01-left dt img {
            display: block;
            width: 100%;
			height:200px;
        }
        
        .k12-gl-gslb-3nf1-1-01-left dd {
            height: 50px;
            font-size: 14px;
            line-height: 50px;
            text-align: center;
            padding: 0 5px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            background: #f0f0f0;
        }
        
        .k12-gl-gslb-3nf1-1-01-left dd a {
            color: #4b4a4a;
        }
    

.banner{ height:699px;width:100%; position:relative; z-index:1;}
.banner .bd,.banner .bd li{width:100%; height:699px; overflow:hidden;}
.banner .bd li img{ position:absolute; top:0; left:50%; margin-left:-960px; height:699px;}
.banner .bantil{ width:160px; height:21px;position:absolute; bottom:30px;left:50%; margin-left:-60px; z-index:8;}
.banner .bantil li{ width:21px; height:21px; float:left; display:inline;background:#138390;opacity:1; border-radius:21px; margin:0 12px; }
.banner .bantil li.on{background:#005c67;}

.sou{ position:absolute; top:174px; left:50%; margin-left:580px; z-index:8; width:33px; height:33px;}
.sou h2{ width:33px; height:33px;}
.sou1{ width:308px; display:none; margin:30px 0 0 -270px;}
.sou1 .ip01{width:240px; height:50px;background:#fff; padding-left:10px;outline:none; border:0;color:#666; font:14px "Microsoft YaHei"; line-height:50px; overflow:hidden; border-radius:25px 0 0 25px;}
.sou1 .ip02{width:58px;height:50px; background:#138390 url(../images/sou.png) no-repeat center center;border:0; outline:none;border-radius:0 25px 25px 0;}

.yinz{ height:686px; margin-top:70px; background:url(http://www.xiaohui.net.cn/templates/metx5/images/choo_bg.jpg) no-repeat center 105px;}
.yinz ul{ position:relative; height:530px;}
.yinz li{ width:166px; height:136px; border-radius:126px; border:1px solid #138390; background:#138390; font:36px "Microsoft YaHei"; font-weight:bold; color:#fff; padding-top:30px; text-align:center; position:absolute;}
.yinz li em{ display:block; font:14px "Microsoft YaHei"; line-height:20px; color:#fff; padding-top:8px;}
.yinz li em i{ display:block;}
.yinz li:nth-child(1){ height:115px; width:130px; padding-top:15px; top:105px; left:50px;}
.yinz li:nth-child(2){ width:150px; height:125px; padding-top:25px; top:23px; left:420px;}
.yinz li:nth-child(3){ top:185px; left:613px;}
.yinz li:nth-child(4){ top:-20px; right:245px;}
.yinz li:nth-child(5){ top:273px; right:100px;}

.baoz{ height:495px; padding-top:90px; background:url(http://www.xiaohui.net.cn/templates/metx5/images/baoz_bg.gif);}
.baoz dl{ width:300px; height:276px; float:left; background:url(http://www.xiaohui.net.cn/templates/metx5/images/baoz_line.gif) repeat-y right 2px; margin-top:12px;}
.baoz dt{ width:138px; height:148px; margin:0 auto; background:url(http://www.xiaohui.net.cn/templates/metx5/images/baoz_bg1.png) no-repeat;}
.baoz dt img{ display:block;width:138px; height:148px;}
.baoz dd{ padding:30px 20px 0 20px; text-align:center;}
.baoz dd h3{ font:32px "Microsoft YaHei"; font-weight:bold; color:#454545;}
.baoz dd p{ font:16px "Microsoft YaHei"; line-height:24px; color:#454545; padding-top:14px;}
.baoz dl:last-child{ background:none;}
.baoz dl:hover dt{-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; 
-webkit-transition-property:background; 
-o-transition-property:background;}
.baoz dl:hover dd h3{ color:#138390;}

.baoz1{ height:495px; padding-top:90px; background:url(http://www.xiaohui.net.cn/templates/metx5/images/baoz_bg.gif);}
.baoz1 dl{ width:200px; height:276px; float:left; background:url(http://www.xiaohui.net.cn/templates/metx5/images/baoz_line.gif) repeat-y right 2px; margin-top:12px;}
.baoz1 dt{ width:138px; height:148px; margin:0 auto; background:url(http://www.xiaohui.net.cn/templates/metx5/images/baoz_bg1.png) no-repeat;}
.baoz1 dt img{ display:block;width:138px; height:148px;}
.baoz1 dd{ padding:30px 20px 0 20px; text-align:center;}
.baoz1 dd h3{ font:32px "Microsoft YaHei"; font-weight:bold; color:#454545;}
.baoz1 dd p{ font:16px "Microsoft YaHei"; line-height:24px; color:#454545; padding-top:14px;}
.baoz1 dl:last-child{ background:none;}
.baoz1 dl:hover dt{-webkit-transition:all 0.7s;
	transition:all 0.7s;transition-property:background;
-moz-transition-property: background; 
-webkit-transition-property:background; 
-o-transition-property:background;}
.baoz1 dl:hover dd h3{ color:#138390;}

.tit1{ text-align:center; height:130px; font:50px "Microsoft YaHei"; color:#2e97a3;}
.tit1 a{ color:#2e97a3;}
.tit1 em{ display:block;font:20px "Microsoft YaHei"; color:#666; line-height:30px;padding:5px 0;}
.tit1 em i{ position:relative;}
.tit1 em i:before{ content:""; position:absolute; top:15px; left:0; width:84px; height:1px; margin-left:-100px; background:#d1d1d1;}
.tit1 em i:after{ content:""; position:absolute; top:15px; right:0; width:84px; height:1px; margin-right:-100px; background:#d1d1d1;}

/**/
.pro{ height:1000px; margin-top:70px; overflow:hidden;}
.pro2{ height:750px; margin-top:70px; overflow:hidden;}
.fen{ height:60px; margin-bottom:30px; position:relative;}
.fen li{ float:left; border:1px solid #e2e2e2; border-right:0; float:left; width:398px; font:18px "Microsoft YaHei"; font-weight:bold; line-height:58px;}
.fen li a{ display:block; color:#666; background:url(http://www.xiaohui.net.cn/templates/metx5/images/pro_arr.png) no-repeat 350px center;}
.fen li span{ display:block; width:27px; height:27px; float:left; overflow:hidden; float:left; margin:15px 8px 0 34px;}
.fen li span em,.fen li span i,.fen li img{ display:block; width:27px; height:27px;}
.fen li:last-child{ border-right:1px solid #e2e2e2;}
.fen li a:hover,.fen .cur a{ color:#138390;background:url(http://www.xiaohui.net.cn/templates/metx5/images/pro_arr2.png) no-repeat 350px center;}
.fen li a:hover em,.fen .cur em{ display:none;}
.fen li:hover .erji{ display:block;}
.fen li .erji{ display:none; background:#fff; border:1px solid #e2e2e2; border-bottom:0; position:absolute; top:58px; left:50%; margin-left:-600px; width:1196px; z-index:1;}
.fen li .erji a{ display:block; font:15px "Microsoft YaHei"; line-height:58px; float:left; position:relative; height:58px;border-bottom:1px solid #e2e2e2; width:229px; padding-left:70px; color:#333;}
.fen li .erji a:before{ content:""; position:absolute; top:25px; left:50px; width:8px; height:8px; border:1px solid #cacaca; border-radius:8px;}
.fen li .erji a:hover{ font-weight:bold; color:#138390;}
.fen li .erji a:hover:before{ border:1px solid #138390;}
.pro1{ height:832px; position:relative;}
.pro1 li{ width:394px; height:296px; position:relative;}
.pro1 li img{ display:block;width:394px; height:296px;}
.pro1 li p{display:none;width:394px;height:296px; background:url(http://www.xiaohui.net.cn/templates/metx5/images/pro_bg2.png) no-repeat; position:absolute; top:0;font:18px "Microsoft YaHei"; text-align:center; color:#fff;}
.pro1 li p em{ display:block; padding-top:160px;}
.pro1 li:nth-child(1),.pro1 li:nth-child(4),.pro1 li:nth-child(5){ width:394px; height:525px; position:relative; margin-bottom:11px;}
.pro1 li:nth-child(1) img,.pro1 li:nth-child(4) img,.pro1 li:nth-child(5) img{ display:block;width:394px; height:525px;}
.pro1 li:nth-child(1) p,.pro1 li:nth-child(4) p,.pro1 li:nth-child(5) p{ display:none; width:394px; height:525px; color:#fff;position:absolute; top:0; background:url(http://www.xiaohui.net.cn/templates/metx5/images/pro_bg1.png) no-repeat; font:18px "Microsoft YaHei"; text-align:center;}
.pro1 li:nth-child(1) em,.pro1 li:nth-child(4) em,.pro1 li:nth-child(5) em{ padding-top:275px; display:block;}
.pro1 li:nth-child(4){ position:absolute; top:307px; left:403px;}
.pro1 li:nth-child(5){ position:absolute; top:0; right:0;}
.pro1 li:nth-child(2){ position:absolute; top:0; left:403px;}
.pro1 li:nth-child(6){ position:absolute; top:536px; right:0;}
.pro1 li:hover p{ display:block;}

.ys1{ background:url(http://www.xiaohui.net.cn/templates/metx5/images/ys_bg1.jpg) no-repeat center top; height:637px; padding-top:70px; overflow:hidden;}
.ys dl{ width:510px; margin-top:95px;}
.ys dt{ padding-bottom:12px; border-bottom:1px solid rgba(51,51,51,0.3); font:45px "Microsoft YaHei"; color:#2e97a3; margin-bottom:24px;}
.ys dt em{ font:26px "Microsoft YaHei"; color:#333; display:block; padding-top:4px;}
.ys dd p{ font:16px "Microsoft YaHei"; line-height:24px; color:#666; background:url(http://www.xiaohui.net.cn/templates/metx5/images/ys_dot.png) no-repeat left 6px; padding-left:25px; margin-top:12px;}
.ys dd p b{ color:#138390;}
.ys dd span a{ display:block; width:140px; height:45px; background:url(http://www.xiaohui.net.cn/templates/metx5/images/ys_btn.png) no-repeat center top; margin-top:30px; font:18px "Microsoft YaHei"; text-align:center; line-height:40px; color:#fff;}
.ys1 dl{ margin-top:75px;}
.ys2{ background:url(http://www.xiaohui.net.cn/templates/metx5/images/ys_bg2.jpg) no-repeat center top; height:556px; overflow:hidden;}
.ys3{ background:url(http://www.xiaohui.net.cn/templates/metx5/images/ys_bg3.jpg) no-repeat center top; height:556px; overflow:hidden;}
.ys4{ background:url(http://www.xiaohui.net.cn/templates/metx5/images/ys_bg4.jpg) no-repeat center top; height:533px; overflow:hidden;}

.case{ height:1000px; padding-top:70px; background:url(http://www.xiaohui.net.cn/templates/metx5/images/baoz_bg.gif); overflow:hidden;}
.case .tit1 a,.new .tit1 a{ color:#2e97a3;}
.caset{ height:62px; margin-bottom:20px;}
.caset li,.caset h5{ width:200px; float:left; height:62px; overflow:hidden; font:18px "Microsoft YaHei"; line-height:62px; position:relative;}
.caset li:before{ content:""; position:absolute; top:12px; right:0; width:1px; height:36px; background:#eaeaea;}
.caset li a,.caset h5 a{ display:block; color:#555;}
.caset li span,.caset h5 span{ display:block; width:32px; height:32px; float:left; margin:16px 8px 0 30px; position:relative; overflow:hidden;}
.caset li span em,.caset h5 span em{position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.caset li span i,.caset h5 i{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	-webkit-transform-origin:50% 0%;
    transform-origin:50% 0%;
    -webkit-transition:all 0.4s linear;
    transition:all 0.4s linear;}
.caset li img,.caset h5 img{display:block; width:32px; height:32px;}
.caset li a:hover,.caset .cur a,.caset h5 a:hover{ font-weight:bold; color:#2e97a3;}
.caset li a:hover span em,.caset .cur span em,.caset h5 a:hover em{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.caset li a:hover span i,.caset .cur span i,.caset h5 a:hover i{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.case2,.case3{ height:450px; overflow:hidden; background:#2e97a3; position:relative;}
.case2 dt{ width:600px; height:450px; float:left; overflow:hidden;}
.case2 dt img{ display:block;width:600px; height:450px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.case2 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.case2 dd{ width:490px; padding:75px 50px 0 0; float:right;}
.case2 dd h3 a{ display:block; padding-bottom:20px; position:relative; font:22px "Microsoft YaHei"; font-weight:bold; color:#fff; margin-bottom:20px;}
.case2 dd h3 a:before{ content:""; position:absolute; bottom:0; left:0; width:112px; height:1px; background:#a1d0d6;}
.case2 dd p{ font:16px "Microsoft YaHei"; line-height:24px; color:#fff; height:72px; overflow:hidden;}
.case4{ width:490px; position:absolute; top:260px; right:50px;}
.case5{ width:100%; margin:0 auto;}
.case4 li{ width:221px; float:left; margin-right:48px;}
.case4 li img{ display:block;width:215px; height:160px; border:3px solid #62b1ba;}
.arr1 a{ display:block; background:url(http://www.xiaohui.net.cn/templates/metx5/images/case_l.png) no-repeat; width:39px; height:42px; position:absolute; top:56px; left:0;}
.arr2 a{ display:block; background:url(http://www.xiaohui.net.cn/templates/metx5/images/case_r.png) no-repeat; width:39px; height:42px; position:absolute; top:56px; right:0;}
.arr1 a:hover,.arr2 a:hover{ background-position:0 -42px;}

.lc{ height:600px; overflow:hidden; background:url(http://www.01fp.com/images/iyoushi.jpg) no-repeat center top;}
.lc h2{ height:200px; padding-top:50px; text-align:center; font:50px "Microsoft YaHei"; color:#2e97a3;}
.lc h2 em{ display:block; font:18px "Microsoft YaHei";}
.lc ul{ height:200px;}
.lc li{ width:133px; height:148px; float:left; text-align:center; font:50px Arial; color:#fff; background:url(http://www.xiaohui.net.cn/templates/metx5/images/lc_bg02.png) no-repeat; margin-right:80px;}
.lc li span{ display:block; font:22px "Microsoft YaHei"; line-height:27px;}
.lc li em{ display:block; padding:12px 0 5px;}
.lc li:last-child{ margin-right:0;}
.lc li:hover{ background:url(http://www.xiaohui.net.cn/templates/metx5/images/lc_bg01.png) no-repeat;-webkit-transition:all 0.1s;
	transition:all 0.1s;transition-property:background;
-moz-transition-property: background; 
-webkit-transition-property:background; 
-o-transition-property:background;}
.lc h3{ text-align:center; font:24px "Microsoft YaHei"; color:#000;}
.lc h3 em{ display:block; font:16px "Microsoft YaHei"; color:#666; padding:6px 0 12px;}
.lc h3 span{ display:block; text-align:center;}
.lc h3 span a{ display:inline-block; width:148px; height:42px; background:url(http://www.xiaohui.net.cn/templates/metx5/images/lc_btn.png) no-repeat; margin:0 5px; font:16px "Microsoft YaHei"; text-align:center; line-height:38px; color:#fff;}

.new{ height:745px; padding-top:75px; background:url(http://www.xiaohui.net.cn/templates/metx5/images/baoz_bg.gif); overflow:hidden;}
.new1{ background:#fff; height:507px; padding-top:10px; border:1px solid #e0e0e0; border-bottom:4px solid #e0e0e0;}
.new1 dl{ padding:0 40px 10px 10px; border-bottom:1px solid #e0e0e0; height:292px; overflow:hidden;}
.new1 dt{ width:390px; height:292px; float:left; overflow:hidden;}
.new1 dt img{ display:block;width:390px; height:292px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.new1 dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.new1 dd{ width:715px; float:right; overflow:hidden; margin-top:33px;}
.new1 dd h3{ height:48px; position:relative; font:18px "Microsoft YaHei"; font-weight:bold; line-height:30px; width:285px;}
.new1 dd h3 a{ display:block; color:#303030;}
.new1 dd h3 a:hover,.new1 li a:hover b{ font-weight:bold; color:#308895;}
.new1 h3 em{ display:inline-block; background:url(http://www.xiaohui.net.cn/templates/metx5/images/tout_bg.png) no-repeat; width:53px; height:30px; text-align:center; font:16px "Microsoft YaHei"; color:#fff; float:right; line-height:30px;}
.new1 dd h3:before{ content:""; position:absolute; bottom:0; left:0; width:96px; height:1px; background:#ececec;}
.new1 dd p{ font:14px "Microsoft YaHei"; line-height:26px; color:#707070; height:78px; margin:16px 0 28px;}
.new1 dd span a{display:block; width:148px; height:42px; background:url(http://www.xiaohui.net.cn/templates/metx5/images/lc_btn.png) no-repeat;font:16px "Microsoft YaHei"; text-align:center; line-height:38px; color:#fff;}
.new1 li{ width:338px; padding:22px 30px 0; float:left; border-right:1px solid #e0e0e0; height:183px;} 
.new1 li em{ display:block; font:14px Arial; color:#989797;}
.new1 li em i{ font:28px Arial; color:#434244;}
.new1 li b{ display:block; font:16px "Microsoft YaHei"; font-weight:bold; color:#303030; line-height:45px; height:45px; overflow:hidden;}
.new1 li span{ display:block; font:14px "Microsoft YaHei"; line-height:24px; color:#707070; height:48px; overflow:hidden;}
.new1 li p{ background:url(http://www.xiaohui.net.cn/templates/metx5/images/new_arr.png) no-repeat; width:16px; height:12px; margin-top:12px;}

.about{ height:590px; margin-top:70px; overflow:hidden;}
.about dl{ height:410px; background:#f5f5f5;}
.about dd{ width:740px; padding:20px 54px 0 0; float:right; overflow:hidden;}
.about dd h3{ font:50px "Microsoft YaHei"; color:#2e97a3;}
.about dd h3 a{ color:#2e97a3;}
.about dd h3 em{ display:block; font:66px Impact; text-transform:uppercase; color:#efefef; height:60px;}
.about dd h3 span{ display:block; letter-spacing:5px; font:18px "Microsoft YaHei"; color:#666; padding-bottom:10px; position:relative;}
.about dd h3 span:before{ content:""; position:absolute; bottom:0; left:0; width:60px; height:1px; background:#666666;}
.about dd p{ font:14px "Microsoft YaHei"; line-height:28px; height:250px; overflow:hidden; margin-top:12px;}
.about dt{ width:237px; height:410px; float:left; overflow:hidden;}
.about dt img{ display:block;width:337px; height:300px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}

.xc_bj{width:1200px;margin:0 auto; height: 350px;}
.xc_nav{height:60px;}
.xctit{width: 1200px; margin:0 auto;}
.xctit a{display:block; height: 60px;line-height: 60px;padding-right: 30px; font-size: 18px; color: #666; font-weight: normal; text-decoration: none; float:left;}
.xctit a.cur{color: #2e97a3; font-weight:bold;}
.xc{height: 232px;position: relative;}
.scroll{ overflow:hidden;}
.xc li{ width: 270px;float: left;margin-right:40px; position:relative;}
.xc li img{width: 270px;height: 203px; display: block;}
.xc li span{ display:none;width: 270px;height: 203px; background:rgba(19,131,144,0.8) url(http://www.xiaohui.net.cn/templates/metx5/images/pic_more.png) no-repeat center 60px; position:absolute; top:0;}
.xc li span em{ display:block; text-align:center; font:14px "Microsoft YaHei"; text-align:center; padding-top:112px; color:#fff;}
.xc li a:hover span{ display:block;}
.xc .jt a{cursor: pointer; width: 18px;height: 36px; display: block;position: absolute;top:85px;}
.xc .prev1 a{display:block; width:30px; height:30px; border:2px solid #d8d8d8; text-align:center; font:22px "宋体"; color:#d8d8d8;left:-44px; border-radius:30px; box-sizing:border-box; font-weight:bold;}
.xc .next1 a{display:block; width:30px; height:30px; border:2px solid #d8d8d8; text-align:center; font:22px "宋体"; color:#d8d8d8;right:-44px; border-radius:30px; box-sizing:border-box; font-weight:bold;}
.xc .prev1 a:hover,.xc .next1 a:hover{ color:#138390; border:2px solid #138390;}

.link{ padding:25px 0; font:14px "Microsoft YaHei"; background:#252525; line-height:30px;}
.link p{ font:14px "Microsoft YaHei"; color:#747474; line-height:30px;}
.link p a{ display: inline-block;padding:0 30px; font:14px "Microsoft YaHei"; color:#747474;}
.link p a:hover{ color:#138390; font-weight:bold;}

@-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);
  }
}