﻿/*@import "/Skins/Default/resetcommon.css";*/
/*index.css start*/
@charset "utf-8";
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}
/*banner*/
.fullSlide {width:100%;position:relative;height:576px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul {width:100% !important;}
.fullSlide .bd li {width:100% !important;height:576px;overflow:hidden;text-align:center; background-position:center top;background-repeat:no-repeat;}
.fullSlide .bd li a {display:block;height:576px;}

.fullSlide .hd {position:absolute; z-index:7; bottom:35px; left:47%; padding:5px 6px;}
.fullSlide .hd ul {text-align:center;}
.fullSlide .hd ul li{border-radius:14px;width:20px;height:20px; color:#2898e1;  background:#2898e1; float:left; cursor: pointer;display:block;margin-left: 5px;
                  transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s;
                  -moz-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Firefox 4 */
                  -webkit-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Safari and Chrome */ -o-transition:width 0.5s,height 0.5s,background 0.5s,color 0.5s; /* Opera */}
.fullSlide .hd ul .on{background:#cf3200; color:#cf3200;}
.fullSlide .prev,.fullSlide .next {	display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:5%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;width:81px; height:80px;}
.fullSlide .prev{ background:url(img/Index/left1s.png) no-repeat;}
.fullSlide .next {left:auto;right:5%;background:url(img/Index/right1s.png) no-repeat;}
.search{  border-bottom:#ccc 1px solid;}

/**/
.our_bg{ background:url(Img/Index/our_bg.png) no-repeat center 0;height: 290px;font-size: 0;overflow: hidden; margin-top:30px;}
.our{ padding:35px 0 0;}
.our_bt{width: 106px; padding:0 10px 0 25px;}
.our_bt img{width: 106px;height: 230px;}
.our dl{width: 835px;float: left; padding:5px 0 0;}
.our dl dt{width: 360px;height: 220px;float: left;overflow: hidden;}
.our dl dt img{width: 360px;height: 220px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.our dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.our dl dd{font-size: 16px;color: #333;line-height: 28px; padding:5px 0 0 25px;width: 445px;float: left;}
.our dl dd p{overflow: hidden;}
.our dl dd p  span a{ font-size:24px;color: #0876c9;line-height: 40px;height: 40px;}
.our dl dd p a{color: #0876c9;}
.our dl dd span{display: block;}
.our dl dd em{display: block; padding:10px 0 0;}
.our dl dd em a{font-size: 16px;color: #cf3200;}

/*产品中心*/
.cp_bg{ background:url(Img/Index/cp_bg.gif) no-repeat center 0;height: 785px;font-size: 0;overflow: hidden; padding:20px 0 0;}
.cp_bg .chanpin h3{ text-align:center; color:#0876c9; line-height:60px;}
.cp_bg .chanpin h3 a{ color:#fff;}
.cp_l{ width:240px; background:url(Img/Index/cp_lbbg.gif) no-repeat 0 bottom; padding:0 0 10px;}
.cp_lt{ background:url(Img/Index/cp_ltbg.gif) no-repeat; width:240x; height:96px;text-align: center;font-weight: normal;}
.cp_lt a{ font-size:24px; color:#fff; text-decoration:none;display: block; padding:23px;}
.cp_lt i{display: block;font-size: 14px;color: #b2cff1;text-transform: uppercase; padding:5px 0 0;}
.cp_lm{ background:url(Img/Index/cp_lmbg.gif) repeat-y; padding:10px 0 0; height:588px;}
.cp_lm h3{ width:210px; height:40px; margin:0 auto;}
.cp_lm h3 a{ background:url(Img/Index/cp_libg01.gif) no-repeat; font-size:18px; color:#fff;  font-weight:normal;display: block;width: 210px;height: 40px;line-height: 40px;overflow: hidden;}
.cp_lm h3.cur a,.cp_lm h3 a:hover{ background:url(Img/Index/cp_libg02.gif) no-repeat; text-decoration:none;}
.cp_lm ul{width: 210px; margin:0 auto; padding:10px 0;}
.cp_lm ul li{ height:32px; line-height:32px;overflow: hidden;}
.cp_lm ul li a{ font-size:16px; color:#333; padding:0 0 0 35px;}
.cp_lm ul li.cur a,.cp_lm ul li a:hover{color: #0876c9; text-decoration:none;}
.cp_r{ width:744px;}
.cp_rt,.photo_t{ background:url(Img/Index/cp_rtbg.jpg) no-repeat;width: 691px; padding:0 15px 0 20px;height: 50px;line-height: 50px;overflow: hidden; margin:0 0 0 18px;}
.cp_rt a,.photo_t a{font-size: 18px;color: #fff;}
.cp_rt em,.photo_t em{font-size: 14px;color: #a5c1e8;text-transform: uppercase; padding:0 0 0 15px;}
.cp_rt span,.photo_t span{float: right;}
.cp_rt span a,.photo_t span a{font-size: 14px;}
.cp_r ul li{ width:230px;height: 202px; padding:16px 0 0 18px; float:left;}
.cp_r ul li a{display: block;width: 228px;height: 200px; border:#e5e5e5 1px solid;}
.cp_r ul li a:hover,.photo_c ul li a:hover{ border:#0876c9 1px solid; text-decoration:none;}
.cp_r ul li em{width: 228px;height: 158px;display: block;overflow: hidden;}
.cp_r ul li img,.hz_c ul li img,.news dt img{ width:228px; height:158px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.cp_r ul li img:hover,.hz_c ul li img:hover,.news dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.cp_r ul li span,.photo_c ul li span{ display:block; width:228px; text-align:center; height:41px; line-height:41px; overflow:hidden;font-size: 14px;color: #333; border-top:#e5e5e5 1px solid;background: #fff;}
.cp_r ul li a:hover span,.photo_c ul li a:hover span{background: #0876c9;color: #fff;}

/*生产加工*/
.sheng{ padding:20px 0 60px;font-size: 0;}
.sheng_t{ background:url(Img/Index/sheng_tbg.jpg) no-repeat;width: 554px;height: 142px; margin:0 auto;}
.sheng_t a{font-size: 32px;color: #0876c9;display: block; padding:3px 0 0 285px;height: 70px;}
.sheng_t a:hover{color: #0876c9; text-decoration:none;}
.sheng_t span{display: block;width: 264px;height: 32px;text-align: center;line-height: 32px;font-size: 22px;color: #fff; padding:9px 0 0 222px;}
.sheng_l{ padding:25px 0 0;width: 370px;}
.sheng01{width: 370px;}
.sheng01 h5{font-size: 18px;color: #2e2e2e;height: 60px;line-height: 30px; background:url(Img/Index/sheng_line.gif) no-repeat 0 8px;overflow: hidden; padding:0 0 0 25px;}
.sheng01 i{color: #0876c9;}
.sheng01 p{width: 340px;font-size: 18px;color: #2e2e2e;height: 90px;line-height: 30px;overflow: hidden; padding:15px 0 0;}
.sheng02{width: 300px;}
.sheng02 ul li{width: 90px;height: 90px;float: left; padding:10px 10px 0 0;}
.sheng02 ul li a{ background:url(Img/Index/sheng_k01.gif) no-repeat;display: block;width: 90px;height: 90px;text-align: center;overflow: hidden;font-size: 16px;color: #fff;}
.sheng02 ul li.cur a,.sheng02 ul li a:hover{ background:url(Img/Index/sheng_k02.gif) no-repeat; text-decoration:none;}
.sheng02 ul li em{display: block;width: 90px;height: 60px; padding:0 0 3px;}
.sheng02 ul li em img{width: 90px;height: 60px;}
.sheng_r{width: 582px;height: 362px; margin:25px 0 0;}
.sheng_r ul li{width: 582px;height: 362px;position: relative;}
.sheng_r ul li img{width: 582px;height: 362px;}
.sheng_r ul li span{ width:582px; display:block; text-align:center; height:50px; line-height:50px;font-size: 16px;color: #fff; background:url(Img/Index/sheng_picbg.png) repeat;position: absolute;left: 0;bottom: 0; overflow:hidden;}
.sheng_r p{width: 34px;height: 47px;position: absolute;z-index: 5;}
.sheng_r p img{width: 34px;height: 47px;}
.sheng_r .sheng_p01{top: 150px;left: 15px;}
.sheng_r .sheng_p02{top: 150px;right: 15px;}
.sheng_r p a:hover img,.hz_l a:hover img,.hz_r a:hover img {
  -webkit-animation: icon-bounce 0.5s alternate;
  -moz-animation: icon-bounce 0.5s alternate;
  -o-animation: icon-bounce 0.5s alternate;
  animation: icon-bounce 0.5s alternate;
}

/*广告条*/
.ban02{ background:url(Img/Index/ban01.jpg) no-repeat center 0; height:246px; overflow:hidden;}
.ban02 .ban_a{display: block;width: 1000px;height: 246px;position: absolute;top: 0;left: 0;}
.ban02 p{position: absolute;top: 160px;right: 0;width: 520px;}
.ban02 p span{ display:block;font-size:16px; color:#fff;float: left; text-shadow:2px 2px 2px #0b7aac;width: 340px;height: 45px;line-height: 45px;}
.ban02 p span b{font-size: 26px;}
.ban02 p em{ display:block;float: left;}
.ban02 p em a{ background:url(Img/Index/ban_btn.png) no-repeat;display: block;width: 145px;text-align: center;height: 45px;line-height: 45px;overflow: hidden;font-size: 20px;color: #087bcb;font-weight: bold;}

/*定制·成品*/
.ding_bg{ background:url(Img/Index/ding_bg.jpg) no-repeat center 0;height: 712px; padding:60px 0 0;font-size: 0;overflow: hidden;}
.ding_t{width: 327px;text-align: center;height: 120px; margin:0 auto;}
.ding_t a{font-size: 40px;color: #333;}
.ding_t a:hover{color: #0876c9; text-decoration:none;}
.ding_t em,.hz_t em,.ab_t em{display: block;font-size: 18px;color: #b8b8b8;font-weight: normal;text-transform: uppercase; letter-spacing:4px;}
.ding_t span,.hz_t span,.ab_t span{display: block;width: 230px;height: 30px;text-align: center;line-height: 28px;background: #0876c9;font-size: 20px;color: #fff;font-weight: normal; margin:10px auto 0;}
.ding_l{width: 294px;}
.ding_l p{width: 294px;height: 113px; padding:37px 0 96px;}
.ding_l p a{font-size: 16px;color: #fff; background:url(Img/Index/ding_k01.png) no-repeat;display: block;width: 234px;height: 100px;line-height: 28px; padding:13px 30px 0;}
.ding_l p.cur a,.ding_l p a:hover{ background:url(Img/Index/ding_k02.png) no-repeat; text-decoration:none;}
.ding_l p b{display: block;font-size: 28px; padding:10px 0;}
.ding .ding_p{width: 360px; margin:-36px auto 0;}
.ding .ding_p a{font-size: 18px;color: #fff; background:url(Img/Index/ding_btn02.png) no-repeat;display:inline-block;width: 164px;height: 50px;text-align: center;line-height: 50px; margin:0 8px;}
.ding .ding_p .ding_btn01{ background:url(Img/Index/ding_btn01.png) no-repeat;}

/*合作客户*/
.hz_bg{ background:url(Img/Index/hz_bg.jpg) no-repeat center 0;height: 345px;overflow: hidden; padding:65px 0 0;font-size: 0;}
.hz_t{width: 395px;text-align: center;height: 120px; margin:0 auto;background:url(Img/Index/hz_tbg.png) no-repeat;}
.hz_t a{font-size: 40px;color: #fff; text-decoration:none;}
.hz_t em{color: #a5a7b5;}
.hz_t span{width: 280px; margin:12px auto 0;}
.hz_m{ display:inline-block; padding:55px 0 0;width: 1000px;}
.hz_l img,.hz_r img{width: 31px;height: 67px; padding:10px 0 0;}
.hz_c ul li { width:162px; float:left; padding:0 12px;overflow: hidden;}
.hz_c ul li em{width:160px; height:88px; border:#bfbfbf 1px solid;display: block;overflow: hidden;}
.hz_c ul li img{ width:160px; height:88px;}
.hz_c ul li span{ width:160px; text-align:center; display:block; height:25px; line-height:25px; overflow:hidden; padding:10px 0 0; }
.hz_c ul li a{font-size:14px; color:#fff;text-decoration:none;}

/*优势*/
.ys{ padding:70px 0 0;font-size: 0;}
.ys_t{width: 798px; margin:0 auto;height: 210px;}
.ys_t img{width: 798px;height: 118px;}
.ys01{ background:url(Img/Index/ys_bg01.jpg) no-repeat; height:381px; padding:65px 0 0; overflow:hidden;}
.ys02{ background:url(Img/Index/ys_bg02.jpg) no-repeat; height:394px; padding:50px 0 0; overflow:hidden;}
.ys dl{width: 325px;}
.ys dl dt{font-size: 28px;color: #0876c9;font-weight: bold;}
.ys dl dt i{color: #cf3200; padding:0 15px 0 0;}
.ys dl dd{font-size: 16px;color: #333;line-height: 26px; padding:15px 0 0;}
.ys .ys01 dl{ padding-left:675px;height: 150px;}
.ys .ys02 dl{ padding-left:75px;height: 175px;}

/*走进合发齿轮*/
.ab_bg{ background:url(Img/Index/ab_bg.jpg) no-repeat center 0; height:530px; padding:56px 0 0; overflow:hidden;}
.ab_t{text-align: center;height: 170px;}
.ab_t a{font-size: 40px;color: #0876c9; text-decoration:none;}
.ab_t em{color: #cceaf9;}
.ab_t span{width: 265px; margin:12px auto 0;}
.about dl dt{ background:#fff;padding: 5px; border:#dfdfdf 1px solid; width:608px; height:348px; float:left;}
.about dl dt img{ width:608px; height:348px;}
.about dl dd{ width:310px; float:left; padding:40px 0 0 25px;position: relative;}
.about dl dd h5{height: 30px;line-height: 30px;overflow: hidden;}
.about dl dd h5 a{ font-size:20px; color:#333;font-weight: normal;}
.about dl dd p{ font-size:14px; color:#353535; height:196px; line-height:28px; padding:12px 0 0; overflow:hidden;}
.about dl dd span{display: block;width: 30px;height: 30px;position: absolute;top: 329px;right: -31px;}
.about dl dd span img{width: 30px;height: 30px;}

/*企业风采*/
.photo{ padding:35px 0 50px;font-size: 0;}
.photo_t{ background:url(Img/Index/photo_tbg.jpg) no-repeat;width: 965px;font-weight: normal;margin: 0;}
.photo_l a{ background:url(Img/Index/photo_lico01.gif) no-repeat; width:31px; height:41px; display:block;}
.photo_l a:hover{ background:url(Img/Index/photo_lico02.gif) no-repeat;}
.photo_r a{ background:url(Img/Index/photo_rico01.gif) no-repeat; width:31px; height:41px; display:block;}
.photo_r a:hover{ background:url(Img/Index/photo_rico02.gif) no-repeat;}
.photo_l{ position:absolute; top:185px; left:-50px;}
.photo_r { position:absolute; top:185px; right:-50px;}
.photo_c{ padding:25px 0 0;}
.photo_c ul li{ width:240px;height: 219px; padding:0 5px; float:left;}
.photo_c ul li a{display: block;width: 238px;height: 217px; border:#dfdfdf 1px solid;}
.photo_c ul li em{width: 228px;height: 168px;display: block;overflow: hidden; padding:5px;}
.photo_c ul li em img{width: 228px;height: 168px;}
.photo_c ul li span{width: 238px; height:39px; line-height:39px; border-top:none;background: #dfdfdf;}
.photo_c ul li a:hover span{background: #0876c9;color: #fff;}

/*聚焦合发齿轮*/
.news_bt{ background:url(Img/Index/news_tbg.gif) no-repeat 0 18px;height: 100px;text-align: center;}
.news_bt a{font-size: 40px;color: #333;}
.news_bt a:hover{color: #0876c9; text-decoration:none;}
.news_bt span{display: block;font-size: 18px;color: #bcbcbc;font-weight: normal;}
.news,.wd{ width:640px;height: 445px; border:#ccc 1px solid; padding:25px 25px 0 20px; font-size:0;}
.news_t{ height:45px; background:url(Img/Index/news_line02.gif) no-repeat right 35px;}
.news_t ul li{ float:left;width: 160px; background:url(Img/Index/news_line01.gif) no-repeat 140px 0;height: 45px;}
.news_t ul li em,.wd_t p i{display: block;font-size: 12px;color: #d8d7de;text-transform: uppercase; padding:8px 0 0;}
.news_t ul li a,.wd_t p a{ font-size:18px; color:#333; font-weight:bold;}
.news_t ul li.cur a,.news_t ul li a:hover,.wd_t p a:hover,.wd dt a:hover{ color:#c90000; text-decoration:none;}
.news_t span,.wd_t span{ float:right;display: block; padding:8px 0 0;}
.news_t span a,.wd_t span a{ font-size:12px; color:#c90000;}
.news_t .nobor{ background:none;}
.news dl{ width:640px; padding:20px 0 35px; display:inline-block; border-bottom:#b8b8b8 1px solid; overflow:hidden;}
.news dt{ width:300px; height:180px;float: left;overflow: hidden;}
.news dt img{ width:300px; height:180px;}
.news dd{ float:left; overflow:hidden; width:320px; padding:0 0 0 20px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;}
.news dd h3 a{ font-size:18px; color:#333;font-weight: normal;}
.news dd h3 a:hover{ color:#c90000; text-decoration:none;}
.news dd p{ font-size:14px; color:#666; line-height:24px;overflow: hidden; padding:10px 0 0;}
.news dd span{ display:block; padding:15px 0 0;}
.news dd span a{display: block;width: 108px;height: 24px;text-align: center;line-height: 24px;background: #c90000;font-size: 14px;color: #fff;overflow: hidden;}
.news_m ul{ width:640px; padding:10px 0 0; display:inline-block; overflow:hidden;}
.news_m ul li{ height:34px; width:300px; float:left; margin:0 20px 0 0;}
.news_m ul li a{ font-size:14px; color:#666; padding:0 0 0 20px; background:url(Img/Index/news_ico01.gif) no-repeat 0 13px;display: block;width: 280px;height: 34px;line-height: 34px;overflow: hidden;}
.news_m ul li a:hover{ color:#c90000; text-decoration:none; background:url(Img/Index/news_ico02.gif) no-repeat 0 13px;}

/*常见问题*/
.wd{ width:245px;}
.wd_t{ height:45px; background:url(Img/Index/wd_line.gif) no-repeat right 35px;}
.wd_t p{float: left;width: 130px;}
.wd_m{width: 245px; border-bottom:#dadada 1px solid;height: 372px;overflow: hidden;}
.wd dl{ width:245px; height:95px; padding:25px 0 0;}
.wd dt{ height:25px; line-height:25px;  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd dt a{ font-size:16px; color:#333; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.wd dd{ font-size:14px; color:#666; line-height:25px; height:50px; overflow:hidden; padding:5px 0 0;}
.wd dd a{font-size: 14px;color: #c90000;}
.wd_bot{width: 50px;height: 25px;position: absolute;bottom: 15px;right: 20px;}
.wd_bot a{display: block;float: left;width: 25px;height: 25px;}
.wd_bot .wd_l{ background:url(Img/Index/wd_lico01.gif) no-repeat;}
.wd_bot .wd_l:hover{ background:url(Img/Index/wd_lico02.gif) no-repeat;}
.wd_bot .wd_r{ background:url(Img/Index/wd_rico01.gif) no-repeat;}
.wd_bot .wd_r:hover{ background:url(Img/Index/wd_rico02.gif) no-repeat;}

/*友情链接*/
.link_bg{background: #f2f2f2;font-size: 0; padding:10px 0 0; margin:60px 0 0;}
.link_t{ height:45px; line-height:45px; border-bottom:#cacacb 1px solid; overflow:hidden;}
.link_t a{ font-size:20px; color:#19191d; font-weight:bold;}
.link_t em{ font-size:14px; color:#d4d4d4; padding:0 0 0 10px; text-transform:uppercase;}
.link_t span{ float:right;}
.link_t span a{ font-size:12px; color:#c90000; font-weight:normal;}
.link_c{  line-height:40px; overflow:hidden;padding:5px 0;}
.link_c a{ font-size:14px; color:#666; display:inline-block; padding:0 10px  0 0;}



/**/

@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}