﻿@charset "utf-8";

body{min-width: 1200px; width: 100%;}

/**/
.clearfix:after {
  content: "";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
.clearfix {
  *zoom: 1;
}

.bt01{ font-size: 36px; color:#333399;text-align: center; line-height: 40px; overflow: hidden; height:80px;margin-bottom:40px;}
.bt01 a{ color:#333399;}
.bt01 i{ font-size: 18px; font-weight: bold; color:#575757;font-family: Arial;display: block; text-transform: uppercase;letter-spacing: 2px;}
.bt01 img{vertical-align: middle;margin:0 15px;}

/*搜索*/
.s_bg{height: 80px;overflow: hidden;border-bottom: #ececec 1px solid;}
.search{ width:1200px; margin:0 auto;}
.search p{ float:left;font-size: 14px; color:#999; width:825px; height:80px; line-height:80px; overflow:hidden;}
.search p a{font-size: 14px; color:#999; padding:0 20px 0 0;}
.search p a:hover{color: #0f5aad;}
.search .ser_inp{ background:url(../images/s_inp.gif) no-repeat; width:233px; height:48px; border:none; padding:0 0 0 60px; float:left; font-family:"Microsoft YaHei";font-size: 14px; color:#666; line-height:48px; outline:none;margin-top: 14px;}
.search .ser_so{cursor: pointer; float:left; background:url(../images/s_so.gif) no-repeat; border:none; width:81px; height:48px;margin-top: 14px;}
input::-webkit-input-placeholder {color: #666;}

/*解决方案*/
/**/
.cgbj{height:590px;overflow:hidden; }
.cg{padding-top:89px; height:501px;}
.cg ul li{float:left;width:280px;}
.cg ul b{display: block; width:24px; height:170px;float:left;}
.cg ul li dl{width:280px;}
.cg ul li dl dt{ margin-bottom: 27px;}
.cg ul li dl dt i{display: block; width:166px; height:162px; margin:0 auto; transition: all 0.5s ease-in-out;}
.cg ul li dl dt .cg1{background:url("../imgindex/cg1.png") no-repeat center;}
.cg ul li dl dt .cg2{background:url("../imgindex/cg2.png") no-repeat center;}
.cg ul li dl dt .cg3{background:url("../imgindex/cg3.png") no-repeat center;}
.cg ul li dl dt .cg4{background:url("../imgindex/cg4.png") no-repeat center;}
.cg ul li:hover dl dt .cg1{background:url("../imgindex/cg1_h.png") no-repeat center;}
.cg ul li:hover dl dt .cg2{background:url("../imgindex/cg2_h.png") no-repeat center;}
.cg ul li:hover dl dt .cg3{background:url("../imgindex/cg3_h.png") no-repeat center;}
.cg ul li:hover dl dt .cg4{background:url("../imgindex/cg4_h.png") no-repeat center;}
.cg ul li:hover dl dd span{color:#fc9608;}
.cg ul li:hover i{transform: rotate(360deg);}
.cg ul li dl dd span{display: block; text-align: center; font-size: 18px; font-weight: bold; color:#1547a9; margin-bottom: 15px;}
.cg ul li dl dd p{ font-size: 15px; color:#4c4c4c; text-align: center;padding:0 25px;width:230px;}

/*产品*/
.fen{ width:276px; border:2px solid #333399; overflow:hidden; margin:2px 0 80px 0;}
.fen h2{ height:123px; text-align:center; font:30px "Microsoft YaHei"; font-weight:bold; background:url(../imgindex/fen_h.jpg) no-repeat center top;}
.fen h2 a{ display:block; padding-top:30px; color:#fff; font-weight:bold;}
.fen h2 em{ display:block; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding-top:10px;}
.fen h3{ width:240px; height:44px; font:18px "Microsoft YaHei"; line-height:44px; border:1px dashed #333399; margin:12px auto 0;}
.fen h3 a{ color:#333399; padding-left:15px; font-weight:bold; display:block; background:url(../imgindex/fen_jt1.gif) no-repeat 215px center;}
.fen ul{ width:240px; margin:3px auto 12px;}
.fen li{ font:14px "Microsoft YaHei"; line-height:40px; height:40px; border-bottom:1px solid #eee; overflow:hidden; background:url(../imgindex/fen_jt2.gif) no-repeat 215px center;}
.fen li a{ color:#222; padding-left:15px; display:block;}
.fen p{ font:18px "Microsoft YaHei"; color:#fff; margin:26px auto 0;height:80px;background:url(../imgindex/pro_pto.jpg) no-repeat left top;padding:60px 0 0 30px;}
.fen p em{ display:block; font:32px Arial, Helvetica, sans-serif; color:#fff; font-weight:bold;}

/*小广告*/
.x-ban{height: 300px;background:url(../imgindex/ban1.jpg) no-repeat center center;}
.x-ban .content{height: 300px;position: relative;}
.x-ban span{font-size: 36px;color: #fff;font-weight: bold;font-family: Arial;display: block;position: absolute;left:210px;top: 210px;}
.x-ban a.zx_btn{width:146px; height:52px;display: block;position: absolute;left: 513px;top: 195px;line-height:52px;text-align:center;font-weight:bold;font-size:22px;color:#333399;}

.pic{background: url(../imgindex/pic.jpg) no-repeat center 0 ; height:280px; position: relative; overflow: hidden;}
.pic p{padding-left: 70px;height:51px;background: url(../imgindex/tel01.png) no-repeat 0 0 ;  font-size: 32px; font-family: Impact;position: absolute; top: 180px;left: 50%; margin-left: 6px; color:#fff; line-height: 51px;}
.pic i{position: absolute; top:184px;right:50%; margin-right: -530px;width:207px;height:40px ;background:#fff; text-align: center; line-height: 40px; font-size: 18px;font-weight: bold;}
.pic i a{ color:#0c4b97;}
.pic i img{vertical-align: middle;margin-left: 15px; }


.pro{ position:relative; width:895px; margin-top:2px; overflow:hidden;}
.tit2{ height:42px; border:1px solid #0678c6; overflow:hidden;}
.tit2 li{ height:42px; font:18px "Microsoft YaHei"; text-align:center; line-height:42px; float:left; overflow:hidden;margin-right:10px;}
.tit2 li a{ display:inline-block; border-right:1px solid #333399; background:#333399; color:#fff; text-decoration:none;padding:0 15px;}
.pro h5 a{ display:inline-block; font:14px "Microsoft YaHei"; color:#000; line-height:42px; position:absolute; top:1px; right:5px;}
.pro2{ margin-top:20px;}
.pro2 li{ width:286px; border:1px solid #333399; float:left; overflow:hidden; margin:0 15px 20px 0;}
.pro2 li:nth-child(3n){margin-right:0;}
.pro2 li img{width:286px; height:215px; display:block;}
.pro2 li p{ height:40px; background:#333399 url(../imgindex/pro_jt.gif) no-repeat 260px 15px; font:14px "Microsoft YaHei"; color:#fff; padding-left:20px;line-height:40px;}
.pro2 li p em{ display:block; font:12px "Microsoft YaHei"; color:#80bae2; text-transform:uppercase; padding-top:6px;}
.pro2 .nones{ margin-right:0;}
.pro2 li a:hover{ text-decoration:none;}
.pro2 li a:hover img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-transform:scale(1.06,1.06);}

/*案例*/
.jdbj{padding-top: 50px;height: 600px; box-sizing: border-box;background: url(../imgindex/jdbg.jpg) no-repeat center top;overflow: hidden;font-family:"Microsoft YaHei";}
.jd .m_jd{ height:470px; position:relative;}
.jd .gd{width: 1200px;overflow:hidden;}
.jd .m_jd li{ width:580px; float:left;margin-right:40px; background-color: #fff; box-shadow: 0px 0px 10px #ececec;}
.jd .m_jd li img{ display:block; width:580px; height:325px;}
.jd .m_jd li span{width: 100%; text-align: center;font-size: 18px; display: block;color: #000000;height: 60px; line-height: 60px; }
.jd .m_jd li.nones{margin-right: 0;}
.jd .m_jd .jt{width: 50px; height: 101px;position: absolute;top:135px;}
.jd .m_jd .prev2{background: url(../imgindex/left2.png) no-repeat;left:-90px;}
.jd .m_jd .next2{background: url(../imgindex/right2.png) no-repeat;right:-90px;}

/**/
.bzbj{height:2259px; background:url("../imgindex/zs.png") no-repeat center; overflow: hidden;}
.bz{padding-top:50px;}
.bz .bz1{height:455px; margin-bottom: 98px;}
.bz .bz1 span{display: block; float:left; width:645px; height:459px; margin-left: 48px;}
.bz .bz1 span img{width:645px; height:459px;}
.bz .bz1 dl{float:right; width:380px; margin-right: 60px; margin-top: 59px;}
.bz .bz1 dl dt{margin-bottom: 53px;height:100px;}
.bz .bz1 dl dt i{display: block; float:left;}
.bz .bz1 dl dt strong{display: block; float:left;position: relative; margin-left: 26px; padding-top:12px; font-size: 30px; line-height: 30px; font-weight: bold; color:#1547a9;}
.bz .bz1 dl dt strong em{display: block; font-size: 24px; line-height: 24px; font-weight: normal; color:#1547a9;margin-top: 9px;}
.bz .bz1 dl dt strong::before{width:28px; height:5px;background:#1547a9; content:""; position: absolute; left:0;bottom:-23px; }
.bz .bz1 dl dd p{ font-size:15px;color:#333333; margin-bottom: 24px;}
.bz .bz1 dl dd p i{font-size: 14px; font-weight: bold; color:#ff8400;}

.bz .bz2{height:400px; margin-bottom: 130px;}
.bz .bz2 span{display: block; float:right; width:630px; height:400px;}
.bz .bz2 span img{width:630px; height:400px;}
.bz .bz2 dl{float:left; width:380px; margin-left: 60px; margin-top: 59px;}
.bz .bz2 dl dt{margin-bottom: 53px;height:100px;}
.bz .bz2 dl dt i{display: block; float:left;}
.bz .bz2 dl dt strong{display: block; float:left;position: relative; margin-left: 26px; padding-top:12px; font-size: 30px; line-height: 30px; font-weight: bold; color:#1547a9;}
.bz .bz2 dl dt strong em{display: block; font-size: 24px; line-height: 24px; font-weight: normal; color:#1547a9;margin-top: 9px;}
.bz .bz2 dl dt strong::before{width:28px; height:5px;background:#1547a9; content:""; position: absolute; left:0;bottom:-23px; }
.bz .bz2 dl dd p{ font-size:15px;color:#333333; margin-bottom: 24px;}
.bz .bz2 dl dd p i{font-size: 14px; font-weight: bold; color:#ff8400;}
.bz .bz2 .z{width:630px; height:400px;position: relative;float: right; margin-right: 51px;}
.bz .bz2 .z ul{height:16px; position: absolute; bottom:20px; left:15px;}
.bz .bz2 .z ul li{width:16px; height:16px;float:left; background:url("../imgindex/y3.png") no-repeat center; margin:0 4.5px;}
.bz .bz2 .z ul li.cur{background:url("../imgindex/y3_h.png") no-repeat center;}

.bz .bz3{height:480px;}
.bz .bz3 span{display: block; float:left; width:651px; height:403px; margin-left: 48px;}
.bz .bz3 span img{width:651px; height:403px;}
.bz .bz3 dl{float:right; width:380px; margin-right: 60px; margin-top: 59px;}
.bz .bz3 dl dt{margin-bottom: 53px;height:100px;}
.bz .bz3 dl dt i{display: block; float:left;}
.bz .bz3 dl dt strong{display: block; float:left;position: relative; margin-left: 26px; padding-top:12px; font-size: 30px; line-height: 30px; font-weight: bold; color:#1547a9;}
.bz .bz3 dl dt strong em{display: block; font-size: 24px; line-height: 24px; font-weight: normal; color:#1547a9;margin-top: 9px;}
.bz .bz3 dl dt strong::before{width:28px; height:5px;background:#1547a9; content:""; position: absolute; left:0;bottom:-23px; }
.bz .bz3 dl dd p{ font-size:15px;color:#333333; margin-bottom: 24px;}
.bz .bz3 dl dd p i{font-size: 15px; font-weight: bold; color:#ff8400;}

.bzbj .bz4{height:539px; background:url("../imgindex/bz4.jpg") no-repeat center;}
.bzbj .bz4 span{display: block; float:right; width:663px; height:504px; margin-right: 48px;}
.bzbj .bz4 span img{width:663px; height:504px;}
.bzbj .bz4 dl{float:left; width:380px; margin-left: 60px; margin-top: 88px;}
.bzbj .bz4 dl dt{margin-bottom: 53px;height:100px;}
.bzbj .bz4 dl dt i{display: block; float:left;}
.bzbj .bz4 dl dt strong{display: block; float:left;position: relative; margin-left: 26px; padding-top:12px; font-size: 30px; line-height: 30px; font-weight: bold; color:#1547a9;}
.bzbj .bz4 dl dt strong em{display: block; font-size: 24px; line-height: 24px; font-weight: normal; color:#1547a9;margin-top: 9px;}
.bzbj .bz4 dl dt strong::before{width:28px; height:5px;background:#1547a9; content:""; position: absolute; left:0;bottom:-23px; }
.bzbj .bz4 dl dd p{ font-size:14px;color:#333333; margin-bottom: 24px; width: 360px;}
.bzbj .bz4 dl dd p i{font-size: 14px; font-weight: bold; color:#ff8400;}
.bzbj .bz4 dl dd em{display:block;margin-top: 60px;}
.bzbj .bz4 dl dd a{display: block; width:122px; height:38px; text-align: center; line-height: 38px;background:url("../imgindex/wzbj2.png") no-repeat center; float:left; font-size: 16px; color:#FFF; font-weight: bold; margin-right: 22px;}
.bzbj .bz4 dl dd strong{display: block;float:left; font-size: 14px; line-height: 15px; height:38px; font-weight: normal; color:#666666;}
.bzbj .bz4 dl dd strong b{display: block; font-weight: bold; font-size: 24px; line-height: 25px; color:#1a1a1a; font-family:"Arial";}

/*流程*/
.tec_pro{padding: 50px 0 0;height:302px;background:url(../imgindex/tecbg.jpg) no-repeat center 0;font-family:"Microsoft YaHei";font-size: 16px;color: #555;line-height: 56px;overflow: hidden;}
.tec_pro h2{margin-bottom:0;}
.tec_pc{padding: 30px 0 0;overflow: hidden;}
.tec_pc li{width: 89px;float: left; padding:0 48px 0 0;background:url(../imgindex/ico15.png) no-repeat 108px 36px;text-align: center;}
.tec_pc li span{width: 89px;height: 89px;display: block;position: relative;overflow: hidden;}
.tec_pc li span i{width: 89px;height: 89px;display: block;position: absolute;left: 0;top: 0;}
.tec_pc li.born{padding:0;background:none;}
.tec_pc li span i.default{-webkit-transition: all 0.4s linear;transition: all 0.4s linear;}
.tec_pc li span i.hover{opacity:1;visibility:visible;opacity:0;visibility:hidden;
	-webkit-transform:translate3d(0,0,-65px) rotate3d(1,0,0,90deg);
	transform:translate3d(0,0,-65px) 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;}
.tec_pc li.cur span .default{opacity:0;visibility:hidden;-webkit-transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);transform:translate3d(0,65px,0) rotate3d(1,0,0,-90deg);}
.tec_pc li.cur span .hover{opacity:1;visibility:visible;-webkit-transform:rotate3d(1,0,0,0deg);transform:rotate3d(1,0,0,0deg);}
.tec_pc li.cur{color: #d82128;}




/*用户见证*/
.xzbj{height:741px; background:#f5f5f5; overflow: hidden;}
.xz{padding-top:50px; height:691px;}
.xz .bd{height:465px;position: relative;}
.xz ul{height:465px;}
.xz ul li{float:left;margin:0 7px;}
.xz ul li dl dt{width:385px; height:289px; position: relative;}
.xz ul li dl dt img{width:385px; height:289px;position: relative;}
.xz ul li dl dt i{display: block; border:1px solid #FFF; opacity: 0.4; z-index:200; width:373px; height:283px; border-bottom:0; position: absolute; left:5px; top:5px;}
.xz ul li dl dd{width:357px; height:143px; padding-top:31px;padding-left:26px; position: relative; border:1px solid #e3e3e3; background:#FFF;}
.xz ul li dl dd span{display: block;margin-bottom: 25px;}
.xz ul li dl dd span a{ font-size: 20px; color:#1a1a1a;font-weight:bold; }
.xz ul li dl dd p{ font-size: 14px; color:#595959;margin-bottom: 10px; width:335px;}
.xz ul li dl dd p i{ font-size: 14px; color:#333333; font-weight: bold; }
.xz ul li dl dd .gd{display: block; width:45px; height:45px; background:url("../imgindex/jia.png") no-repeat center; position: absolute; right:0; bottom:0;}
.xz .jt i{display: block;width:28px; height:50px;float:left;}
.xz .jt .prev{background:url("../imgindex/prev1.png") no-repeat center;position: absolute; top:208px;left:-50px;}
.xz .jt .next{background:url("../imgindex/next1.png") no-repeat center;position: absolute; top:208px;right:-50px;}
/**/

/*coop*/
.coop{padding:100px 0 0;}
.coop h2{margin-bottom: 5px;}
.coop_list{position: relative;}
.coop_list li{float: left;width: 216px;margin-right: 30px;}
.coop_list li img{display:block;width: 214px;border:1px solid #e0e0e0;}
.coop_list li span{display:block;font-size: 14px;color: #333;height: 20px;line-height: 20px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;margin-top:15px;}
.coop_list .prev{position: absolute;width: 62px;height: 62px;background:url(../imgindex/prev2.png) no-repeat;left: -70px;top: 30px;}
.coop_list .next{position: absolute;width: 62px;height: 62px;background:url(../imgindex/next2.png) no-repeat;right: -70px;top: 30px;}
.coop_list .prev:hover{background:url(../imgindex/prev2h.png) no-repeat;}
.coop_list .next:hover{background:url(../imgindex/next2h.png) no-repeat;}
.coop_list li:hover img{border-color: #eb3c00;}
.coop_list li:hover span{color: #eb3c00;}

/*资讯版块*/
.news{padding: 55px 0 100px;overflow: hidden;}
.news .bt01{margin-bottom:10px;}
.new-box{padding-top: 35px;}
.new-left{float: left;width: 655px;}
.new-tab li{float: left;width: 180px;height: 58px;border: 1px solid #cecece;margin-right: 5px;border-radius: 5px;}
.new-tab li a{display: block;line-height: 58px;font-size: 18px;text-align: center;color: #666;}
.new-tab li.cur{background-color: #333399;border: 1px solid #333399;}
.new-tab li.cur a{color: #fff;}
.new-dx{margin-top: 56px;}
.con dl{padding-bottom: 14px;}
.con dt{float: left;width: 300px;}
.con dt img{width: 300px;height: 196px;display: block;}
.con dd{float: right;width: 310px;}
.con h2 a{display: block;font-size: 16px;color: #333;}
.con p{font-size: 14px;line-height: 26px;color: #666;margin-top: 20px;}
.con .new-more{margin-top: 35px;}
.con .new-more a{display: block;width: 170px;height: 40px;line-height: 40px;background-color: #ff9600;font-size: 14px;color: #fff;text-align: center;border-radius: 20px;}
.new-time{border: 1px solid #ebebeb;padding: 10px 0;margin-top: 12px;height: 54px;}
.new-time h4{float: left;width: 115px;border-right: 1px solid #ebebeb;font-family: "Arial";text-align: center;}
.new-time h4 span{display: block;font-size: 24px;color: #333;line-height: 30px;}
.new-time h4 em{display: block;font-size: 16px;color: #aaa;line-height: 24px;}
.new-time a{float: right;width: 435px;margin-right: 20px;font-size: 14px;color: #333;padding-right: 40px;line-height: 54px;}
.new-time a.na01{background: url("../imgindex/newa1.png") no-repeat right center;}
.new-time a.na02{background: url("../imgindex/newa2.png") no-repeat right center;}
.new-right{float: right;width: 475px;}
.new-right-title{height: 58px;border-top: 1px solid #cecece;border-bottom: 1px solid #cecece;}
.new-right-title h2{line-height: 58px;font-size: 16px;color: #666;float: left;width: 300px;}
.new-right-title h2 em{margin-left: 10px;text-transform: uppercase;color: #999;}
.new-right-title a{float: right;width: 50px;height: 58px;background: url("../imgindex/newa3.png") no-repeat center;+}
.new-right-text{padding: 26px 0 26px 45px;border-bottom: 1px dashed #cecece;background: url("../imgindex/newa4.png") no-repeat left 26px;}
.new-right-text h2 a{display: block;font-size: 14px;line-height: 26px;color: #333;}
.new-right-text p{font-size: 14px;line-height: 26px;color: #666;margin-top: 15px;}
.new-right div.none{border-bottom: 0;}


/*about*/

.about{height:1100px;background:url(../imgindex/about_bg.jpg) no-repeat center 0;border-top:1px solid #dedede;}
.about h3{height: 214px;padding-top:100px;margin-left: 60px;font-weight:bold;}
.about h3 span{display: block;font-size: 40px;color: #1a1a1a;line-height: 40px;padding:36px 0 22px;}
.abt_l{float: left;width: 600px;}
.abt_l .des{height: 180px;background: #e6e6e6;padding:45px 45px 0;font-size: 15px;color: #333;line-height:33px;}
.about dl{height: 225px;}
.about dd{width: 300px;height: 153px;padding-top:72px;background:#333399;}
.about dd img{display: block;margin:0 auto;}
.about dd em{display: block;font-size: 16px;color: #fff;line-height: 16px;padding-top: 8px;text-align: center;}
.abt_r{float: right;width: 600px;}
.about dd.bg1{background: #ff9600;}
.about dd.bg2{background: #e6e6e6;}
.about dd.bg2 em{color: #333;}

.ry_nr{background:url(../imgindex/gy_b2.jpg) no-repeat 0 0;height:320px;margin-top:10px;}
.ry_nr h4{width: 115px;float: left;height: 270px;display: block;}
.ry_nr h4 a{font-size: 30px;color: #fff;width: 28px;padding-left:50px;display: block;text-align: center;padding-top: 72px;line-height:34px;}
.ry_nr .ry_lst{float: left;padding-top: 30px;padding-left: 48px}
.ry_nr .ry_lst li{float: left;width: 170px;margin-right: 36px;}
.ry_nr .ry_lst li a{width: 170px;overflow:hidden;display:block;}
.ry_nr .ry_lst li img{width: 170px;height:225px;webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
.ry_nr .ry_lst li a:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.ry_nr .ry_lst li span{display: block;line-height: 32px;height: 32px;text-align: center;width: 170px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 14px;color: #666666;}




/**/
@-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);
  }
}
