@charset "utf-8";
/* CSS Document */
body {
font-family: "微软雅黑", Arial;
font-size: 14px;
margin: 0;
padding: 0;
}
html, body, h1, h2, h3, h4, h5, h6, hr, p, iframe, dl, dt, dd, ul, ol, li, pre, form, button, input, textarea, th, td, fieldset {
margin: 0;
padding: 0
}
div, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, img, form, p {
margin: 0;
padding: 0;
border: 0;
}
ul, li, ol {
list-style: none;
}
table, td, tr, th, input, select {
}
input {
font-family: Arial;
}
table {
border-collapse: collapse;
}
/*link*/
a {
/*color: #555;*/
text-decoration: none;
cursor: pointer;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;/*color: #0080cd;*/
}
a:active {
}
.clear {
zoom: 1;
}
.clear:after {
content: '';
display: block;
clear: both;
height: 0px;
}
.text:focus, input:focus, .textarea:focus {
outline: none;
}
a:focus {
outline: none
}
a:hover, a:active {
outline: none
}
:focus {
outline: none
}
img {
border: 0;
}
.zd {
margin: 0 auto;
text-align: left;
width: 1200px;
}
.w {
width: 100%;
background: #fff;
}
.text-ellipsis {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.hidden {
overflow: hidden;
}
/*表单***********************************************************************************************/
.form-text {
border: none;
}
/*边框**********************************************************************************************/
.border-c {
border: 1px solid #ccc;
}
.border-e {
border: 1px solid #eee;
}
/*字体颜色***********************************************************************************************/
/*主要颜色*/
.c-primary, .c-primary a, a.c-primary {
color: #5a98de
}
.c-primary a:hover, a.c-primary:hover {
color: #5a98de
}
/*次主色*/
.c-secondary, .c-secondary a, a.c-secondary {
color: #555
}
.c-secondary a:hover, a.c-secondary:hover {
color: #555
}
/*强调色—成功*/
.c-success, .c-success a, a.c-success {
color: #5eb95e
}
.c-success a:hover, a.c-success:hover {
color: #5eb95e
}
/*强调色—危险*/
.c-danger, .c-danger a, a.c-danger {
color: #dd514c
}
.c-danger a:hover, a.c-danger:hover {
color: #dd514c
}
/*强调色—警告*/
.c-warning, .c-warning a, a.c-warning {
color: #f37b1d
}
.c-warning a:hover, a.c-warning:hover {
color: #f37b1d
}
/*强调色—错误*/
.c-error, .c-error a, a.c-error {
color: #c00
}
.c-error a:hover, a.c-error:hover {
color: #c00
}
/*辅助色—浅黑*/
.c-333, .c-333 a, a.c-333 {
color: #333
}
.c-333 a:hover, a.c-333:hover {
color: #333
}
/*辅助色—灰色*/
.c-666, .c-666 a, a.c-666 {
color: #666
}
.c-666 a:hover, a.c-666:hover {
color: #666
}
.c-999, .c-999 a, a.c-999 {
color: #999
}
.c-999 a:hover, a.c-999:hover {
color: #999
}
/*标准色—红色*/
.c-red, .c-red a, a.c-red {
color: red
}
.c-red a:hover, a.c-red:hover {
color: red
}
/*标准色—绿色*/
.c-green, .c-green a, a.c-green {
color: green
}
.c-red a:hover, a.c-red:hover {
color: green
}
/*标准色—蓝色*/
.c-blue, .c-blue a, a.c-blue {
color: blue
}
.c-blue a:hover, a.c-blue:hover {
color: blue
}
/*标准色—白色*/
.c-white, .c-white a, a.c-white {
color: white
}
.c-white a:hover, a.c-white:hover {
color: white
}
/*标准色—黑色*/
.c-black, .c-black a {
color: black
}
.c-black a:hover, a.c-black:hover {
color: black
}
/*标准色—橙色*/
.c-orange, .c-orange a, a.c-orange {
color: orange
}
.c-orange a:hover, a.c-orange:hover {
color: orange
}
/*背景颜色**********************************************************************************/
/*主要颜色*/
.b-primary, .b-primary a, a.b-primary {
background: #5a98de
}
.b-primary a:hover, a.b-primary:hover {
background: #5a98de
}
/*次主色*/
.b-secondary, .b-secondary a, a.b-secondary {
background: #555
}
.b-secondary a:hover, a.b-secondary:hover {
background: #555
}
/*强调色—成功*/
.b-success, .b-success a, a.b-success {
background: #5eb95e
}
.b-success a:hover, a.b-success:hover {
background: #5eb95e
}
/*强调色—危险*/
.b-danger, .b-danger a, a.b-danger {
background: #dd514c
}
.b-danger a:hover, a.b-danger:hover {
background: #dd514c
}
/*强调色—警告*/
.b-warning, .b-warning a, a.b-warning {
background: #f37b1d
}
.b-warning a:hover, a.b-warning:hover {
background: #f37b1d
}
/*强调色—错误*/
.b-error, .b-error a, a.b-error {
background: #c00
}
.b-error a:hover, a.b-error:hover {
background: #c00
}
/*辅助色—浅黑*/
.b-333, .b-333 a, a.b-333 {
background: #333
}
.b-333 a:hover, a.b-333:hover {
background: #333
}
/*辅助色—灰色*/
.b-666, .b-666 a, a.b-666 {
background: #666
}
.b-666 a:hover, a.b-666:hover {
background: #666
}
.b-999, .b-999 a, a.b-999 {
background: #999
}
.b-999 a:hover, a.b-999:hover {
background: #999
}
/*定位*/
.pos-r {
position: relative
}
.pos-a {
position: absolute
}
.pos-f {
position: fixed
}
/*浮动*/
.left {
float: left;
}
.right {
float: right;
}
.block {
display: block;
}
.display {
display: none;
}
.block-in {
display: inline-block;
}
/*文字对齐*/
.text-l {
text-align: left;
}
.text-r {
text-align: right;
}
.text-c {
text-align: center;
}
/*外边距*/
.m-l-5 {
margin-left: 5px;
}
.m-l-10 {
margin-left: 10px;
}
.m-l-15 {
margin-left: 15px;
}
.m-l-20 {
margin-left: 20px;
}
.m-l-25 {
margin-left: 25px;
}
.m-l-30 {
margin-left: 30px;
}
.m-l-35 {
margin-left: 35px;
}
.m-l-40 {
margin-left: 40px;
}
.m-l-45 {
margin-left: 45px;
}
.m-l-50 {
margin-left: 50px;
}
.m-l-100 {
margin-left: 100px;
}
.m-r-5 {
margin-right: 5px;
}
.m-r-10 {
margin-right: 10px;
}
.m-r-15 {
margin-right: 15px;
}
.m-r-20 {
margin-right: 20px;
}
.m-r-25 {
margin-right: 25px;
}
.m-r-30 {
margin-right: 30px;
}
.m-r-35 {
margin-right: 35px;
}
.m-r-40 {
margin-right: 40px;
}
.m-r-45 {
margin-right: 45px;
}
.m-r-50 {
margin-right: 50px;
}
.m-t-5 {
margin-top: 5px;
}
.m-t-10 {
margin-top: 10px;
}
.m-t-15 {
margin-top: 15px;
}
.m-t-20 {
margin-top: 20px;
}
.m-t-25 {
margin-top: 25px;
}
.m-t-30 {
margin-top: 30px;
}
.m-t-35 {
margin-top: 35px;
}
.m-t-40 {
margin-top: 40px;
}
.m-t-45 {
margin-top: 45px;
}
.m-t-50 {
margin-top: 50px;
}
.m-t-100 {
margin-top: 100px;
}
.m-b-5 {
margin-bottom: 5px;
}
.m-b-10 {
margin-bottom: 10px;
}
.m-b-15 {
margin-bottom: 15px;
}
.m-b-20 {
margin-bottom: 20px;
}
.m-b-25 {
margin-bottom: 25px;
}
.m-b-30 {
margin-bottom: 30px;
}
.m-b-35 {
margin-bottom: 35px;
}
.m-b-40 {
margin-bottom: 40px;
}
.m-b-45 {
margin-bottom: 45px;
}
.m-b-50 {
margin-bottom: 50px;
}
/*内填充*/
.p-l-5 {
padding-left: 5px;
}
.p-l-10 {
padding-left: 10px;
}
.p-l-15 {
padding-left: 15px;
}
.p-l-20 {
padding-left: 20px;
}
.p-l-25 {
padding-left: 25px;
}
.p-l-30 {
padding-left: 30px;
}
.p-l-35 {
padding-left: 35px;
}
.p-l-40 {
padding-left: 40px;
}
.p-l-45 {
padding-left: 45px;
}
.p-l-50 {
padding-left: 50px;
}
.p-r-5 {
padding-right: 5px;
}
.p-r-10 {
padding-right: 10px;
}
.p-r-15 {
padding-right: 15px;
}
.p-r-20 {
padding-right: 20px;
}
.p-r-25 {
padding-right: 25px;
}
.p-r-30 {
padding-right: 30px;
}
.p-r-35 {
padding-right: 35px;
}
.p-r-40 {
padding-right: 40px;
}
.p-r-45 {
padding-right: 45px;
}
.p-r-50 {
padding-right: 50px;
}
.p-t-5 {
padding-top: 5px;
}
.p-t-10 {
padding-top: 10px;
}
.p-t-15 {
padding-top: 15px;
}
.p-t-20 {
padding-top: 20px;
}
.p-t-25 {
padding-top: 25px;
}
.p-t-30 {
padding-top: 30px;
}
.p-t-35 {
padding-top: 35px;
}
.p-t-40 {
padding-top: 40px;
}
.p-t-45 {
padding-top: 45px;
}
.p-t-50 {
padding-top: 50px;
}
.p-t-100 {
padding-top: 100px;
}
.p-b-5 {
padding-bottom: 5px;
}
.p-b-10 {
padding-bottom: 10px;
}
.p-b-15 {
padding-bottom: 15px;
}
.p-b-20 {
padding-bottom: 20px;
}
.p-b-25 {
padding-bottom: 25px;
}
.p-b-30 {
padding-bottom: 30px;
}
.p-b-35 {
padding-bottom: 35px;
}
.p-b-40 {
padding-bottom: 40px;
}
.p-b-45 {
padding-bottom: 45px;
}
.p-b-50 {
padding-bottom: 50px;
}
.radius-3 {
border-radius: 3px;
}
.radius-4 {
border-radius: 4px;
}
.radius-5 {
border-radius: 5px;
}
.radius-6 {
border-radius: 6px;
}
.radius-8 {
border-radius: 8px;
}
.round {
border-radius: 1000px;
overflow: hidden;
}
.circle {
border-radius: 50%;
overflow: hidden;
}
/*字体大小*/
.size-12 {
font-size: 12px;
}
.size-14 {
font-size: 14px;
}
.size-16 {
font-size: 16px;
}
.size-18 {
font-size: 18px;
}
.size-20 {
font-size: 20px;
}
.size-22 {
font-size: 22px;
}
.size-24 {
font-size: 24px;
}
.size-26 {
font-size: 26px;
}
.size-28 {
font-size: 28px;
}
.size-30 {
font-size: 28px;
}
.size-32 {
font-size: 32px;
}
h1 {
font-size: 36px
}
h2 {
font-size: 30px
}
h3 {
font-size: 24px
}
h4 {
font-size: 18px
}
h5 {
font-size: 14px
}
h6 {
font-size: 12px
}
/*行高*/
.lh-18 {
line-height: 18px;
}
.lh-20 {
line-height: 20px;
}
.lh-22 {
line-height: 22px;
}
.lh-24 {
line-height: 24px;
}
.lh-26 {
line-height: 26px;
}
.lh-28 {
line-height: 28px;
}
.lh-30 {
line-height: 30px;
}
.lh-32 {
line-height: 32px;
}
/*表格文字对齐方式，默认是居左对齐*/
.table .text-c th, .table .text-c td {
text-align: center
}/*整行居中*/
.table .text-r th, .table .text-r td {
text-align: right
}/*整行居右*/
.table th.text-l, .table td.text-l {
text-align: left!important
}/*单独列居左*/
.table th.text-c, .table td.text-c {
text-align: center!important
}/*单独列居中*/
.table th.text-r, .table td.text-r {
text-align: right!important
}/*单独列居右*/
/*头部start头部start头部start头部start头部start头部start头部start头部start头部start头部start*/
.top01 {
width: 100%;
height: auto;/* background:url(../images/dh.jpg) repeat-x bottom;*/
}
.top02 {
width: 1200px;
height: 120px;
margin: 0px auto;
}
.top02_l {
width: 216px;
height: 108px;
float: left;
}
.top02_l img {
width: 216px;
height: 50px;
display: block;
margin-top: 36px;
}
.top02_c {
height: 120px;
margin-left: 30px;
}
.dh {
width: 100%;
height: auto;
}
.dh ul {
width: 100%;
height: auto;
}
.dh ul li {
width: 115px;
height: 120px;
float: left;
}
.dh ul li .a01 {
width: 100%;
line-height: 120px;
text-align: center;
color: #555;
font-size: 20px;
display: block;
}
.dh ul li:hover .a01 {
color: #fff;
background: #5fb878;
}
.dh_xl01 {
width: 100%;
height: auto;
background: rgba(255, 255 ,255,.9);
padding: 20px 0 40px 0px;
position: absolute;
left: 0px;
top: 120px;
z-index: 999999;
display: none;
}
.dh_xl02 {
width: 1200px;
height: auto;
margin: 0px auto;
}
.dh_xl02_l {
width: 1200px;
height: auto;
margin-left:90px;
}
.dh_xl02_l dl dd{
display:block;
width:350px;
margin:35px 30px 0 0;
float:left;
}
.nav-img{width:60px;}
.nav-img img {
width: 60px;
height: 60px;
overflow: hidden;
}
.nav-tit{width:250px;
margin-left:10px;
}
.nav-list a:hover{color:#1296db;}
.nav-list h4 {
/*color: #333;*/
font-size: 20px;
padding-top: 6px;
font-weight:400;
}
.nav-list p {
font-size: 16px;
padding-top: 2px;
}
.nav-list a{color:#333;}
/*banner start*/
.banner {
position: relative;
height: 741px;
overflow: hidden;
position: relative;
z-index: 2
}
.banner .bd {
position: relative;
z-index: 0;
}
.banner .bd ul {
width: 100% !important;
}
.banner .bd li {
width: 100% !important;
height: 741px;
}
.banner .bd li .siteWidth {
width: 1000px;
position: relative;
margin: 0 auto;
height: 741px;
}
.banner .bd li a {
height: 741px;
display: block;
}
.banner .hd {
width: 100%;
position: absolute;
z-index: 1;
bottom: 26px;
left: 0;
height: 30px;
line-height: 30px;
text-align: center;
}
.banner .hd ul li {
cursor: pointer;
display: inline-block;
*display:inline;
zoom: 1;
width: 48px;
height: 8px;
margin: 8px;
background: #f4f4f4;
overflow: hidden;
color: #f4f4f4;
}
.banner .hd ul .on {
background: #c62110;
color: #c62110
}
/* 下面是前/后按钮代码，如果不需要删除即可 */
/*.banner .prev, .banner .next {
position: absolute;
left: 3%;
top: 50%;
margin-top: -25px;
display: block;
width: 32px;
height: 40px;
background: url(../images/slider-arrow.png) -110px 5px no-repeat;
filter: alpha(opacity=50);
opacity: 0.5;
}
.banner .next {
left: auto;
right: 3%;
background-position: 8px 5px;
}
.banner .prev:hover, .banner .next:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.banner .prevStop {
display: none;
}
.banner .nextStop {
display: none;
}*/
/*banner end*/
/*底部start底部start底部start底部start底部start底部start*/
.footer-box{background:#2e323b;
margin-top:100px;
padding-top:100px;}
.footer-1 dt{color:#fff;
font-size:18px;margin-bottom:40px;}
.footer-1 dd img{width:150px;
height:150px;
}
.footer-1{margin-left:35px;}
.footer-2{padding-left:135px;}
.footer-2 dd a{color:#c8c8c8;
font-size:14px;
line-height:26px;}
.footer-3{width:250px;padding-left:135px;}
.footer-3 dd, .footer-4 dd{color:#c8c8c8;line-height:26px;}
.footer-4{width:160px;margin-left:135px;}
.footer-4 img{width:88px;
height:22px;}
.footer-db{padding:80px 0 80px 0;}
.footer-db p{text-align:center;
font-size:14px;color:#c8c8c8;
line-height:26px;}
/*图片特效*/
.img {
display: block;
overflow: hidden;
}
.img img {
-webkit-transition: all 0.45s ease-in-out;
-moz-transition: all 0.45s ease-in-out;
transition: all 0.45s ease-in-out;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.img:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
/*图片抖动*/
.shake.shake-slow:hover {
-webkit-animation-name: shake-slow;
-ms-animation-name: shake-slow;
animation-name: shake-slow;
-webkit-animation-duration: 5s;
-ms-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-ms-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-ms-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-delay: 0s;
-ms-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-play-state: running;
-ms-animation-play-state: running;
animation-play-state: running
}
@-webkit-keyframes shake-slow {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg)
}
2% {
-webkit-transform: translate(-1px, 8px) rotate(1.5deg)
}
4% {
-webkit-transform: translate(7px, 0px) rotate(-0.5deg)
}
6% {
-webkit-transform: translate(8px, 8px) rotate(-3.5deg)
}
8% {
-webkit-transform: translate(-4px, -3px) rotate(-1.5deg)
}
10% {
-webkit-transform: translate(5px, 0px) rotate(-2.5deg)
}
12% {
-webkit-transform: translate(-10px, -3px) rotate(-3.5deg)
}
14% {
-webkit-transform: translate(5px, 7px) rotate(2.5deg)
}
16% {
-webkit-transform: translate(8px, -8px) rotate(-1.5deg)
}
18% {
-webkit-transform: translate(9px, -6px) rotate(-3.5deg)
}
20% {
-webkit-transform: translate(3px, 1px) rotate(-0.5deg)
}
22% {
-webkit-transform: translate(6px, 8px) rotate(-2.5deg)
}
24% {
-webkit-transform: translate(-8px, -1px) rotate(2.5deg)
}
26% {
-webkit-transform: translate(7px, -10px) rotate(0.5deg)
}
28% {
-webkit-transform: translate(7px, -4px) rotate(-3.5deg)
}
30% {
-webkit-transform: translate(-2px, -6px) rotate(-1.5deg)
}
32% {
-webkit-transform: translate(-1px, 0px) rotate(2.5deg)
}
34% {
-webkit-transform: translate(6px, 2px) rotate(-0.5deg)
}
36% {
-webkit-transform: translate(2px, 7px) rotate(1.5deg)
}
38% {
-webkit-transform: translate(2px, -9px) rotate(1.5deg)
}
40% {
-webkit-transform: translate(-5px, -1px) rotate(-0.5deg)
}
42% {
-webkit-transform: translate(-8px, 2px) rotate(-0.5deg)
}
44% {
-webkit-transform: translate(-4px, 3px) rotate(0.5deg)
}
46% {
-webkit-transform: translate(-10px, -2px) rotate(-0.5deg)
}
48% {
-webkit-transform: translate(1px, 9px) rotate(1.5deg)
}
50% {
-webkit-transform: translate(6px, 7px) rotate(1.5deg)
}
52% {
-webkit-transform: translate(-8px, 4px) rotate(0.5deg)
}
54% {
-webkit-transform: translate(6px, -8px) rotate(-2.5deg)
}
56% {
-webkit-transform: translate(2px, -9px) rotate(-2.5deg)
}
58% {
-webkit-transform: translate(-2px, -9px) rotate(0.5deg)
}
60% {
-webkit-transform: translate(2px, 7px) rotate(-0.5deg)
}
62% {
-webkit-transform: translate(0px, 0px) rotate(-1.5deg)
}
64% {
-webkit-transform: translate(-9px, -4px) rotate(-3.5deg)
}
66% {
-webkit-transform: translate(6px, -6px) rotate(0.5deg)
}
68% {
-webkit-transform: translate(0px, -7px) rotate(-2.5deg)
}
70% {
-webkit-transform: translate(-10px, 1px) rotate(1.5deg)
}
72% {
-webkit-transform: translate(-7px, 9px) rotate(2.5deg)
}
74% {
-webkit-transform: translate(2px, -6px) rotate(-0.5deg)
}
76% {
-webkit-transform: translate(5px, 1px) rotate(-0.5deg)
}
78% {
-webkit-transform: translate(-1px, 5px) rotate(2.5deg)
}
80% {
-webkit-transform: translate(3px, 7px) rotate(2.5deg)
}
82% {
-webkit-transform: translate(-6px, -7px) rotate(-0.5deg)
}
84% {
-webkit-transform: translate(-8px, 8px) rotate(-2.5deg)
}
86% {
-webkit-transform: translate(8px, 3px) rotate(-2.5deg)
}
88% {
-webkit-transform: translate(-8px, 3px) rotate(-1.5deg)
}
90% {
-webkit-transform: translate(-7px, -4px) rotate(-3.5deg)
}
92% {
-webkit-transform: translate(-8px, 4px) rotate(2.5deg)
}
94% {
-webkit-transform: translate(-6px, -6px) rotate(-3.5deg)
}
96% {
-webkit-transform: translate(-3px, 2px) rotate(-3.5deg)
}
98% {
-webkit-transform: translate(2px, 1px) rotate(-0.5deg)
}
}
@-ms-keyframes shake-slow {
0% {
-ms-transform: translate(0px, 0px) rotate(0deg)
}
2% {
-ms-transform: translate(-9px, 1px) rotate(-1.5deg)
}
4% {
-ms-transform: translate(-10px, -1px) rotate(-3.5deg)
}
6% {
-ms-transform: translate(6px, 2px) rotate(-1.5deg)
}
8% {
-ms-transform: translate(-3px, -6px) rotate(-1.5deg)
}
10% {
-ms-transform: translate(-10px, -3px) rotate(-0.5deg)
}
12% {
-ms-transform: translate(-8px, 6px) rotate(-2.5deg)
}
14% {
-ms-transform: translate(7px, 5px) rotate(-1.5deg)
}
16% {
-ms-transform: translate(2px, 2px) rotate(1.5deg)
}
18% {
-ms-transform: translate(8px, -2px) rotate(-3.5deg)
}
20% {
-ms-transform: translate(-9px, 3px) rotate(-3.5deg)
}
22% {
-ms-transform: translate(8px, -4px) rotate(-1.5deg)
}
24% {
-ms-transform: translate(-1px, -7px) rotate(2.5deg)
}
26% {
-ms-transform: translate(9px, 9px) rotate(-0.5deg)
}
28% {
-ms-transform: translate(9px, -4px) rotate(-3.5deg)
}
30% {
-ms-transform: translate(6px, -7px) rotate(-0.5deg)
}
32% {
-ms-transform: translate(9px, 2px) rotate(1.5deg)
}
34% {
-ms-transform: translate(3px, -9px) rotate(2.5deg)
}
36% {
-ms-transform: translate(-6px, -4px) rotate(2.5deg)
}
38% {
-ms-transform: translate(-5px, -9px) rotate(0.5deg)
}
40% {
-ms-transform: translate(6px, 9px) rotate(-2.5deg)
}
42% {
-ms-transform: translate(5px, -5px) rotate(0.5deg)
}
44% {
-ms-transform: translate(8px, 5px) rotate(-3.5deg)
}
46% {
-ms-transform: translate(-2px, 9px) rotate(1.5deg)
}
48% {
-ms-transform: translate(-10px, -5px) rotate(-2.5deg)
}
50% {
-ms-transform: translate(8px, -1px) rotate(-3.5deg)
}
52% {
-ms-transform: translate(-5px, -7px) rotate(2.5deg)
}
54% {
-ms-transform: translate(7px, 0px) rotate(2.5deg)
}
56% {
-ms-transform: translate(-5px, -1px) rotate(-0.5deg)
}
58% {
-ms-transform: translate(0px, -4px) rotate(-3.5deg)
}
60% {
-ms-transform: translate(-10px, 2px) rotate(2.5deg)
}
62% {
-ms-transform: translate(9px, 8px) rotate(0.5deg)
}
64% {
-ms-transform: translate(-4px, -4px) rotate(-1.5deg)
}
66% {
-ms-transform: translate(-1px, -9px) rotate(-0.5deg)
}
68% {
-ms-transform: translate(-6px, -9px) rotate(-2.5deg)
}
70% {
-ms-transform: translate(-6px, -8px) rotate(-1.5deg)
}
72% {
-ms-transform: translate(-2px, -3px) rotate(-2.5deg)
}
74% {
-ms-transform: translate(-8px, 1px) rotate(-0.5deg)
}
76% {
-ms-transform: translate(-7px, 7px) rotate(2.5deg)
}
78% {
-ms-transform: translate(7px, 2px) rotate(-3.5deg)
}
80% {
-ms-transform: translate(-10px, -4px) rotate(-0.5deg)
}
82% {
-ms-transform: translate(2px, -9px) rotate(1.5deg)
}
84% {
-ms-transform: translate(3px, 5px) rotate(1.5deg)
}
86% {
-ms-transform: translate(5px, 2px) rotate(2.5deg)
}
88% {
-ms-transform: translate(-5px, -1px) rotate(-1.5deg)
}
90% {
-ms-transform: translate(-1px, -9px) rotate(1.5deg)
}
92% {
-ms-transform: translate(8px, -6px) rotate(-3.5deg)
}
94% {
-ms-transform: translate(7px, -9px) rotate(-2.5deg)
}
96% {
-ms-transform: translate(4px, -5px) rotate(2.5deg)
}
98% {
-ms-transform: translate(8px, 0px) rotate(-3.5deg)
}
}
@keyframes shake-slow {
0% {
transform: translate(0px, 0px) rotate(0deg)
}
2% {
transform: translate(-6px, -8px) rotate(2.5deg)
}
4% {
transform: translate(3px, -9px) rotate(-0.5deg)
}
6% {
transform: translate(3px, -8px) rotate(2.5deg)
}
8% {
transform: translate(0px, 5px) rotate(0.5deg)
}
10% {
transform: translate(3px, 2px) rotate(0.5deg)
}
12% {
transform: translate(8px, 0px) rotate(0.5deg)
}
14% {
transform: translate(4px, 7px) rotate(-3.5deg)
}
16% {
transform: translate(-4px, 0px) rotate(-0.5deg)
}
18% {
transform: translate(1px, 3px) rotate(-1.5deg)
}
20% {
transform: translate(-8px, -1px) rotate(-3.5deg)
}
22% {
transform: translate(5px, 9px) rotate(2.5deg)
}
24% {
transform: translate(-9px, -10px) rotate(-2.5deg)
}
26% {
transform: translate(0px, 7px) rotate(-1.5deg)
}
28% {
transform: translate(-10px, 7px) rotate(2.5deg)
}
30% {
transform: translate(8px, -7px) rotate(-1.5deg)
}
32% {
transform: translate(0px, -8px) rotate(-0.5deg)
}
34% {
transform: translate(9px, 7px) rotate(-0.5deg)
}
36% {
transform: translate(-7px, 6px) rotate(0.5deg)
}
38% {
transform: translate(8px, -10px) rotate(-0.5deg)
}
40% {
transform: translate(8px, 0px) rotate(0.5deg)
}
42% {
transform: translate(0px, -2px) rotate(1.5deg)
}
44% {
transform: translate(5px, -2px) rotate(-0.5deg)
}
46% {
transform: translate(1px, -10px) rotate(-2.5deg)
}
48% {
transform: translate(4px, -1px) rotate(2.5deg)
}
50% {
transform: translate(-5px, -4px) rotate(2.5deg)
}
52% {
transform: translate(3px, 2px) rotate(-3.5deg)
}
54% {
transform: translate(1px, -6px) rotate(-0.5deg)
}
56% {
transform: translate(-3px, -4px) rotate(-0.5deg)
}
58% {
transform: translate(-10px, -10px) rotate(2.5deg)
}
60% {
transform: translate(8px, 7px) rotate(-3.5deg)
}
62% {
transform: translate(9px, -6px) rotate(-3.5deg)
}
64% {
transform: translate(-5px, 8px) rotate(-0.5deg)
}
66% {
transform: translate(1px, -3px) rotate(0.5deg)
}
68% {
transform: translate(-6px, 9px) rotate(1.5deg)
}
70% {
transform: translate(-5px, 8px) rotate(-1.5deg)
}
72% {
transform: translate(-10px, -2px) rotate(2.5deg)
}
74% {
transform: translate(0px, -4px) rotate(1.5deg)
}
76% {
transform: translate(-2px, -5px) rotate(0.5deg)
}
78% {
transform: translate(-2px, 9px) rotate(-3.5deg)
}
80% {
transform: translate(7px, 4px) rotate(-3.5deg)
}
82% {
transform: translate(-1px, -4px) rotate(-1.5deg)
}
84% {
transform: translate(3px, -6px) rotate(0.5deg)
}
86% {
transform: translate(7px, -8px) rotate(-1.5deg)
}
88% {
transform: translate(4px, -9px) rotate(1.5deg)
}
90% {
transform: translate(1px, -6px) rotate(2.5deg)
}
92% {
transform: translate(-8px, -1px) rotate(-1.5deg)
}
94% {
transform: translate(-4px, -1px) rotate(0.5deg)
}
96% {
transform: translate(-6px, 9px) rotate(1.5deg)
}
98% {
transform: translate(7px, 4px) rotate(-0.5deg)
}
}