@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/*我们有备而来*/
.we_bg{ background:url(../images/we_bg.gif) no-repeat center 0;height: 440px; padding:70px 0 0;}
.we_l{width: 363px;height: 346px;}
.we_r{ padding:30px 0 0 68px;width: 769px;}
.we_bt{width: 770px;height: 95px;}
.we_t{height: 120px; padding:35px 0 0;}
.we_t ul li{width: 220px;height: 100px;float: left; margin-left:52px;}
.we_t ul li:first-child{ margin-left:0;}
.we_t ul li a{ background:url(../images/we_k01.png) no-repeat;display: block;width: 220px;height: 100px;float: left;}
.we_t ul li a:hover,.we_t ul li.on a{ background:url(../images/we_k02.png) no-repeat;}
.we_t ul li em{display: block;float: left;width: 40px;height:40px; border:#fff 1px solid;text-align: center;border-radius:50px;margin:20px 0 0 35px;}
.we_t ul li em img{width: 30px;height: 35px;}
.we_t ul li span{display: block;float: left;font-size: 16px;color: #fff;font-weight: bold;width: 110px;text-align: center;line-height: 24px; padding:15px 0 0;}
.we_t ul li i{display: block;font-size: 14px;font-weight: normal;}
.we_qie p{background: #fff;padding: 8px;height: 67px;width: 752px;}
.we_qie p em{display: block;width: 116px;height: 67px;float: left;overflow: hidden;}
.we_qie p em img,.ys dl dt img,.cp_r img,.plan dl dt img{width: 116px;height: 67px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.we_qie p em img:hover,.ys dl dt img:hover,.cp_r img:hover,.plan dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.we_qie p b{display: block;float: left;font-size: 14px;color: #333; padding:0 0 0 70px;height: 67px;line-height: 67px;width: 560px;}

/*优势*/
.ys_bg{ background:url(../images/about.jpg) no-repeat center 0;height: 585px; padding:45px 0 0;}
.ys_t{font-size: 30px;color:#1d6ec7; background:url(../images/ys_line.png) no-repeat center 55px;text-align: center;height: 111px;line-height: 30px;}
.ys_t i{color:#ff6f00;}
.ys_t span{display: block;font-size: 16px;font-weight: normal; padding:10px 0 0;}
.ys dl{width: 380px;float: left; padding:0 30px 0 0;}
.ys dl dt{width: 380px;height: 220px;overflow: hidden;}
.ys dl dt img{width: 380px;height: 220px;}
.ys dl dd{text-align: center;background: #165fac;width: 280px;height: 190px; padding:30px 50px 0;}
.ys dl dd:hover{background: #45b233;}
.ys dl dd h5{font-size: 20px;color: #fff;height: 40px;line-height: 40px;overflow: hidden;}
.ys dl dd p{font-size: 14px;color: #fff;line-height: 24px;height: 96px;overflow: hidden; padding:10px 0 0;}
.ys dl dd span{width: 180px;display: none; margin:0 auto; padding:10px 0 0;}
.ys dl dd span a{display: block;font-size: 14px;color: #333;font-weight: bold; background:url(../images/ys_btn.png) no-repeat;width: 140px;height: 66px;line-height: 66px;overflow: hidden; padding:0 0 0 40px; text-align:left;}
.ys dl dd span a:hover,.ban01 p em a:hover,.news_l dl dd span a:hover{animation:shake 1s linear;-webkit-animation:shake 1s linear;}
.ys dl dd:hover span{display: block;}
.ys .nobor{padding: 0;}

/**/
.cp_bg{ background:url(../images/cp_bg.jpg) no-repeat center 175px; padding:50px 0 0;height: 764px;}
.cp_bt{height: 70px;text-align: center; background:url(../images/cp_line.gif) no-repeat center 12px;}
.cp_bt a,.plan_bt a{font-size: 30px;color: #333;}
.cp_bt i,.plan_bt i{color: #165fac;}
.cp_t{ padding:0 0 0 100px;width: 1100px;height: 140px;}
.cp_t ul li{ background:url(../images/cp_k04.png) no-repeat;width: 306px;height: 101px;float: left; padding:0 45px 0 0;}
.cp_t ul li:hover{ background:url(../images/cp_k05.png) no-repeat;}
.cp_t ul li em{display: block;float: left;width: 86px;padding: 8px;}
.cp_t ul li em img{width: 86px;height: 86px;}
.cp_t ul li b{display: block;float: left;font-size: 16px;color: #fff;width: 204px;height: 101px;line-height: 101px;overflow: hidden;}

.cp_qie{position: relative;}
.cp_l{ background:url(../images/cp_k03.png) no-repeat;width: 580px;height: 160px;position: absolute;top: 90px;left: 10px;z-index: 10; padding:50px 0 0 40px;}
.cp_l ul li{height: 50px;line-height: 50px;width: 165px;float: left;overflow: hidden;font-size: 14px;color: #333; background:url(../images/cp_ico09.gif) no-repeat 0 18px; padding:0 0 0 25px;}
.cp_l ul li a{font-size: 14px;color: #333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.cp_l ul li:hover{font-weight: bold; background:url(../images/cp_ico10.gif) no-repeat 0 18px;}
.cp_l em{display: block;width: 25px;position: absolute;left: 290px;bottom: -5px;}
.cp_l em img{width: 25px;height: 25px;}
.cp_qie02 .cp_l{ padding:25px 0 0 40px;height: 185px;}
.cp_qie02 .cp_l ul li{height: 40px;line-height: 40px; background:url(../images/cp_ico09.gif) no-repeat 0 14px;}
.cp_qie02 .cp_l ul li:hover{font-weight: bold; background:url(../images/cp_ico10.gif) no-repeat 0 14px;}
.cp_r{width: 846px;height: 441px;overflow: hidden;}
.cp_r img{width: 846px;height: 441px;}

.cp_bot{position: absolute;top: 600px;right: 0;}
.cp_bot ul li{width: 220px;height: 157px;float: left;text-align: center; padding-left:12px; padding-right:12px;}
.cp_bot ul li em{display: block;width: 52px;height: 52px;overflow: hidden; margin:0 auto 8px;line-height: 0;}
.cp_bot ul li em img{width: 52px;height: 104px;}
.cp_bot ul li a{font-size: 14px;color: #333;font-weight: bold; background:url(../images/cp_k01.png) no-repeat;display: block;width: 220px;height: 127px; padding:30px 0 0;}
.cp_bot ul li a:hover,.cp_bot ul li.on a{color: #fff; background:url(../images/cp_k02.png) no-repeat;}
.cp_bot ul li a:hover em img,.cp_bot ul li.on em img{ margin-top:-52px;}
.cp_bot .nobor{ padding-right:0; margin-right:-10px;}

/*广告条*/
.ban01{ background:url(../images/ban01.jpg) no-repeat center 0; height:180px; overflow:hidden;}
.ban01 p{position: absolute;top: 38px;right: 0;width: 300px;}
.ban01 p span{ display:block; font-size:14px; color:#fff;font-weight: bold;line-height: 28px;text-align: center;}
.ban01 p span i{font-size: 24px;display: block; font-family:Arial, Helvetica, sans-serif;font-weight: normal;}
.ban01 p em{ display:block;width: 107px; margin:0 auto; padding:12px 0 0;}
.ban01 p em a{display: block;font-size: 14px;color: #333; background:url(../images/ban_btn.png) no-repeat;width: 95px;height: 30px;line-height: 30px;overflow: hidden; padding:0 0 0 12px;}

.ban02{ background:url(../images/ban02.jpg) no-repeat center 0;}
.ban02 p{right: 960px;width: 240px;}

/*解决方案*/
.plan_bg{ background:url(../images/plan_bg.jpg) no-repeat center 0;height: 534px; padding:45px 0 0;overflow: hidden;}
.plan_bt{ background:url(../images/plan_line.gif) no-repeat center 57px;text-align: center;line-height: 30px;height: 129px;}
.plan_bt span{display: block;font-size: 16px;font-weight: normal; padding:8px 0 0;}
.plan dl{ padding:0 0 0 154px; display:inline-block;width: 1046px;}
.plan dl dt{width: 471px;height: 294px;float: left;overflow: hidden;}
.plan dl dt img{width: 471px;height: 294px;}
.plan dl dd{width: 470px;float: left; padding:20px 0 0 70px;}
.plan dl dd h5{height: 40px;line-height: 40px;overflow: hidden;}
.plan dl dd h5 a{font-size: 22px;color: #333;}
.plan dl dd h5 a:hover{color: #165fac;}
.plan .plan_desc{font-size: 14px;color: #333;line-height: 24px;height: 96px;overflow: hidden; padding:10px 0 0;}
.plan_t{position: absolute;top: 360px;left: 700px;}
.plan_t ul li{width: 180px;height: 55px;float: left; padding:0 20px 0 0;}
.plan_t ul li a{font-size: 16px;color: #fff;font-weight: bold;display: block;width: 180px;height: 55px;text-align: center;line-height: 55px;background: #165fac;border-radius:100px;}
.plan_t ul li a:hover,.plan_t ul li.on a{background: #45b233;}

/*解决方案流程*/
.liuc_bg{background: #165fac; padding:25px 0 0;height: 125px;}
.liuc_l{font-size: 30px;color: #fff;width: 200px;text-align: center;line-height: 36px; padding:20px 0 0;}
.liuc_l span{display: block;font-size: 14px;font-weight: normal; font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.idesign-list{width: 935px; background:url(../images/liuc_line.gif) repeat-x 0 40px;}
.idesign-list dl{width: 187px;height: 125px;float: left;text-align: center;}
.idesign-list dl dt{width: 76px;height: 76px; margin:0 auto;}
.idesign-list dl dd{font-size: 14px;color: #fff; padding:8px 0 0;}
.idesign-list dl .icon{position:relative;display:block;width: 76px;height: 76px;}
.idesign-list dl .icon i{position:absolute;width:100%;height:100%; background-image:url(../images/liuc_ico.png);top:0;left:0;}
.idesign-list dl .icon .default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.idesign-list dl .icon .hover{opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-76px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-76px) 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;}
.idesign-list dl.i1 .icon .default{background-position:0 0;}
.idesign-list dl.i2 .icon .default{background-position:0 -76px;}
.idesign-list dl.i3 .icon .default{background-position:0 -152px;}
.idesign-list dl.i4 .icon .default{background-position:0 -228px;}
.idesign-list dl.i5 .icon .default{background-position:0 -304px;}
.idesign-list dl.i1 .icon .hover{background-position:-76px 0;}
.idesign-list dl.i2 .icon .hover{background-position:-76px -76px;}
.idesign-list dl.i3 .icon .hover{background-position:-76px -152px;}
.idesign-list dl.i4 .icon .hover{background-position:-76px -228px;}
.idesign-list dl.i5 .icon .hover{background-position:-76px -304px;}
.idesign-list dl:hover .hover{opacity:1;visibility:visible;}
.idesign-list dl:hover .default{opacity:0;visibility:hidden;}
.idesign-list dl:hover .default{-webkit-transform:translate3d(0,76px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,76px,0) rotate3d(1,0,0,-90deg);}
.idesign-list dl:hover .hover{-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}

/*智慧工厂案例*/
.case{ padding:60px 0;}
.case .plan_bt{ background:url(../images/case_line.gif) no-repeat center 57px;height: 95px;}
.case ul li{width: 292px;height: 220px;float: left;position: relative; margin-right:10px; margin-bottom:10px;overflow: hidden;}
.case ul li img{width: 292px;height: 220px;}
.case ul li span{ width:292px; display:block; text-align:center; height:40px; line-height:40px;font-size: 14px;color: #333;position: absolute;bottom: 0;left: 0; background:rgba(255,255,255,0.9); overflow:hidden;}
.case ul li .a_bg{ display:none;width: 292px;height: 220px;position: absolute;bottom: 0;left: 0;font-size: 14px;color: #fff;line-height: 260px;text-align: center;overflow: hidden;}
.case ul li.nobor{margin-right: 0;}
.a_bg {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.a_bg:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
   background:url(../images/case_picbg.png) no-repeat;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.a_bg:hover, .a_bg:focus, .a_bg:active {
  color: white;
}
.a_bg:hover:before, .a_bg:focus:before, .a_bg:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*走进常州天曜*/
.ab_bg{ background:url(../images/ab_bg.gif) no-repeat center 0; height:741px; font-size:0; overflow:hidden;}
.about .cp_bt{height: 123px;line-height: 123px;overflow: hidden; background:url(../images/ab_line.gif) no-repeat center 62px;}
.about dl dt{/* width: 797px; *//* height: 513px; *//* float: left; *//* overflow: hidden; */}
.about dl dt img{width: 797px;height: 513px;}
.about dl dd{/* width:375px; *//* float:left; *//* padding:30px 0 0 25px; */}
.about dl dd h5{height: 36px;line-height: 36px;overflow: hidden;}
.about dl dd h5 a{ font-size:18px; color:#fff;}
.about .ab_desc{ font-size:14px; color:#fff; height:120px; line-height:24px;width: 330px; padding:5px 0 0; overflow:hidden;}
.about dl dd span{display: block;width: 330px;height: 253px; padding:50px 0 0 12px;}
.about dl dd span img{width: 330px;height: 253px;}
.ab_bot{ padding:25px 0 0; display:inline-block;width: 1200px;}
.ab_bot ul li{width: 400px;float: left;height: 60px;}
.ab_bot ul li em{display: block;float: left;width: 46px;height: 46px;background: #165fac;border-radius:50%;font-size: 22px;color: #fff;text-align: center;line-height: 46px;font-weight: bold; margin:5px 0 0 105px;}
.ab_bot ul li span{display: block;float: left;font-size: 18px;color: #333;width: 200px; padding:0 0 0 20px;line-height: 26px;}
.ab_bot ul li b{display: block;}
.ab_bot ul li:hover em{background: #45b233;}

/*荣誉证书*/
.honor{ padding:70px 0 45px;}
.honor_t{height: 90px; padding:0 0 0 415px;width: 785px;}
.honor_t ul li{width: 172px;float: left; padding:0 32px 0 0;}
.honor_t ul li a{font-size: 14px;color: #333;display: block;width: 170px;height: 50px;line-height: 50px;overflow: hidden;box-shadow: 0 3px 10px 3px #d0d0d0;border-radius:50px;}
.honor_t ul li a:hover,.honor_t ul li.cur a{color: #fff;background: #165fac;}
.honor_t ul li em{display: block;line-height: 0;float: left;width: 30px;height: 30px; padding:10px 10px 0 35px;}
.honor_t ul li em img{width: 30px;height: 30px;}
.honor_main p{width: 50px;height: 50px;position: absolute;top: 100px;z-index: 10; cursor:pointer;}
.honor_main p img{width: 50px;height: 50px;}
.honor_lico{left: -70px;}
.honor_rico{right: -70px;}
.honor_main p: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;
}
.honor_m{width: 1200px;overflow: hidden;}
.honor_m ul li{width: 188px;float: left;position: relative; padding:0 65px 0 0;overflow: hidden;}
.honor_m ul li img{width: 188px;height: 253px;}
.honor_m ul li span{white-space:nowrap; text-overflow:ellipsis; width:188px; display:block; text-align:center; height:25px; line-height:25px;font-size: 14px;color: #333; padding:5px 0 0; overflow:hidden;}
.honor_m .nobor{padding: 0;}

/*新闻百科*/
.news_bg{background: #f6f6f6; padding:0 0 30px;}
.news_bt{height: 88px;line-height: 88px;text-align: center; background:url(../images/news_line01.gif) no-repeat center 44px;}
.news_bt a{font-size: 30px;color: #333;}
.news_t{height: 50px;width: 210px; margin:0 auto;}
.news_t ul li{ background:url(../images/news_bor.gif) no-repeat 0 19px;height: 50px;float: left; padding-left:12px;}
.news_t ul li a{font-size: 18px;color: #333;font-weight: bold;display: block;height: 50px;line-height: 50px;overflow: hidden; padding:0 10px;float: left;}
.news_t ul li a:hover,.news_t ul li.on a{color: #165fac; background:url(../images/news_line02.gif) no-repeat center 48px;}
.news_t ul li:first-child{ background:none;padding: 0;}
.news_m{ padding:35px 0;}
.news_l{width: 600px;}
.news_l dl{width: 600px;}
.news_l dl dt{ display:inline-block;width: 600px;}
.news_l dl dt span{display: block;float: left;width: 185px;height: 180px;background: #1b85c9;font-size: 24px;color: #fff;font-family:Verdana, Geneva, sans-serif; padding:0 0 0 55px;line-height: 50px;}
.news_l dl dt span i{display: block;font-size: 50px; padding:30px 0 0;}
.news_l dl dt em{display: block;float: left;width: 360px;height: 180px;}
.news_l dl dt img{width: 360px;height: 180px;}
.news_l dl dd{width: 600px; padding:12px 0 0;}
.news_m dl dd h5{height: 30px;line-height: 30px;font-size: 16px;color: #000;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_m dl dd h5 a{font-size: 16px;color: #000;}
.news_m dl dd h5 a:hover,.news_r ul li a:hover,.wd_l a:hover,.wd_r dl dt a:hover{color: #165fac;}
.news_m .news_desc{font-size: 14px;color: #333;height: 50px;line-height: 25px;overflow: hidden; padding:10px 0 0;}
.news_l dl dd span{display: block; padding:20px 0 0;}
.news_l dl dd span a{display: block;width: 70px;}
.news_l dl dd span img{width: 70px;height: 23px;}
.news_r{width: 550px;}
.news_r dl{width: 550px;height: 180px;background: #fff; display:inline-block;box-shadow: 0 3px 10px 3px #d0d0d0;}
.news_r dl dt{width: 140px;height: 140px;float: left;font-size: 28px;color: #9d9d9d; padding:31px 0 0 25px;overflow: hidden;}
.news_r dl dt em{display: block;width: 20px; padding:50px 0 0;}
.news_r dl dt em img{width: 20px;height: 20px;}
.news_r dl dd{width: 350px;float: left; padding:25px 0 0;}
.news_m .news_r .news_desc{height: 75px;}
.news_r ul{ padding:10px 0 0;}
.news_r ul li{height: 50px;line-height: 50px;font-size: 14px;color: #333;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_r ul li a{font-size: 14px;color: #333; padding:0 0 0 10px;}

/*常见问答*/
.wd_l{width: 150px; padding:10px 0 0;}
.wd_l a{font-size: 20px;color: #383838;font-weight: bold;}
.wd_l span{display: block;font-size: 14px;color: #b4b4b4;text-transform: uppercase; padding:6px 0 0;}
.wd_r{width: 1050px;}
.wd_r dl{width: 450px;float: left;height: 145px; border-bottom:#ddd 1px dashed; margin:0 40px 0 20px;}
.wd_r dl dt{ background:url(../images/wd_tbg.gif) no-repeat;height: 45px;line-height: 40px;overflow: hidden;}
.wd_r dl dt a{font-size: 14px;color: #3d3d3d;font-weight: bold; padding:0 0 0 35px;}
.wd_r dl dd{height: 50px;line-height: 25px;font-size: 14px;color: #606060;overflow: hidden; padding:20px 0 0 35px;width: 400px;}

/*携手常州天曜*/
.three_bg{ background:url(../images/three_bg.jpg) no-repeat center 0;height: 327px;}
.three_bt{text-align: center; padding:30px 0 25px;height: 112px;}
.three ul li{ background:url(../images/three_k.png) no-repeat;width: 338px;height: 128px;float: left; padding:22px 0 0 10px; margin:0 0 0 78px;overflow: hidden;}
.three ul li em{display: block;float: left;width: 76px;}
.three ul li em img{width: 76px;height: 76px;
-webkit-transition: -webkit-transform 0.5s ease-out;
-moz-transition: -moz-transform 0.5s ease-out;
-o-transition: -o-transform 0.5s ease-out;
-ms-transition: -ms-transform 0.5s ease-out;}
.three ul li em img:hover {
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg);
-o-transform: rotateZ(360deg);
-ms-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
.three ul li b{display: block;float: left;font-size: 20px;color: #fff;line-height: 30px; padding:6px 0 0 20px;}
.three ul li i{display: block;}
.three ul li:first-child{margin: 0;}

/*友情链接*/
.links_bg{ height:90px;line-height: 90px;overflow: hidden; background:url(../images/link_bg.gif) no-repeat center 0;}
.links_l{font-size: 16px;color: #fff;font-weight: bold;width: 170px;}
.links_c{ width:1030px;}
.links_c a{ padding:0 15px; display:inline-block;font-size: 14px; color:#333;}


/**/
@-webkit-keyframes shake{
  from,to{-webkit-transform:translate3d(0, 0, 0);}
  20%,60%{-webkit-transform:translate3d(-10px, 0, 0);}
  40%,80%{-webkit-transform:translate3d(10px, 0, 0);}
}

@keyframes shake {
  from,to{transform:translate3d(0, 0, 0);}
  20%,60%{transform:translate3d(-10px, 0, 0);}
  40%,80%{transform:translate3d(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);
  }
}