@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0;}
body { font-family:'Microsoft YaHei';font-size:14px;color:#333; overflow-x:hidden }
ul,ol,li {list-style: outside none none; }
a {text-decoration: none; color:#555;}
a:hover{ text-decoration: none; color: #333;}
img{border:none; max-width:100%;}
.clear{clear:both; display:block; }
.fl{float:left;}
.fr{float:right;}
.wrap{margin:0 auto;}
.header{
  width: 100%;
  height: 96px;
}
.logo{
  padding-top:29px;
  float: left;
}
.t-ri{
  float: right;
  color: #fff;
}
.nav{
  line-height: 96px;
  float: left;
}
.nav li{
  float: left;
  display: inline-block;
  padding-left: 50px;
}
.nav li>a{
  color: #333;
  font-size: 16px;
  position: relative;
  padding-bottom: 10px;
}
.nav li>a:after{
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    background: #0041a3;
    left: 50%;
    transform: translate(-50%);
    transition-duration: .5s;
    bottom: 0;
}
.nav li>a:hover{
  color: #0041a3;
}
.nav li .hove{
  color: #0041a3;
}
.nav li .hove:after{
  width: 100%;
}
.nav li>a:hover:after{
  width: 100%;
}

.fixed_bg{width: 100%; 
  height: 100%; 
  position: fixed; 
  left: 0; 
  top: 0; 
  display: none; 
  background: rgba(0,0,0,0.5); 
  z-index:9999;
}
.slide_logo{
  display: none;
}
.menu{
  display: none;
  width: 40px;
  height: 40px;
  background: #b49767;
  position: absolute;
  top:20px;
  right:20px;
  text-align: center;
  box-sizing: border-box;
  padding:13px 5px;
}
.menu span{
    width: 30px;
    height: 1px;
    display: block;
    background: #fff;
    position: relative;
    top: 0;
}
.menu span:nth-child(2){
  top:5px;
}
.menu span:nth-child(3){
  top:10px;
}
.search{
  display: block;
  float: left;
  padding:40px 18px 0 33px;
}
.enght {
  float: right;
  font-size: 14px;
  color: #666;
  position: relative;
  z-index: 1;
  transition: color .3s, background .3s; 
  margin-top:35px; 
  line-height:27px;
}
.enght a {
  color: #666;
  transition: color .3s; 
}
.enght a.tit { 
  padding:2px 30px 2px 15px; background: 
  url(../images/bsj.png) no-repeat 50px center; 
  height:27px; 
  width: 100%; 
  transition: color .3s, background .3s;
  border:1px solid #d2d4d7; 
  border-radius:20px; 
}
.enght .con {   
   position: absolute;
   top: 100%;
    left: -10%;
    display: none;
    background: #fff;
    width: 120%;
    padding: 10px 0;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .2);
    min-height: 65px;
    overflow: auto;
    z-index: 9999;
  }
.enght .con a { width: 100%;font-size: 14px;height: 30px;text-align: center;line-height: 30px; color:#333; display:block; border:none; border-radius:0;}

.in-ab{
  padding:110px 0 50px 0;
  position: relative;
}
.in-ab-le{
  width: 53%;
}
.ab-ti h1{
  font-size: 72px;
  font-family: "Arial";
  color: #f7f7f7;
}
.ab-ti p{
  font-size: 30px;
  position: relative;
  top:-35px;
}
.ab-ti span{
  font-size: 16px;
  opacity: 0.6;
  display: block;
  position: relative;
  top:-30px;
}
.ab-shu dl{
  float: left;
  text-align: center;
  padding-right: 46px;
}
.ab-shu dl dt span{
  color: #0242a1;
  font-size: 72px;
}
.ab-shu dl dd{
  font-weight: bold;
}
.ab-shu dl:nth-child(3){
  padding-right: 0;
}
.in-zi01{
  padding-top:80px;
  line-height: 1.8;
  text-align: justify;
  width: 95%;
}
.in-ab-ri{
  width: 45%;
  position: relative;
  padding-top: 40px;
  text-align: right;
}
.an-jia{
  position: absolute;
  bottom: 0;
  left: 0;
  transition-duration: .5s;
}
.in-ab-ri:hover .an-jia{
  bottom: 10px;
  left: 10px;
  opacity: 0.9
}
.ab-th{
  position: absolute;
  top: -30px;
  right: 0;
}
.ab01{
  transition-duration: .5s;
}
.in-ab-ri:hover .ab01{
  -moz-box-shadow:0px 0px 18px #6E6E6E; -webkit-box-shadow:0px 0px 18px #6E6E6E; box-shadow:0px 0px 18px #6E6E6E;
}
.in-cy{
  width: 100%;
  background:#fafafa;
  padding:46px 0;
}
.in-ti{
  text-align: center;
  width: 100%;
  padding-bottom:43px;
}
.in-ti h1{
  font-size: 72px;
  font-family: "Arial";
  color: #ededed;
  text-transform: uppercase;
  position: relative;
}
.in-ti p{
  font-size: 30px;
  padding:8px 0 10px 0;
}
.in-ti span{
  opacity: 0.6;
  font-size: 16px;
}
.in-ti h1:after{
  content: "";
  width: 27px;
  height: 29px;
  background:url(../images/icon01.png) no-repeat bottom center;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
}
.new-ti h1:after{
  background:url(../images/icon04.png) no-repeat bottom center;
}
.in-cy-xi{
  padding:8px;
  background: #fff;
  -moz-box-shadow:1px 4px 12px #6E6E6E; 
  -webkit-box-shadow:1px 4px 12px #6E6E6E; 
  box-shadow:1px 4px 12px #6E6E6E;
}
.in-cy-xi dl{
  float: left;
  position: relative;
  background: #000;
  overflow: hidden;
  width: 50%;
}
.in-cy-xi dl dt img{
  display: block;
  transition-duration: .5s;
  width:100%;
}
.in-cy-xi dl:hover dt img{
  opacity: 0.5; 
  transform: scale(1.1,1.1);
}
.in-cy-xi dl dd{
  position: absolute;
  top:30%;
  left: 88px;
  color: #fff;
}
.in-cy-xi dl dd img{
  transition-duration: .5s;
}
.in-cy-xi dl:hover dd img{
  /*旋转动画*/  
  animation:circleRoate 5s infinite linear ;
}
.in-cy-xi dl dd h1{
  font-size: 36px;
  font-weight: normal;
  padding:15px 0 15px 0;
}
.in-cy-xi dl dd p{
  font-size: 24px;
  opacity: 0.65;
  padding-bottom: 25px;
}
.in-cy-xi dl dd a{
  display: inline-block;
  border: 1px solid #909090;
  width: 118px;
  color: #fff;
  padding:10px 0 10px 23px;
  background: url(../images/jt.png) no-repeat 90px center;
  transition-duration: .5s;
}
.in-cy-xi dl:hover dd a{
  background: url(../images/jt.png) no-repeat 100px center #d62129;
  border-color: #d62129;
}
@keyframes circleRoate{  
        from{transform: rotate(0deg);}  
         to{transform: rotate(360deg);}  
    }  


.in-cy-xi .cy01{
  width: 33.333%;
}
.in-cy-xi .cy01 dd{
  width: 100%;
  position: absolute;
  text-align: center;
  top:50%;
  transform: translateY(-50%);
  left: 0;
  color: #fff;
}
.in-cy-xi .cy01 dd span{
  display: block;
  width: 40px;
  height: 4px;
  background: #fff;
  left: 50%;
  transform: translate(-50%);
  transition-duration: .5s;
  position: absolute;
}
.in-cy-xi .cy01 dd p{
  padding-bottom: 18px;
}
.in-cy-xi .cy01:hover dd span{
  width: 80px;
  background: #d62129;
}
.in-new{
  background: #fafafa;
  padding-bottom: 75px;
}
.in-new-list dl{
  width: 31%;
  float: left;
  margin-right: 3.5%;
}
.in-new-list dl dt{
  position: relative;
  padding-bottom: 58%;
  margin-bottom: 38px;
  overflow: hidden;
  background: #000;
}
.in-new-list dl dt img{
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  transition-duration: .5s;
}
.in-new-list dl dd h1{
  text-align: center;
  font-size: 16px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.in-new-list dl dd .date1{
  text-align: center;
  font-size: 16px;
  color: #666666;
  padding:10px 0;
}
.in-new-list dl dd .zi01{
  text-align: center;
  width: 90%;
  margin: 0 auto
}
.in-new-list dl dd span{
  text-align: center;
  position: relative;
  padding:6px 0;
  display: block;
  margin-top: 22px;
}
.in-new-list dl dd span:before,.in-new-list dl dd span:after{
  content: "";
    position: absolute;
    width: 53px;
    height: 1px;
    background: #b9b9b9;
    left: 50%;
    transform: translate(-50%);
    transition-duration: .5s;
    top: 0;
}
.in-new-list dl dd span:after{
   bottom: 0;
   top:auto;
}
.in-new-list dl:hover dd span:before,.in-new-list dl:hover dd span:after{
  width: 100px;
}
.in-new-list dl:hover dt img{
  opacity: 0.5;
  transform: scale(1.1,1.1)
}
.in-new-list dl:nth-child(3){
  margin-right: 0px;
}
.foot{
  background: #333333;
  padding:53px 0 33px 0;
  color: #fff;
}
.foot dl{
  float: left;
  padding-right: 80px;
}
.foot dl dt{
  font-size: 18px;
  opacity: 0.85;
  padding-bottom: 30px;
}
.foot dl dd a{
  display: block;
  font-size: 16px;
  color: #fff;
  opacity: 0.45;
  padding-bottom: 20px;
}
.ewm p{
  float: left;
  text-align: center;
  padding-left: 60px;
}
.ewm p span{
  display: block;
  padding-top:30px;
}
.banquan{
  color: #fff;
  width: 100%;
  background: #1e1e1e;
  line-height: 70px;
}
.banquan p{

  float: left;
  font-size:16px;
}
.banquan span{
  float: right;
  opacity: 0.7;
}
.nei_messages{ padding:60px 0;}
.ab-zi{ text-align:justify; font-size:18px; line-height:1.8;}
.ab-tu{ text-align:center;}
.ab-tu img{ display:inline-block;}
.ne-shu{ background:#094492; padding:29px 0; color:#fff;}
.ne-shu dl dt span{ color:#fff;}
.ne-shu dl{ padding:0 60px;}
.ne-shu dl:nth-child(3){ padding:0 70px;}
.wh01 li{ float:left; position:relative; width:32.2%; margin-right:1.5%; background:#000; overflow:hidden}
.wh01 li img{ width:100%; display:block; transition-duration:.5s;}
.wh01 li p{ position:absolute; padding:0 20px; color:#fff; bottom:10px; font-size:16px; line-height:1.8;}
.wh01 li:nth-child(3){ margin-right:0;}
.wh01 li:hover img{ opacity:0.5; transform:scale(1.1,1.1)}
.zr01 li{ width:24%; margin-right:1.2%;}
.zr01 li:nth-child(3){ margin-right:1.2%;}
.zr01 li:nth-child(4){ margin-right:0;}
.zr01 li p{ position:relative; background:#094492; text-align:center; color:#fff; bottom:0; font-size:20px; line-height:83px;}

.zp_ti{ height:62px; background:#094492; color:#fff; font-size:18px; line-height:62px; font-weight:bold;}
.zp_ti li{ float:left; width:20%; text-align:center;}
	/* 加入我们css */
.sideMenu h3{ height:74px; line-height:74px; border-bottom:1px solid #d8d8d8;  cursor:pointer;}
.sideMenu h3 dl{ width:100%; margin:0;}
.sideMenu h3 dl dd{ float:left; width:20%; text-align:center; padding:0; font-weight:normal;}
.sideMenu ul{ padding:8px 7%;display:none; /* 默认都隐藏 */ border-bottom:1px solid #d8d8d8; font-size:18px; background:#f4f4f4; }
.sideMenu ul p{ line-height:28px; font-size:14px; }
.sideMenu ul p span{ font-size:16px; color:#094492;}
.sideMenu .on{ background:#f4f4f4;}
.jianT{text-align: center; margin: 12px auto 20px; padding-top: 30px;}
.jianT li a{ font-size: 14px; color:#474747; padding:6px 10px ; line-height: 1; border: 1px solid #dbdbdb; background:#f8f8f8; border-radius:5px; }
.jianT li a:hover{text-decoration: none; background:#094492; color:#fff;}
.jianT li{ display: inline; margin: 0 2px}
.jianT li .on{ background:#094492; color:#fff;}
.cy-xi dl{ background:#f5f5f5;}
.cy-xi dl dt{ width:50%; background:#094492; overflow:hidden;}
.cy-xi dl dt img{ width:100%; display:block; transition-duration:.5s;}
.cy-xi dl:hover dt img{ opacity:0.5; transform:scale(1.1,1.1)}
.cy-xi dl dd{ padding:60px 30px 0 70px; width:50%; box-sizing:border-box;}
.cy-xi dl dd h1{ font-size:36px; font-weight:normal;}
.cy-xi dl dd p{ font-size:16px; line-height:1.8; padding:40px 0 25px 0;}
.cy-xi dl dd span{ border:1px solid #333; color:#333; display:inline-block; padding:10px 22px; transition-duration:.5s;}
.cy-xi dl dd span img{ padding-left:15px; transition-duration:.5s;}
.cy-xi dl dd:hover span{ background:#094492; color:#fff;}


		/* 本例子css */
		.slideBox{ width:100%; overflow:hidden; position:relative; padding-bottom:100px; }
		.slideBox h1{ font-size:30px; position:absolute; top:0; left:0;}
		.slideBox .bd{ position:relative;z-index:0; padding-top:70px;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd li dl{ width:32%; float:left; overflow:hidden;margin-right:2%; margin-bottom:45px}
		.slideBox .bd li dl dt{ position:relative; padding-bottom:60%; background:#000; overflow:hidden}
		.slideBox .bd li dl dt img{ position:absolute; left:0; top:0; width:100%; height:100%; display:block; transition-duration:.5s;}
.slideBox .bd li dl:hover dt img{ opacity:0.5; transform:scale(1.1,1.1)}
.date{ position:absolute; top:0; left:0; background:#999999; width:84px; height:74px; text-align:center; font-family:"Arial";}
.date p{ font-size:36px; opacity:0.8; color:#fff; padding-top:7px; font-weight:bold;}
.date span{ font-size:16px; opacity:0.8; color:#fff;}
.slideBox .bd li dl:nth-child(3n){ margin-right:0;}
.slideBox .bd li dl:hover dt .date{ background:#094492}
.slideBox .bd li dl dd p{ font-size:18px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; margin:12px 0 24px 0;}
.slideBox .bd li dl dd span{ font-family:"宋体"; color:#777777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; display:block; line-height:24px;}

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev{ position:absolute; right:45px; top:0; display:block; width:39px; height:31px; background:url(../images/pre.jpg) no-repeat;}
		.slideBox .next{  position:absolute; right:0; top:0; display:block; width:39px; height:31px; background:url(../images/next.jpg) no-repeat;}




.slideBox1{ width:100%; overflow:hidden; position:relative; padding-bottom:100px; }
.slideBox1 h1{ font-size:30px; position:absolute; top:0; left:0;}

.slideBox1 .bd{ position:relative;z-index:0; padding-top:70px;   }
.slideBox1 .bd li{ zoom:1; vertical-align:middle; }
.slideBox1 .bd li dl{ width:49%; float:left; overflow:hidden; margin-bottom:10px; margin-right:2%;}
.slideBox1 .bd li dl dt{ float:left; width:18%; background:#e3e3e3; height:105px; text-align:center;font-family:"Arial";}
.slideBox1 .bd li dl dt p{ font-size:50px; color:#555; padding-top:15px;}
.slideBox1 .bd li dl dd{ height:103px; border:1px solid #e3e3e3; float:left; width:81%; padding:15px; box-sizing:border-box;}
.slideBox1 .bd li dl dd h2{ font-size:16px;}
.slideBox1 .bd li dl dd p{font-family:"宋体"; color:#777777;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical; display:block; line-height:24px; margin-top:5px;}
.slideBox1 .bd li dl:nth-child(2n){ margin-right:0;}


		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox1 .prev{ position:absolute; right:45px; top:0; display:block; width:39px; height:31px; background:url(../images/pre.jpg) no-repeat;}
		.slideBox1 .next{  position:absolute; right:0; top:0; display:block; width:39px; height:31px; background:url(../images/next.jpg) no-repeat;}


.wh02-ti{ text-align:center; padding:60px 0;}
.wh02-ti h1{ font-size:24px;}
.wh02-ti p{ font-size:16px; opacity:0.6; padding-top:20px;}
.wh02-le{ width:33%; float:left; background:url(../images/bg.png) no-repeat bottom center #d72229; height:556px; padding:116px 50px 0; box-sizing:border-box; color:#fff; }
.wh02-le h1{ font-weight:normal; font-size:30px;}
.wh02-le span{ display:block; opacity:0.65; padding:16px 0 70px 0;}
.wh02-le p{ font-size:16px; line-height:2;}
.wh02-ri{ float:right; width:66%;}
.wh-tu{ width:66%; background:#000; overflow:hidden; position:relative;}
.wh-tu img{ width:100%; display:block; transition-duration:.5s;}
.wh-txt{ position:absolute; color:#fff; top:51px; left:32px;}
.wh-txt h1{ font-size:24px; font-weight:normal;}
.wh-txt span{ display:block; opacity:0.65; padding:5px 0 30px 0; font-size:16px;}
.wh-txt p{ font-size:16px; line-height:2; width:82%;}
.wh-lan{ width:33%; background:#094492; color:#fff;padding:40px 30px 0; box-sizing:border-box; height:274px;}
.wh-lan h1{font-weight:normal; font-size:30px; padding-bottom:30px;}
.wh-lan p{ font-size:16px; line-height:1.6;}
.wh02-xi{ margin-bottom:8px;}
.wh-tu:hover img{ opacity:0.5; transform:scale(1.1,1.1)}
.nr-ti{ border-bottom: 1px dotted #cccccc; text-align:center; padding-bottom:20px;}
.nr-ti h1{ font-size:20px; padding-bottom:10px;}
.nr-ti span{ color: #c7c7c7; font-size:18px;}
.nr-zi { opacity:0.8; line-height:1.6; padding-top:10px;}
.wz-more{ float:right; display:inline-block; background:#999999; color:#fff; padding:5px 15px;}
.jianT{ max-width: 100%; text-align: center; padding-top:30px;}
.jianT li a{ font-size: 14px; color:#474747; padding:6px 10px ; line-height: 1; background:#dcdee2; border-radius:5px; }
.jianT li a:hover{text-decoration: none; background:#0041a3;color:#fff;}
.jianT li{ display: inline; margin: 0 2px}
.jianT li .on{ background:#0041a3; color:#fff;padding: 6px 11px;border-radius:5px;}


.in-ab:after,.ab-shu:after,.in-cy-xi:after,.in-new-list:after,.foot:after,.banquan:after,.wh01:after,.cy-xi dl:after{
  content: "";
  clear: both;
  display: block;
}

/*搜索框弹出*/
.animated{-webkit-animation-duration:1.4s;animation-duration:1.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

#dialogBg{width:100%;height:100%;background-color:#000000;opacity:.8;filter:alpha(opacity=60);position:fixed;top:0;left:0;z-index:9999;display:none;}
#dialog{ width: 450px; height: 140px; margin: 0 auto; display: none;   position: fixed; top: 50%; left: 50%; margin: -70px 0 0 -225px; z-index: 10000;  }
.dialogTop{width:90%;margin:0 auto;letter-spacing:1px;padding:10px 0; font-size:16px;}
.dialogTop a{ color:#fff;}
.tc-ss{ width:90%; margin:0 auto; padding:20px 0;}
.tc-ss ul{border-bottom: 2px solid #fff;}
.tc-ss ul .sk03{ width:90%; float:left}
.tc-ss ul .sk03 input{ width:100%; background:none; height:40px; line-height:40px; color:#fff; font-size:16px;}
.sk04 input{ width:20px; height:20px; background:url(../images/sear.png) no-repeat center center; padding:10px 0 0 20px; cursor:pointer;}


/*内页*/
.nei_banner{width: 100%;}
.nei_banner img{display: block;width: 100%;}



@media (min-width: 1440px){
.wrap {width: 1400px;}

}

@media (min-width: 1239px) and (max-width: 1439px){
.wrap {width: 1200px;}
.ab-shu dl dt span{ font-size: 33px; }
.in-zi01{ padding-top:50px; }
.foot dl{ padding-right: 40px; }
}






@media only screen and (max-width: 1240px){
.wrap {width: 940px;}
.nav li{
  padding-left:10px;
}
.ab-shu dl dt span{
  font-size: 26px;
}
.in-zi01{
  padding-top:40px;
}
.foot dl{
  padding-right: 40px;
}
}
@media only screen and (max-width: 992px){
.wrap{padding-left: 2%;padding-right: 2%;width: auto;}

.nav li{
  padding-left:10px;
}
.nav li>a{
  font-size: 16px;
}
.menu{
  display: block;
  z-index: 9998;
}


.header {
    background: #fff;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    width: 200px;
    position: fixed;
    left: -200px;
    top: 0;
    height: 100%;
    z-index: 9999;
    overflow: hidden;
}
.left_active{left: 0;}
.header .wrap{
  padding:0;
}
.logo{
  background: #fff;
  width: 100%;
  border-bottom: 1px solid #eee;
}
.tel{
  text-align: center;
}
.nav li{
  line-height: 60px;
  width: 100%;
  text-align: center;
  padding-left: 0;
}
.in-ab-le{ width: 100%; }
.ab-th{ display: none }
}

@media only screen and (max-width: 760px){

.in-ab{ padding:30px 2%; }
.ab-ti h1{ font-size: 40px; }
.ab-ti p{ font-size: 20px; top:-10px; }
.ab-ti span{ top:0; }
.ab-shu dl{ width: 100%; border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 10px; }
.in-zi01{ width: 100%; }
.tp-leftarrow.large,.tp-rightarrow.large{ display: none; }
.in-ab-ri{ width: 100%; margin-top: 20px; }
.in-ti h1{ font-size: 30px; padding-bottom:20px; }
.in-cy-xi dl{ width:100%; }
.in-cy-xi dl dd{ top:20px; left: 20px; }
.in-cy-xi dl dd h1{ font-size: 26px; padding:10px 0; }
.in-cy-xi .cy01{ width: 100%; }
.in-new-list dl dt{ margin-bottom: 10px; }
.in-new-list dl dd .zi01{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.foot dl{ width: 100%; padding-right: 0; }
.foot dl dt{ font-size: 16px; float: left; width: 64px; padding-right: 10px; }
.foot dl dd{ float: left; font-size: 14px; width: 75%; }
.foot dl dd a{ display: inline-block; }
.ewm p{ padding-left: 10px; width: 40%; }
.banquan{ line-height: 24px; }
}


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