.clearfix{*zoom:1}
i,em{ font-style:normal;}

body{ overflow-x:hidden;}

.bantest {position: relative;width: 100%;overflow: hidden;}  
.banner{ width:100%; position:relative;}
.banner .slick-dotted.slick-slider{ margin:0;}
.banner img{ display:block; width:100%;}
.banner .slick-arrow{ display:none; width:0; height:0; background:none;}
.banner .slick-dots{ position:absolute; bottom:40px; height:30px; left:30%; z-index:6;}
.banner .slick-dots li button:before{ content:""; position:absolute; width:18px; height:18px; border:2px solid #9fbeff; border-radius:10px;opacity:1;}
.banner .slick-dots .slick-active button:before{ background:#9fbeff;}

.tit{height:140px; font:48px "Microsoft Yahei"; text-align:center; font-weight:bold; color:#333;}
.tit a{ display:block; color:#333;}
.tit em{ display:block; font:20px "Microsoft Yahei"; line-height:40px; color:#4c4c4c; background:url(../images/line.png) no-repeat center top;}

.yinz{ height:530px; background:url(../images/yinz_bg.jpg) no-repeat center top; padding-top:80px;}
.yinz dl{ height:217px; overflow:hidden;}
.yinz dt{ width:400px; height:217px; float:left; overflow:hidden; background:url(../images/yinz_line.png) no-repeat right top; position:relative;}
.yinz dt img{ display:block; width:350px; height:217px;}
.yinz dt:before{ content:""; position:absolute; top:85px; left:150px; background:url(../images/yinz_v.png) no-repeat; width:48px; height:48px;}*/
.yinz dd{ width:755px; height:217px; float:right; overflow:hidden;}
.yinz dd h3{ height:70px; border-bottom:1px dashed #cfcfcf; font:42px "Microsoft YaHei UI"; font-weight:bold; color:#282828; margin-bottom:10px;}
.yinz dd p{ font:14px "Microsoft YaHei UI"; line-height:28px; color:#4c4c4c;}
.yinz ul{ height:165px; overflow:hidden; background:#fff; box-shadow:0 0 1rem #ccc; margin-top:50px;}
.yinz li{ width:25%; height:135px; float:left; position:relative; font:18px "Microsoft YaHei UI"; text-align:center; color:#1f4cab; padding-top:30px;}
.yinz li:before{ content:""; position:absolute; top:42px; right:0; width:1px; height:80px; background:#d2d2d2;}
.yinz li:last-child:before{ background:none;}
.yinz li span{ display:block; font:60px Arial, Helvetica, sans-serif; color:#e70014;}
.yinz li span em{ display:inline-block; width:28px; height:28px; background:#172a88; border-radius:28px; color:#fff; font:16px "Microsoft YaHei UI"; text-align:center; line-height:28px;}

.pro{ margin-top:70px; overflow:hidden; background:url(../images/e-5.jpg) no-repeat center bottom; padding-bottom:45px;}
.prot{ height:100px; border-top:1px solid #e5e5e5; overflow:hidden;}
.prot h4 a{ display:block;float:left; font:18px "Microsoft YaHei UI"; line-height:68px;width:100px; color:#333; font-weight:bold;}
.prot h3{ float:left; font:18px "Microsoft YaHei UI"; line-height:68px;color:#636363;width:1100px;}
.prot h3 a{ display:block; color:#636363; position:relative; padding:0 0 0 15px;margin-right:30px; float:left; overflow:hidden;}
.prot h3 a:before{ content:""; position:absolute; top:32px; left:0; width:3px; height:3px; border-radius:3px; background:#666;}
.prot h3 a:after{content: "";position: absolute;width:0;height:2px;top:0;left:0;z-index:0;background:#e70014;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.prot h3 a:hover{ font-weight:bold; color:#172a88;}
.prot h3 a:hover:after{width: 100%;}
.prot h3:nth-child(9){ clear:both;}
.pro1{ min-width:1200px; max-width:1920px; width:81.25%; margin:0 auto; overflow:hidden;}
.pro2{ width:39.538%; float:left; overflow:hidden; position:relative;}
.pro2 li{ position:relative; background:url(../images/pro_bg1.jpg) no-repeat center top; background-size:100% 100%; overflow:hidden;}
.pro2 li img{ display:block; width:100%; border-radius:15px;}
.pro2 li em i{ color:#172a88;}
.pro2 li em{ display:block; width:100%; font:18px "Microsoft YaHei UI"; text-align:center; color:#ffffff; position:absolute; bottom:60px;}
.pro2 li:after{ content:""; position:absolute; top:0; left:0; width:56px; height:56px; background:url(../images/pro_hot.png) no-repeat;}
.pro2 li:before,.pro4 li:before{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.pro2 li:hover:before,.pro4 li:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }
.prot2{ width:90px; height:40px; overflow:hidden; position:absolute; bottom:0; right:0;}
.prot2 a{ display:inline-block; width:10px; height:10px; background:#ffffff; border-radius:10px; margin-right:5px;}
.prot2 .cur{ background:#172a88;}
.pro4{ width:60.462%; float:left;}
.pro4 li{ width:31.63%; float:left; margin:0 0 1.2rem 1.7%; background:url(../images/pro_bg1.jpg) no-repeat; background-size:100% 100%; overflow:hidden; position:relative;}
.pro4 li img{ display:block; width:100%; height:296px; border-radius:15px;}
.pro4 li em{ display:block; width:100%; font:16px "Microsoft YaHei UI"; text-align:center; line-height:45px; height:45px; color:#fff; overflow:hidden; position:absolute; bottom:0; background:rgba(231,0,20,0.9);}
.pro4 li i{ display:none; background:url(../images/pro_more.png) no-repeat; width:24px; height:24px; margin-left:8px; vertical-align:middle;}
.pro4 li:hover i{ display:inline-block;}
.pro4 li:hover em{ background:rgba(23,42,136,0.9); color:#fff;}
/*产品展示*/
.tab3{width: 1500px; padding-top:50px;}
.tab3 .tit{text-align: center;}
.tab3 .tit h2 {height: 85px;line-height: 85px;font-size:38px;color: #333; font-weight:bold;}
.tab3 .tit h2 a{color: #333;}
.tab3 .tit p{height: 65px;line-height: 65px;font-size:20px;color: #333333}
.tab3 .tit p a{color: #fff;margin-right: 24px;padding:12px 40px; background:#1f4cab;}
.tab3 .tit p a:hover{color: #fff;margin-right: 24px; padding:12px 40px; background:#273b94;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:0px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #fff; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;border-radius:15px;}

.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:0px solid #ccc;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:44px; border-top:1px solid #ccc; color:ff0000;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/*产品展示*/
.dingz{ background:url(../images/dingz_bg.jpg) no-repeat center top;}
.dingz .content{ height:860px; position:relative; overflow:hidden;}
.dingz dl{ width:430px; height:515px; padding:90px 85px 0 85px; overflow:hidden; text-align:center; float:left;}
.dingz dt{ font:32px "Microsoft YaHei UI"; font-weight:bold; color:#000;}
.dingz dt em{ display:block; width:58px; height:60px; margin:0 auto 10px;}
.dingz dt em img{display:block; width:58px; height:60px;}
.dingz dd{ font:16px "Microsoft YaHei UI"; text-align:center; line-height:24px; color:#333;  margin-top:12px;}
.dingz dl:nth-child(2) dt,.dingz dl:nth-child(3) dt,.dingz dl:nth-child(2) dd,.dingz dl:nth-child(3) dd{ color:#1f4cab;}
.dingz dl:hover{transform: translateY(-10px);transition: all 0.5s linear;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;}
.dingz h5{ width:260px; height:155px; background:#e70014 url(../images/dingz_lx.png) no-repeat center 70px; position:absolute; top:320px; left:470px; font:16px "Microsoft YaHei UI"; text-align:center; color:#fff; padding-top:105px;}
.dingz h5 em{ display:block; font:30px Arial, Helvetica, sans-serif; font-weight:bold; padding-top:8px;}
.dingz h5::before {position: absolute;content: "";width: 235px;height:235px; border:1px solid #bac0dc; position:absolute; top:12px; left:12px;}

.case{ height:860px; padding-top:70px; background:url(../images/case_bg.jpg) no-repeat center top;}
.caset{ height:56px; background:#f2f2f2; overflow:hidden; margin-bottom:28px;}
.caset h3{ width:11.11%; height:56px; float:left; font:16px "Microsoft YaHei UI"; line-height:56px; color:#1e1e1e; text-align:center;}
.caset h3 a{ display:block; color:#1e1e1e;}
.caset h3 a:hover{ background:#172a88; color:#fff;-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;}
.case dl{ width:333px; height:514px; padding:30px 25px 0 25px; float:left; margin:10px 13px 10px 5px; background:#f5f5f5; border:1px solid #e2e2e2;}
.case dt{ width:330px; height:250px; overflow:hidden; position:relative;}
.case dt img{ display:block;width:330px; height:250px;}
.case dd h3 a{ display:block; font:20px "Microsoft YaHei UI"; font-weight:bold; color:#000; height:45px; line-height:45px; margin-top:30px; overflow:hidden;}
.case dd h5{ font:16px "Microsoft YaHei UI"; line-height:30px; color:#1a1a1a;}
.case dd p{ font:14px "Microsoft YaHei UI"; line-height:25px; height:50px; overflow:hidden; margin:15px 0 15px;}
.case dd span a{ display:block; width:45px; height:45px; background:url(../images/case_arr1.png) no-repeat;}
.case dl:hover h3 a{ color:#172a88;}
.case dl:hover span a{ background:url(../images/case_arr2.png) no-repeat;}
.case dl:hover{ background:#fff; border:1px solid #fff; box-shadow:0 0 0.5rem #ccc;}
.case dt:before{content: '';
            cursor: pointer;
            position: absolute;
            left: -100%;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));
            transform: skewx(-25deg);}
.case dt:hover:before{
            left: 100%;
            -moz-transition: 1s;
            -o-transition: 1s;
            -webkit-transition: 1s;
            transition: 1s;
        }

.case .content{ position:relative;}
.case1{ overflow:hidden;}
.case_l{ font:60px "宋体"; font-weight:bold; color:#333; position:absolute; top:380px; left:-60px;cursor:pointer;}
.case_r{ font:60px "宋体"; font-weight:bold; color:#333; position:absolute; top:380px; right:-60px;cursor:pointer;}

/**/
.ysbj{height: 935px;overflow: hidden; background:url(../images/ys_bg.jpg) no-repeat center top; font-family: "Microsoft YaHei"; position: relative; }
.ys{position: relative;height: 690px; margin-top:60px;}
.ys_nav{ width:1000px;height:125px; overflow: hidden; position: absolute;left:50%;top:-60px;margin-left: -500px;z-index: 2;background:#fff;border-radius: 8px;box-shadow: 0 0 10px #ccc;}
.ys_nav li {font-size: 20px; width: 250px; height:125px; float: left; text-align: center;color: #191c24;position: relative;}
.ys_nav li:after{content:'';position:absolute;height:92px;width:1px;top:17px;right:0px;background:#d1d2d3;}
.ys_nav li:last-child,.ys_nav li:last-child:after{background: none;}
.ys_nav li i{display: block;width:54px;height:62px;overflow: hidden;margin:17px auto 5px;position: relative;}
.ys_nav li i img{height:60px;position: absolute;left: 0;top:0;-webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.ys_nav li.cur{background: #172a88; color:#fff;}
.ys_nav li.cur i img{left:-54px;}
.ys_nav li.cur:after{width:0;}

.ys_nr{position: relative;margin:0 auto;width: 1123px; height: 640px;}
.ys_nr .tempWrap{overflow: visible !important;}
.ys_nr .tempWrap .ys_bd{margin-left:-1250px !important;}
.m_ys{width: 1200px;height: 760px; margin-right:20px;}
.m_ys dl{width: 1200px;height: 690px; position: relative;padding-bottom: 15px;}
.m_ys dl dt{width: 1200px;height: 650px; }
.m_ys dl dt img{width: 1200px;height: 650px;display: block;}
.m_ys dl dd{width: 1200px;height: 150px;padding:45px 0px 0 70px;box-sizing: border-box; position: absolute;left:0px;bottom:-10px;background: #fff; box-shadow: 0 0 15px #cdcdcd; display: none;}
.m_ys dl dd h3{ font-size:42px; color:#212121; padding-right:50px; float:left; margin:-10px 50px 0 0; position:relative;}
.m_ys dl dd h3:before{ content:""; position:absolute; top:2px; right:0; width:1px; height:74px; background:#e5e5e5;}
.m_ys dl dd h3 em{ display:block; font-size:26px;}
.m_ys dl dd h3 em b{ color:#172a88;}
.m_ys dl dd p{font-size:14px; color:#4c4c4c;  line-height: 25px; text-align: justify; position:relative;padding-left:12px; float:left;}
.m_ys dl dd p:before{ content:""; position:absolute; top:9px; left:0; width:4px; height:6px; background:url(../images/f_arr.png) no-repeat;}
.m_ys dl dd p b{ color:#172a88;}
.m_ys.cur  dl dd{display: block;}
.ys_l{ width:60px; height:60px; background:url(../images/ys_l.png) no-repeat; position:absolute; top:295px; left:50%; margin-left:-635px;}
.ys_r{ width:60px; height:60px; background:url(../images/ys_r.png) no-repeat; position:absolute; top:295px; left:50%; margin-left:585px;}
.ys_l:hover,.ys_r:hover{ background-position:0 -60px; cursor:pointer;}


.news{ height:740px; padding-top:50px; overflow:hidden; background:url(../images/aboutbg01.jpg) no-repeat center bottom;}
.newst{ height:75px; border-bottom:1px solid #e5e5e5; margin-bottom:30px;}
.newst h3{ width:110px; height:75px; float:left; margin-right:50px; font:18px "Microsoft YaHei UI"; line-height:75px;}
.newst h3 a{ display:block; color:#2e2e2e;}
.newst h3 em{ display:block; width:23px; height:24px; float:left; overflow:hidden; margin:26px 6px 0 0;}
.newst h3 em img{ display:block;}
.newst h3 a:hover,.newst .cur a{ font-weight:bold; color:#172a88; border-bottom:2px solid #e70014;}
.newst h3 a:hover img,.newst .cur em img{ position:relative; margin-top:-24px;}
.newst h5 a{ display:block; float:right; font:14px "Microsoft YaHei UI"; line-height:75px; color:#000000; text-transform:uppercase;}
.news1{ height:480px; background:#ffffff;}
.news1 .dl1{ width:587px; float:left; overflow:hidden;}
.news1 .dl1 dt{ width:587px; height:294px; overflow:hidden;}
.news1 .dl1 dt img{ display:block;width:587px; height:294px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news1 .dl1 dd h3 a{ display:block; font:18px "Microsoft YaHei UI"; color:#000; margin:24px 0 8px;}
.news1 .dl1 dd h3 em{ display:block; font:14px "Microsoft YaHei UI"; color:#666; line-height:26px;}
.news1 .dl1 dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; color:#666;}
.news1 .dl1 dd a{ color:#172a88;}
.news1 .dl1:hover dt img,.news1 .dl2:hover dt img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.news1 .dl1:hover dd h3 a,.news1 .dl2:hover dd h3 a,.news1 li:hover a{ font-weight:bold; color:#172a88;}
.news1 .dl2{ width:540px; height:130px; margin-bottom:28px; overflow:hidden; float:right;}
.news1 .dl2 dt{ width:232px; height:130px; float:left; overflow:hidden;}
.news1 .dl2 dt img{ display:block;width:232px; height:130px;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news1 .dl2 dd{ width:285px; float:right; overflow:hidden;}
.news1 .dl2 dd h3 a{ display:block; font:18px "Microsoft YaHei UI"; height:56px; line-height:56px; color:#000; overflow:hidden;}
.news1 .dl2 dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; color:#666;}
.news1 ul{ width:540px; float:right; border-top:1px solid #ccc; padding-top:14px;}
.news1 li{ font:14px "Microsoft YaHei UI"; line-height:30px; height:30px; overflow:hidden;}
.news1 li a{ display:block; color:#333;}
.news1 li em{ float:right; font-family: Arial, Helvetica, sans-serif;}

.about{min-width:1200px; max-width:1920px; width:100%;margin:0 auto;}
.about dt img{ display:block; width:100%;}
.about dd{ width:1200px; padding:30px 50px; background:#fff; box-shadow:0 0 1rem #ccc; position:relative; margin:-90px auto 45px; height:140px;}
.about .tit{ width:380px; float:left;}
.about dd p{ width:525px; float:left; padding:0 0 0 40px; margin-left:40px; border-left:1px solid #ccc; font:14px "Microsoft YaHei UI"; line-height:30px; color:#4c4c4c; margin-top:23px;}
.about dd span a{ display:block; width:140px; height:40px; background:#172a88; font:14px "Microsoft YaHei UI"; text-align:center; line-height:40px; color:#fff; float:right; margin-top:50px;}

.pic{ height:315px;overflow:hidden;}
.pic .content{ width:1300px; margin:0 auto;}
.pic1 li{ width:312px; float:left; margin-right:18px; position:relative; overflow:hidden;}
.pic1 li img{ display:block; width:312px; height:234px;}
.pic1 li em{ display:block; position:absolute; bottom:0; width:100%; font:18px "Microsoft YaHei UI"; height:55px; background:rgba(0,0,0,0.8); line-height:55px; color:#fff;overflow:hidden; text-align:center;-webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);
    -webkit-transition: height .5s cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.pic1 li a:hover em i{ display:block; background:url(../images/pic_more.png) no-repeat center bottom;height:100px; padding-top:60px; font-weight:bold;}
.pic1 li a:hover em{ height:100%; background:rgba(23,42,136,0.8); }

.link{width:1200px; margin: 0 auto; position: relative;}
.link .content{position: absolute; top: -70px;right: 0; width:500px; height:70px;}
.link p{width: 500px;float: left;overflow: hidden;font:14px "Microsoft YaHei";color:#fff;line-height:70px;text-align:right;}
.link p a{ display: inline-block;padding:0 15px; font:14px "Microsoft YaHei"; color:#fff; line-height:70px; height:70px; position:relative;}
.link p a:hover{font-weight:bold; text-decoration:underline;}

@keyframes living {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top:0px;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 6px;
    }
}
@keyframes living1 {
    0%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 0;
    }
    50%{
        transform: scale(1);
        /* opacity: 0.7; */margin-top: 0;
    }
    100%{
        transform: scale(1);
        /* opacity: 1; */margin-top: 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);
  }
}
@keyframes wave {
  50%,
  75% {
    transform: scale(2.5);
  }
  60%,
  100% {
    opacity: 0;
  }
}