﻿@charset "utf-8";
body{width: 100%; background: #dcdcdc;font-family: "Microsoft Yahei",Helvetica,Arial,sans-serif; }
a{color: #333;cursor: pointer;}
.wrap{width: 1180px;margin:0 auto;}
.head .wrap{min-width: 1180px;}
.banner{position: relative;overflow: hidden;height: 800px;}
.bandiv{position: relative;background-position: center center;background-repeat: no-repeat;height: 800px;width: 100%;} 
.bandiv .pimg{width: 100%;position: absolute;height: auto;width: auto;}
.banner .slick-prev{left: -50px;z-index: 300;background: rgba(0,0,0,.7);padding:10px 15px;opacity: 0;transition:all 400ms;}
.banner .slick-next{right: -50px;z-index: 300;background: rgba(0,0,0,.7);padding:10px 15px;opacity: 0;transition:all 400ms;}
.banner:hover .slick-prev{opacity: 1;left: 0;}
.banner:hover .slick-next{opacity: 1;right: 0;}
.banBox{position: relative;}
.bt1_img{position: absolute;left: -108px;width: 32%;height: auto;top:20%;}
.b_infor{position: absolute;width: 1180px;left: 50%;margin-left:-590px;top:0;}
.bandiv3 .b_infor{left: 50%;margin-left:-1390px;margin-top: -80px;}
.bt1_txt{position: absolute;right: 0;top:270px;
}
.bt3_txt{position: absolute;right: 0;top:359px;}
.bt4_txt{position: absolute;left:165px;top:180px;}
.f_down,.f_right{-webkit-transform: translate(0,-200px);
	visibility: hidden;opacity: 0;
	-webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    transition:all 800ms ease-out;
}
.f_right{-webkit-transform: translate(-200px,0);
	-ms-transform: translate(-200px,0);
	transform: translate(-200px,0);}
.f_left{-webkit-transform: translate(200px,0);
	-ms-transform: translate(200px,0);
	transform: translate(200px,0);}	
.f_up{
	visibility: hidden;opacity: 0;
	-webkit-transform: translateY(200px);
    transform: translateY(200px);
    transition:all 800ms ease-out;
}
.bt2_txt{position: absolute;left: 0;top:300px;}
.bt5_txt{position: absolute;left: 0;top:260px;}
.slick-current .f_up,.slick-current .f_down,.slick-current .f_left,.slick-current .f_right{
	-webkit-transform: translateY(0px);
    transform: translateY(0px);
	visibility: visible;opacity: 1;
}
.mnav{position: absolute;left: 0;right: 0;z-index: 200;bottom: 0;}
.mnav ul{height: 110px;background:rgba(0,0,0,.5);}
.mnav li{float: left;width: 20%;text-align: center;}
.mnav li i{display: inline-block;background-position: center center;background-repeat: no-repeat;vertical-align: middle;}
.mnav li a{display: block;border-right: 1px dashed #7d7d7d;height: 110px;color: #fff;font-size: 14px;cursor: pointer;}
.mnav li:last-child a{border-right: none;}
.mnav li span{display: inline-block;height: 75px;line-height: 75px;}
.mnav li i.i1{background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUxZPTxIsID.jpg);width: 45px;height: 39px;}
.mnav li i.i2{background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUxZOTxIsID.jpg);width: 41px;height: 49px;}
.mnav li i.i3{background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUxZNTxIsID.jpg);width: 63px;height: 50px;}
.mnav li i.i4{background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUxZUTxIsID.jpg);width: 40px;height: 40px;}
.mnav li i.i5{background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUxZTTxIsID.jpg);width: 49px;height: 45px;}
.mnav li a:hover{color: #ea3745;}
.mnav li a:hover i.i1{background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUxZPnjDsDy1G.jpg);}
.mnav li a:hover i.i2{background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUxZOnjDsDy1G.jpg);}
.mnav li a:hover i.i3{background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUxZNnjDsDy1G.jpg);}
.mnav li a:hover i.i4{background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUxZUnjDsDy1G.jpg);}
.mnav li a:hover i.i5{background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUxZTnjDsDy1G.jpg);}
.mi_box{background: #dcdcdc;padding:10px 0;}
.milist{margin: 0 -10px;}
.milist li{float: left;width: 50%;}
.milist li .item{margin: 0 10px;}
.mi_tit{height: 54px;line-height: 54px;}
.mi_tit span.left{font-size: 18px;color: #313131;}
.mi_tit .more{background: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUy8qESgJ.jpg) no-repeat center center;width: 22px;height: 54px;}
.mi_bd{height: 146px;position: relative;background: #c72937; }
.mi_bd .infor{position: absolute;right: 0;top:0;background: #c72937;color: rgba(255,255,255,.5);width: 312px;height:146px;}
.mi_bd .infor a{padding-top:25px; display: block; font-size: 14px;color: #fff;padding-bottom:7px;}
.mi_bd .infor .date{position: absolute;left: 0;top:25px;width: 95px; color: #fff;text-align: center;}
.mi_bd .infor .date strong{font-size: 40px;font-weight: normal;}
.mi_bd .infor a,.mi_bd .infor p{margin-left:95px;padding-right:12px;}
.mi_bd .infor i{background: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUyAfJOgOKSD.jpg) no-repeat;width: 14px;height: 26px;position: absolute;top:50%;margin-top: -13px;left: -14px;}
.himg{position: relative;display: block;overflow: hidden;}
.himg span{position: absolute;left:0;top:0;bottom: 0;right: 0;z-index: 10;}
.milist li:hover .himg span{border:3px solid #c72937;}
.himg img{transition:all 400ms;}
.milist li:hover .himg img{transform:scale(1.1);}
.friend_link{font-size: 14px;position: relative;line-height: 26px;padding-left:80px;margin: 20px 0;}
.friend_link b{font-size: 14px;width: 75px;position: absolute;left: 0;top:0;}
.friend_link p{overflow: hidden;}
.friend_link p a{color: #666;margin: 0 13px;float: left;}
.friend_link p a:hover,.foot_a a:hover{color: #c72937;}
.footer{background: #1b1b1b;color: #8d8d8d;font-size: 14px;margin-top:45px;}
.footer .weixin{position: relative;top:-35px;z-index: 20;}
.footer .weixin{text-align: center;color: #fff;}
.foot_a{margin-left:20px;color: rgba(255,255,255,.5);line-height: 24px;margin-top: 30px;width: 44%;}
.foot_a a{color: rgba(255,255,255,.5);}
.us_shop{margin-top: 22px;}
.us_shop a{display: inline-block;color: #8d8d8d;text-align: center;margin: 0 13px;}
.us_shop a p{padding-top: 5px;}
.tel{padding-left: 60px;color: #8d8d8d;line-height: 1.2;float: right;margin-top: 22px;position: relative;}
.f_te{position: absolute;left: 0;top:50%;margin-top: -24px;height: 48px;}
.tel span{font-size: 24px;}
.ab_top{height: 347px;position: relative;background-repeat: no-repeat;color: #fff;margin-top: 63px;}
.ab_top .infor{width: 515px;position: relative;z-index: 200;}
.ab_top .infor .txt{padding: 0 40px;}
.ab_top .ab_bg{position: absolute;right: 0;top:0;width: 54%;background-position: left center;background-repeat: no-repeat;bottom: 0;}
.ab_hd{padding-bottom:18px; font-size:32px;line-height: 20px;padding-top:80px;}
.ab_hd span{text-transform: uppercase;font-size: 11px;}
.ab_top .infor p{line-height: 1.8;}
.ab_main{padding: 30px 0;}
.ab_l{width: 18%;}
.ab_r{width: 80%;}
.side_nav{margin-top:20px;}
.side_nav li{height: 39px;line-height: 39px;}
.side_nav li a{display: block;color: #777;padding: 0 27px;font-size: 14px;background: #d22634;transition:all 400ms;background: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUygfJDDsDy1G.jpg) no-repeat 90% center;border-bottom: 1px dashed #ccc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.side_nav li a:hover,.side_nav li.on a{background-color:#d22634;color: #fff;background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUygfJEgOKSD.jpg);border-bottom-color: #d22634;}
.ab_tags{height: 20px;line-height: 20px; text-align: right;color: #808080;}
.ab_tags a{color: #808080;display: inline-block;padding: 0 2px;}
.ab_tags a:hover{text-decoration: underline;}
.ar_tit{height:38px;line-height: 38px;border-bottom: 1px solid #d22634;padding: 0 15px;color: #343434;font-size: 16px;}
.mob_show{display: none;}
.ar_case{min-width: 1180px;}
.case_box{position: relative;background: #fff url(../images/cjbg.jpg) no-repeat center center;margin-top: 35px;padding:5px;background-size: 100% 100%;}
.case_box h1{color: #fff;border-radius:4px;width: 45px;
	height:656px;background: #2e74b7;font-weight: normal;font-size: 29px;text-align: center;line-height: 30px;}
.case_box h1 span{display: inline-block;height: 110px;}
.ce_a{width: 130px;position: relative;margin: 0 10px;margin-top:25px;}
.ce_a a{height: 32px;line-height: 32px;background: #0070c1;text-align: center;color: #fff;font-size: 16px;display: block;border-radius:4px;margin-bottom: 20px;position: relative;z-index: 2;}
.ce_a .line{position: absolute;width: 6px;top:20px;bottom: 20px;background: #00b1f1;left: 50%;margin-left: -10px;}
.ce_a a.a2{margin: 120px 0 150px 0;}
.ce_a a.a6{height: 90px;line-height: 90px;}

.case_box a:hover{background: #d22634;color: #fff;}
.ce_r{width: 970px;margin-left:0px;}
.ce_b a{font-size: 0;float: left;margin-right:24px;}
.ce_b a span{display: inline-block;width: 130px;padding: 0 0px; height: 32px;line-height: 32px;background: #14b6e7;color: #000;font-size: 16px;text-align: center;vertical-align: middle;float: left;margin-top:5px;margin-left:-7px;position: relative;z-index: 20;border-radius:0px;}
.ce_b a:first-child span{width: 140px;}
.ce_b a img{float: left;width: 42px;height: 42px;background: #14b6e7;border-radius: 50%;}
.ce_b a.last{margin-right: 0;}
.ce_b a:hover{background: none;color: #f00;}
.ce_b a:hover span{color: #f00;}
.ce_c{margin: 10px 0;}
.ce_c a{float: left;text-align: center;color: #fff;font-size: 16px;height: 33px;line-height: 33px;border-radius: 4px;width: 178px;background: #00b1f1;margin-right:20px;}
.ce_c a:hover{background:#00b1f1;color: #c00;}
.ce_d{background: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUyuEHkgOKSD.jpg) no-repeat;height: 266px;text-align: center;}
.cd1{margin-top: 40px;padding: 0 5px;width: 115px;}
.cd a{display: block;background: #ffd966;font-size: 16px;height: 30px;line-height: 30px;margin-bottom: 10px;}
.cd p{color: #fff;font-size: 14px;}
.cd1 p{margin-top: 20px;}
.cd2{overflow: hidden;margin-left: 45px;width: 595px;padding-top:8px;}
.cd2 a{float: left;width: 284px;margin-bottom: 6px; margin-right:5px;}
.cd2 p{float: left;width: 100%;}
.cd3{width: 164px;margin-left:28px;margin-top: 40px;}
.cd3 a{margin-bottom:7px;}
.ce_e a{border-radius: 4px;margin-right:8px;background: #93d150;height: 30px;line-height: 30px;float: left;color: #000;padding: 0 24px;font-size: 16px;margin-top:3px;}
.ce_f{border:1px solid #00abf1;padding:5px 0;margin-top: 16px;}
.ce_f a{float: left;width: 102px;line-height: 30px;background: #8fabdd;margin-left:5px;text-align: center;font-size: 14px;}
.ce_g{margin-top:9px;}
.ce_g a{color: #fff;border-radius: 4px;background: #00b1f1;height: 44px;width: 68%;text-align: center;}
.ce_g a.left{line-height:1.5;font-size: 14px;padding-top:2px;height: 42px;}
.ce_g a.right{font-size: 16px;width: 30%;height: 44px;line-height: 44px;}
.ce_h li{float: left;text-align: center;background: #1aa97a;border-radius:6px;padding:0px 14px;margin-right:10px;color: #fff;margin-top:15px;height: 90px;overflow: hidden;}
.ce_h li .tit{color: #e2fa15;font-size: 14px;padding:5px 0 3px 0;}
.ce_h li.li1{width: 240px;}
.ce_h li.li2{width: 100px;}
.ce_h li.li3{width: 90px;}
.ce_h li.li4{width: 80px;}
.ce_h li.li5{width:115px;}
.ce_h li.li6{width: 125px;margin-right: 0;}
.ce_h li a{color: #fff;}
.ce_i{margin: 0 -7px;padding-top: 21px;}
.ce_i li{float: left;width: 33.3333%;}
.ce_i li a{margin: 0 7px;border-radius:4px;height: 30px;line-height: 30px;background: #0087ff;color: #fff;text-align: center;display: block;font-size: 14px;}
.a_side .weixin{font-size:15px;line-height: 1.7;margin-top: 45px;}
.a_side .a_shop{margin:30px 0;}
.a_side .a_shop img{width: 36px;height: auto;display: inline-block;margin-right:2px;}
.a_side .a_shop a{display: block;padding:10px 0;font-size:11px;}
.ab_main_a .ab_r{position: relative;min-height: 600px;}
/*.ab_main_a .ab_tags{position: absolute;right: 0;top:0;line-height: 39px;height: 39px;}*/
.ab_main_a{margin-top: 43px;padding-bottom:50px;}
.aNews{padding-top: 30px;}
.aNews .milist li{float: none;width: 100%;margin-bottom: 30px;height: auto;}
.aNews .mi_bd{height: 237px;}
.aNews .mi_bd .infor{line-height: 29px; height: 237px;width: auto;left:435px;background: #8a8788;}
.aNews .mi_bd .infor .date strong{display: inline-block;padding-bottom:3px;}
.aNews .mi_bd .infor .date{width: 145px; height: 56px;top:50%;margin-top:-28px;}
.aNews .bd_tit{height: 56px;overflow: hidden;}
.aNews .mi_bd .infor p{height: 87px;overflow: hidden;}
.aNews .mi_bd .infor a,.aNews .mi_bd .infor p{margin-left: 145px; padding-right: 20px;}
.aNews .mi_bd .infor a{margin-top:20px;}
.aNews .mi_bd .infor i{background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUyAfJNDsDy1G.jpg);}
.aNews .milist li:hover .infor{background: #c72937;}
.aNews .milist li:hover i{background-image: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUyAfJOgOKSD.jpg);}
.pages{color: #727373;}
.pages a{color: #727373;display: inline-block;padding:0 2px;}
.pages select{display: inline-block;margin-left:3px;}

.a_details .title{font-size: 18px;color: #d22634;padding:30px 0;border-bottom: 1px dotted #777;}
.a_details .time{padding: 10px 0; font-size: 15px;text-align: center;color: #676767;}
.a_details .cont{padding:10px 0; font-size: 14px;color: #676767;line-height: 2.5;}
.a_details .cont img{/*display: block;*/max-width: 100%;height: auto;/*margin: 0 auto;*/}
.a_details .cont p{padding:5px 0;}
.a_more{padding:10px 0; font-size: 14px;line-height: 1.7;color: #676767;border-top: 1px dotted #777;margin-top: 40px;}
.a_more li{padding:5px 0;}
.a_more li a{color: #676767;}
.a_more li a:hover,.downlist li .infor .tit a:hover{color: #d22634;}
.cont_us p{text-indent: 2em;}
.downlist{margin-top: 40px;}
.downlist li{min-height: 79px; position: relative;padding-bottom: 40px;border-bottom: 1px solid #777;padding:0 30px 40px 30px;margin-bottom: 40px;}
.downlist li .date{width: 79px;height: 79px;background:#777;color: #fff;font-size: 14px;position: absolute;left: 30px;top:0;}
.downlist li .date b{padding-top:9px; font-size: 56px;font-weight: normal;display: inline-block;display: inline-block;line-height: 50px;}
.downlist li .infor{margin: 0 65px 0 113px;}
.downlist li .a_down{background: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUyMpD1fsDy1G.jpg) no-repeat center center;padding-top: 45px;text-align: center;position: absolute;right: 30px;top:0;}
.downlist li .infor .tit{font-size: 14px;color: #010000;padding-bottom:13px;}
.downlist li .infor p{text-indent: 2em;color: #777;}
.downlist li:hover .date{background: #d22634}
.ab_top1 .ab_hd{padding-top: 106px;}
.ar_down{margin: 0 -5px;padding: 20px 0 30px 0;}
.ar_down li{float: left;width: 20%;}
.ar_down li .item{margin: 0 5px;background: #efefef;padding:29px;border:1px solid #d3d3d3;}
.ar_down li .pic{overflow: hidden;}
.ar_down li .pic img{transition:all 400ms; max-width: 100%;height: auto;margin: 0 auto;display: block;}
.ar_down li .pic:hover img{transform:scale(1.1);}
.ar_down li h3{font-size: 14px;color:#101010;font-weight: normal;text-align: center;padding: 25px 0;}
.ar_down li p{height: 100px;overflow: hidden; color: #5e5e5e;font-size: 11px;}
.ar_down li a{display: block;margin: 0 auto;width: 125px;height: 29px;line-height: 29px;color: #d22633;background: #d22633;color: #fff;text-align: center;}
.ar_down li a:hover{text-decoration: underline;}
.ar_down li .pic a,.ar_down li h3 a{background: none;height: auto;line-height: normal;width: auto;color: #101010;}



.ar_download li:hover .item{border-color: #d22633; }
.tyBox .ar_down li{width: 25%;margin-bottom: 10px;}
.sy_top{margin-top: 40px;}
.sy_top img{width: 100%;height: auto;}
.sy_big_pic{width: 45%;border:1px solid #999696;}
.sy_top .infor{width: 50%;}
.sy_top .infor .txt{line-height: 30px;}
.sy_top .infor .txt strong{color: #c72936;font-size: 30px;font-weight: normal;}
.simg{margin: 0 -5px;margin-top:15px;}
.simg li{float: left;width: 33.333%;text-align: center;}
.simg li a{display: block;margin: 0 5px;}
.simg li a img{border:1px solid transparent;}
.simg li.on a img{border-color: #c72936;}
.sy_cont{margin-top: 40px;}
.sy_cont .hd{margin: 0 -3px;}
.sy_cont .hd li{float: left;width: 33.3333%;}
.sy_cont .hd li a{display: block;background: #bab9b9;margin: 0 3px;height: 30px;line-height: 30px;text-align: center;font-size: 14px;border-bottom: 1px solid transparent;}
.sy_cont .hd li.on a{border-bottom-color: #c72936;}
.bdItem{padding: 20px 0;min-height: 300px; line-height: 30px;font-size: 14px;color: #777;}
.bdItem p{margin-bottom:20px;}
.sy_more{border-top: 1px solid #777;margin: 0px 0;padding: 10px 0;font-size: 14px;color: #777;}
.sy_more a{color: #777;}
.sy_more a:hover{color: #c72936;}
.a_details .cont_jy p{text-indent: 2em;padding: 0;}
.a_details .cont_jy img{margin: 20px 0;}
.ar_tit{overflow: hidden;}
.ar_tit .more{float: right;background: url(/MIqrESyDEyMUTyWpNDDROE1DE0LrUO0oKSkGISSTUy9pEyNsDy1G.jpg) no-repeat center center;width: 60px;height: 39px;}
.f_te{
	-webkit-animation: msClock 1.2s linear infinite;
  animation: msClock 1.2s linear infinite;
}
@-webkit-keyframes msClock {
  0%,90%,100% {
    -webkit-transform: rotate(0) scale(1);
  }
  20%,40% {
    -webkit-transform: rotate(-15deg) scale(1.1);
  }
  30%,50% {
    -webkit-transform: rotate(15deg) scale(1.1);
  }
}
@keyframes msClock {
  0%,90%,100% {
    transform: rotate(0) scale(1);
  }
  20%,40% {
    transform: rotate(-15deg) scale(1.1);
  }
  30%,50% {
    transform: rotate(15deg) scale(1.1);
  }
}
.ar_download li:hover .pic 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;
  transform:scale(1);
}
/* animation */
@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);
  }
}



























