@charset "utf-8";
html{color:#000;background:#FFF; }
body { color:#666;font:12px/1.231 "Microsoft Yahei";} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit; }
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
i,em{ font-style:normal;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
.vam { vertical-align:middle;}
.clear{ clear:both; height:0; line-height:0; font-size:0;}
.clearfix:after{ content:""; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/* -- 页面整体布局 -- */
.header , .content , .footer { width:1200px; margin:0 auto;  }
.h_nav li a:-webkit-any-link{ display:block;}






/* -- 以上部分以前resetcommon -- */



/* -- 首页样式开始 -- */
.clearfix{*zoom:1}
i,em{ font-style:normal;}

body{min-width: 1200px;max-width: 1920px;margin: 0 auto;overflow-x: hidden; width: 100%; }

.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 {position: absolute;font-size: 0;top: 50%;z-index: 9; width:73px; height: 73px; margin-top: -73px;border: 0; outline: none;overflow:hidden;}
.banner .slick-prev {left: 10%; display: none; background:url(../images/ban_prev.png) no-repeat;}
.banner .slick-next {right: 10%; display: none;background:url(../images/ban_next.png) no-repeat;}   
.slick-dots { position: absolute;left: 50%; font-size:0; bottom: 8%;width: 300px;text-align: center;margin-left: -175px;z-index: 11;}
.slick-dots li {display: inline-block;margin: 0 8px; }
.slick-dots li button {display: block;background:#e60013;width: 17px;height: 17px;border-radius: 17px;border:0; box-shadow:0; -webkit-transition: .5s;-moz-transition: .5s;transition: .5s;}
.slick-dots .slick-active button {background:#e60013;border:0; width:60px;} 

.tit{ font:54px "Microsoft YaHei UI"; text-align:center; color:#000; height:140px;}
.tit a{ color:#000;}
.tit em{ display:block; font-size:22px; margin-top:6px;font-weight:normal; color:#585858;font-style: normal;}

.guide{ height:520px; overflow:hidden; background:url(../images/fin_bg.png) no-repeat center top; margin-top:70px;}
.guide h2{ text-align:center; font:42px "Microsoft YaHei UI"; font-weight:bold; color:#000; padding:58px 0 0 135px; height:110px;}
.guide ul{ width:1400px; margin:0 auto;}
.guide li{ width:25%; height:225px; padding-top:30px; float:left; font:22px "Microsoft YaHei UI"; font-weight:bold; color:#000; text-align:center;}
.guide li span{ display:block; width:95px; height:95px; border-radius:95px; margin:0 auto 22px; position:relative;}
.guide li span em{ background:#e60013; border-radius:95px; display:block;width:95px; height:95px;}
.guide li span i{background:#fff; border-radius:95px;width:95px; height:95px;position: absolute;
left: 0;
top: 0;
transform: scale(0);
transition: .8s;}
.guide li b{ display:block; font:18px "Microsoft YaHei UI"; color:#737373; margin-top:14px;}
.guide .cur{ background:#e60013; color:#fff;}
.guide .cur b{ color:#fff;}
.guide .cur em{opacity: 0;}
.guide .cur i{transform: scale(1);}

.fann{ height:980px; padding-top:70px; margin-bottom:65px; background:#f6f6f6; overflow:hidden;}
.fann .content{ width:1400px; margin:0 auto;}
.fann dt{ width:614px; height:726px; overflow:hidden; float:left;}
.fann dt img{ display:block;width:614px; height:726px;}
.fann dd{ width:755px; float:right;}
.fann dd p{ height:115px; margin-bottom:12px; background:#fff; font:20px "Microsoft YaHei UI"; font-weight:bold; color:#000; padding:20px 0 0 40px;}
.fann dd p em{ display:block; font:42px "Microsoft YaHei UI"; font-weight:bold; color:#a3a3a3; position:relative; margin-bottom:4px;}
.fann dd p em:before{ content:""; position:absolute; top:50%; left:80px; width:70px; height:1px; background:#939393;}
.fann dd p:hover{ background:#e60013; color:#fff;}
.fann dd p:hover em{ color:#fff;}
.fann dd p:hover em:before{ background:#fff;}

.pro{ min-width:1366px; max-width:1920px;}
.pro .tit em{ font-size:18px;}
.pro .tit i{ color:#e60013; display:block; padding-top:10px;}
.pro dl{ width:19.21875%; float:left; margin:40px 0 50px 0.56%; box-shadow:0 0 0.5rem #ccc; position:relative; overflow:hidden;}
.pro dt{ position:relative;}
.pro dt img{ display:block; width:100%;}
.pro dt em{ display:block; width:100%; font:22px "Microsoft YaHei UI"; font-weight:bold; text-align:center; color:#282828; position:absolute; bottom:0; padding:30px 0; background:#fff;}
.pro dt i{ display:block; width:34.14%; height:30px; font:14px "Microsoft YaHei UI"; color:#000; line-height:30px; border-radius:30px; border:1px solid #e60013; margin:15px auto 0; box-sizing:border-box;}
.pro dd{display:block;position: absolute;bottom: 0;height: 0;width: 100%; text-align: center;font: 24px "Microsoft YaHei UI"; font-weight:bold;color: #fff;
    background:rgba(230,0,19,0.8);
    -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);}
.pro dd b{ display:block; width:5.1875rem; margin:0 auto 20px; padding-top:30%;}
.pro dd a{ display:block; color:#fff;}
.pro dd b img{ display:block; width:100%;}
.pro dl:hover dt em{ display:none;}
.pro dl:hover dd{ height:100%;}
.pro h5 a{ display:block; width:195px; height:44px; background:#e60013; border-radius:30px; font:20px "Microsoft YaHei UI"; text-align:center; line-height:44px; color:#fff; margin:0 auto 50px;}

.team2{ background:url(../images/team_bg.jpg) no-repeat center top; padding:80px 0 0 0;}
.team2 .tit b{ color:#e60013;}
.team2 dl{ width:1400px; margin:100px auto 0; height:405px;}
.team2 dd h3{ font:18px "Microsoft YaHei UI"; color:#0f0e14;}
.team2 dd h3 em{ color:#e60013;}
.team2 dd h4{ font:34px "Microsoft YaHei UI"; font-weight:bold; color:#e60013; margin:35px 0;}
.team2 dd h4 em{ display:block;}
.team2 dd p{ width:37.14%; font:16px "Microsoft YaHei UI"; line-height:30px; color:#000;}
.team3{ background:#fff url(../images/team_bg.png) no-repeat center bottom; background-size:100% auto; height:250px;}
.team3 ul{ width:1400px; margin:0 auto; padding-top:36px; height:185px;}
.team3 li{ width:16.66%; float:left; font:18px "Microsoft YaHei UI"; color:#838284; text-align:center;}
.team3 li span{ display:block; font-size:24px; color:#333;}
.team3 li span em{ font-size:60px; font-weight:bold;}
.team3 li:hover span em{ color:#e60013;}


.team{ height:790px; overflow:hidden; width:1200px; margin:0 auto;}
.team dl{ width:300px; float:left; padding:0 75px; border-right:1px solid #c5c5c5;}
.team dt{ width:300px; height:400px; overflow:hidden;}
.team dt img{ display:block; width:300px; height:400px;}
.team dd h3{ font:32px "Microsoft YaHei UI"; margin:32px 0 20px;}
.team dd h3 a{ display:block; color:#0f0e14;}
.team dd h3 em{ display:block; font:16px "Microsoft YaHei UI"; margin-top:10px;}
.team dd h3 b{ padding:0 11px;}
.team dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; color:#848484; margin-bottom:30px;}
.team dd span a{ display:block; width:100px; height:32px; background:#e4e5e6; font:16px "Microsoft YaHei UI"; line-height:32px; color:#0f0e14; text-align:center;}
.team dl:hover dt img{ border:5px solid #e60013; width:290px; height:390px;}
.team dl:hover dd h3 a{ color:#e60013;}
.team dl:hover dd span a{ background:#e60013; color:#fff;}
.team .content{ position:relative;}
.team_l{ width:60px; height:60px; font:40px "宋体"; color:#fff; background:rgba(0,0,0,0.6); text-align:center; line-height:60px; border-radius:60px; position:absolute; top:23%; left:0;}
.team_r{ width:60px; height:60px; font:40px "宋体"; color:#fff; background:rgba(0,0,0,0.6); text-align:center; line-height:60px; border-radius:60px; position:absolute; top:23%; right:0;}

.choo1 h3 img{ display:block; width:100%;}
.choo1 dl{ width:1400px; margin:-100px auto 0; background:#fff; position:relative; height:200px;}
.choo1 dt{ width:36.42%; float:left; padding:28px 0 0 6%; font:46px "Microsoft YaHei UI"; font-weight:bold; color:#e60013;}
.choo1 dt em{ display:block;}
.choo1 dd{ width:54.28%; float:right; margin-top:35px;}
.choo1 dd p{ font:24px "Microsoft YaHei UI"; font-weight:bold; line-height:52px; height:52px; background:url(../images/choo_g.jpg) no-repeat left center; padding-left:40px; width:50%; box-sizing:border-box; color:#333; float:left;}
.choo1 h5{ background:url(../images/team_bg.png) no-repeat center top; height:61px; margin-bottom:25px;}

.choo{ min-width:1366px; max-width:1920px; width:100%; margin-bottom:90px;}
.choo .tit b{ color:#e60013;}
.choo1{ margin:20px 0 0;}
.choo li{ width:15.20%; height:336px; float:left; background:url(../images/choo_bg1.png) no-repeat center top; background-size:100% auto; margin-right:0.9375%; margin-top:-70px; font:20px "Microsoft YaHei UI"; text-align:center; font-weight:bold; color:#fff;}
.choo li:nth-child(1){ margin-left:9.9%;}
.choo li:nth-child(1),.choo li:nth-child(2),.choo li:nth-child(3),.choo li:nth-child(4),.choo li:nth-child(5){ margin-top:0;}
.choo li:nth-child(6){ margin-left:1.8%;}
.choo li b{ display:block; font-size:36px; padding-top:50px;}
.choo li p{ font:14px "Microsoft YaHei UI"; line-height:22px; padding:10px 20px 0 20px;}
.choo li:nth-child(2n){background:url(../images/choo_bg2.png) no-repeat center top; background-size:100% auto; color:#282828;}
.choo li:last-child{ margin-right:0;}
.choo li em{ display:block; width:68.49%; margin:0 auto; padding-top:65px;}
.choo li em img{ display:block; width:100%;}

@media screen and (max-width:1680px) {
	.choo li{ height:303px; font-size:18px;}
	.choo li b{ padding-top:30px;font-size:32px;}
}
@media screen and (max-width:1600px) {
	.choo li{ height:289px; font-size:16px;}
	.choo li p{ padding-top:5px; font-size:12px;}
}
@media screen and (max-width:1440px) {
	.choo li{ height:268px; font-size:14px;}
	.choo li b{padding-top:25px;font-size:26px;}
	.choo li p{ line-height:20px;}
}
@media screen and (max-width:1400px) {
	.choo li b{padding-top:25px;font-size:22px;}
	.choo li p{ line-height:18px;}
}
@media screen and (max-width:1370px) {
	.choo li{ width:16%;margin-right:0.2%;}
	.choo li:nth-child(1){ margin-left:9%;}
	.choo li:nth-child(6){ margin-left:1%;}
}

.case{ height:1010px; overflow:hidden; padding-top:80px; background:#f6f6f6;}
.case .content{ width:1400px; margin:0 auto;}
.case dl{ height:461px; margin-bottom:60px; position:relative;}
.case dt{ width:764px; height:461px; float:left; overflow:hidden;}
.case dt img{ display:block;width:764px; height:461px;}
.case dd{ width:536px; height:370px; background:#e60013; margin-top:50px; padding:0 50px; float:left;}
.case dd h3 a{ display:block; font:28px "Microsoft YaHei UI"; font-weight:bold; color:#fff; padding-top:55px;}
.case dd h3 em{ display:block; font-size:14px; margin-top:20px;}
.casedd{ margin-top:35px;font:14px "Microsoft YaHei UI"; line-height:24px; color:#f8cbcd;}
.case dd p{ font:14px "Microsoft YaHei UI"; line-height:24px; color:#f8cbcd; margin-top:15px;}
.case dd b{ display:block; width:175px; height:195px; position:absolute; top:0; right:0; background:url(../images/case_k.png) no-repeat; background-size:100% auto;}
.caset{ height:300px;}
.caset h3{ position:relative; width:20%; text-align:center; font:16px "Microsoft YaHei UI"; font-weight:bold; color:#000; height:230px;}
.caset h3 a{ color:#000;}
.caset h3 em{ display:block; font:14px "Microsoft YaHei UI"; padding-top:5px;}
.caset h3 b{ display:block; width:100px; height:100px;margin:0 auto 15px;}
.caset h3 b img{ display:block; width:100%; border:5px solid rgba(230,0,19,0); box-sizing:border-box; border-radius:120px; }
.caset h3:hover b img{border:5px solid rgba(230,0,19,1);}
.caset h3:before{ content:""; position:absolute; top:10px; right:0; width:1px; height:80px; background:#878787;}
.case_arr{ height:10px; position:relative; text-align:center;}
.case_arr:before{ content:""; position:absolute; top:50%; left:0; width:45%; height:1px; background:#cbcbcb;}
.case_arr:after{ content:""; position:absolute; top:50%; right:0; width:45%; height:1px; background:#cbcbcb;}
.case_arr a{ display:inline-block; width:10px; height:10px; border-radius:10px; background:#cbcbcb; margin:0 5px;}
.case_arr a:hover{ border:2px solid #e60013; box-sizing:border-box;}

.news{ height:770px; padding-top:60px; overflow:hidden;}
.news1{ width:1400px; margin:0 auto; height:485px; background:#f6f6f6; padding-top:55px;}
.news1 h5{ margin-left:100px; float:left; width:274px; overflow:hidden; position:relative;}
.news1 h5 img{ display:block; width:274px; height:343px;}
.news1 h5 em{ display:block; height:68px; font:16px "Microsoft YaHei UI"; font-weight:bold; line-height:68px; color:#fff; background:#e60013 url(../images/new_douy.png) no-repeat 33px center; padding-left:73px;}
.news1 h5 b{ display:none; width:100%; height:343px; background:rgba(0,0,0,0.8); position:absolute; top:0;}
.news1 h5 b img{ display:block; width:200px; height:auto; margin:0 auto; padding-top:71px;}
.news1 h5:hover b{ display:block;}
.news2{ width:500px; float:left; margin-left:50px; height:420px;}
.newt{ height:58px; overflow:hidden; font:20px "Microsoft YaHei UI"; font-weight:bold; color:#333; border-bottom:2px solid #ebebeb;}
.newt a{ display:inline-block; color:#333333; padding-right:2%;}
.newt a:hover,.newt .cur{ color:#e60013;}
.news2 dl{border-bottom:2px solid #ebebeb; height:83px; padding:16px 0;}
.news2 dt{ width:102px; float:left; text-align:right; font:32px Arial, Helvetica, sans-serif; color:#333; padding-top:6px;}
.news2 dt em{ display:block; font:18px "Microsoft YaHei UI"; color:#666;}
.news2 dd{ width:338px; float:right;}
.news2 dd h4 a{ display:block; font:16px "Microsoft YaHei UI"; font-weight:bold; color:#333; height:30px; line-height:30px; overflow:hidden;}
.news2 dd p{ font:14px "Microsoft YaHei UI"; line-height:26px; height:52px; color:#666; margin-top:3px;}
.news2 dl:hover dt,.news2 dl:hover dd h4 a{ color:#e60013;}

.faq{ width:314px; float:right; margin-right:100px;}
.faq h2 a{ display:block; height:58px;font:20px "Microsoft YaHei UI"; font-weight:bold; color:#333;}
.faq dl{ padding:8px 0;}
.faq dt{ width:314px; height:145px; overflow:hidden; display:none;}
.faq dt img{ display:block;width:314px; height:auto;}
.faq dd h3{ font:15px "Microsoft YaHei UI"; height:31px; line-height:31px; overflow:hidden; font-weight:bold; color:#333;}
.faq dd h3 a{ display:block; color:#333;}
.faq dd h3 em{ display:block; width:31px; height:31px; text-align:center; float:left; margin-right:20px;}
.faq dd p{ height:50px; display:none;}
.faq dd p em{display:block;font:15px "Microsoft YaHei UI"; font-weight:bold; color:#333; width:31px; height:31px; text-align:center; float:left; margin-right:20px;}
.faq dd p span{ font:14px "Microsoft YaHei UI"; line-height:26px; color:#666;}
.faq .cur{ padding:0; margin-bottom:10px;}
.faq .cur dd{border-bottom:1px solid #ebebeb; padding:16px 0;}
.faq .cur dt{ display:block;}
.faq .cur dd p{ display:block;}
.faq .cur dd h3 em{ background:#e60013; color:#fff;}
.faq .cur dd p em{ color:#e60013;}


.about{ height:664px; overflow:hidden; background:url(../images/about.jpg) no-repeat center top;}
.about h2{ height:165px; padding-top:75px; text-align:center; font:56px "Microsoft YaHei UI"; color:#fff;}
.about h2 a{ display:block; color:#fff;}
.about h2 em{ display:block; font:32px "Microsoft YaHei UI"; font-weight:bold; padding-top:10px;}
.about ul{ width:1200px; margin:0 auto;}
.about li{ width:400px; text-align:center; font:28px "Microsoft YaHei UI"; color:#fff; float:left;}
.about li span{ display:block; width:160px; height:160px; margin:0 auto 25px; position:relative;}
.about li span em{ background:rgba(255,255,255,0.7); border-radius:8rem; display:block;width:160px; height:160px;}
.about li span i{background:rgba(230,0,19,0.7); border-radius:8rem;width:160px; height:160px;position: absolute;
left: 0;
top: 0;
transform: scale(0);
transition: .8s;}
.about li a{ display:block; color:#fff;}
.about li a:hover{ color:#e60013;transition: .8s; font-weight:bold;}
.about li a:hover em{opacity: 0;}
.about li a:hover i{transform: scale(1);}

.pic{ height:auto; margin-bottom:40px;overflow:hidden;}
.pict{ width:570px; height:120px; margin:0 auto;}
.pict h3{ font:24px "Microsoft YaHei UI"; height:120px; width:190px; line-height:120px; float:left; text-align:center;}
.pict h3 a{ display:block; color:#000;}
.pict h3 a:hover,.pict .cur a{ color:#e60013;}
.pic2{ height:250px; position:relative;}
.pic3{ overflow:hidden;}
.pic1 li{ width:286px; float:left; margin-right:18px; overflow:hidden; position:relative;}
.pic1 li img{ display:block; width:100%;}
.pic1 li em{display:block;font: 16px "Microsoft YaHei UI"; line-height:50px;color: #000; text-align:center; height:50px; overflow:hidden;}

.link{width:1200px; margin: 0 auto; position: relative; z-index:12;}
.link .content{position: absolute; top: -153px;right: 0; width:400px; height:70px;font:14px "Microsoft YaHei";color:#8b8b8b; line-height:70px; text-align:right;}
.link a{ display: inline-block;padding:0 17px; font:14px "Microsoft YaHei"; color:#8b8b8b;line-height:70px; height:70px; position:relative; background:url(../images/link_line.png) no-repeat right center;}
.link a:hover{font-weight:bold; text-decoration:underline; color:#c51c20;}
.link a:last-child{ padding-right:0; background:none;}

@media (min-width: 1200px) and (max-width: 1680px) {
	.guide ul,.team2 dl,.team3 ul,.case .content{ width:1200px;}
	.case dd{ width:395px; padding:0 20px;}
	.case dd b{ width:130px;}
}


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