
.service_items{
	width: 1100px;
	margin: 40px auto 0;
	overflow: hidden;
}
.service_items ul {
	margin-left: -30px;
	width: 1160px;
}
.service_items ul li{
	width: 240px;
	float: left;
	height: 195px;
	margin: 0 72px;

}
.service_items ul li:hover i{
	-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;

}
@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);
  }
}
.service_items ul li i{
	width: 100px;
	height: 88px;
	display: block;
	margin: 0 auto;
}
.service_items ul li i.icon1{
	background: url(/images/service/icon.png) 10px 5px no-repeat;
}
.service_items ul li i.icon2{
	background: url(/images/service/icon.png) -135px 5px no-repeat;
}
.service_items ul li i.icon3{
	background: url(/images/service/icon.png) -285px 5px no-repeat;
}
.service_items ul li i.icon4{
	background: url(/images/service/icon.png) 10px -190px no-repeat;
}
.service_items ul li i.icon5{
	background: url(/images/service/icon.png) -135px -190px no-repeat;
}
.service_items ul li i.icon6{
	background: url(/images/service/icon.png) -285px -190px no-repeat;
}
.service_items ul li span{
	text-align: center;
	width: 100%;
	display: inline-block;
	font:normal 24px/36px "microsoft yahei";
	color: #333;
}
.service_items ul li p{
	font:normal 16px/22px "microsoft yahei";
	color: #666;
	margin-top: 8px;
}
.container{
	width: 100%;
	margin-top: 60px;
	height: 178px;
	background-color: #eeeeee;
}
.contact_us{
	width: 1100px;
	margin: 0 auto;
}
.contact_us h3{
	font:normal 40px/64px "microsoft yahei";
	color: #d0d0d0;
	float: left;
	width: 100%;
	margin-top: 8px;
}
.contact_us span{
	font:normal 22px/30px "microsoft yahei";
	float: left;
	width: 100%;
	margin-top: 5px;
	text-indent: 31px;
	background: url(/images/service/service.png) 0 -60px no-repeat;
}
.contact_us p{
	margin-top: 17px;
	float: left;
	height: 22px;
}
.contact_us p b{
	font:normal 16px/22px "microsoft yahei";
	float: left;
}
.contact_us .qq{
	height: 22px;
	display: inline-block;
	float: left;
	margin-left: 12px;
	width: 92px;
	background: url(/images/service/service.png) 0 -128px no-repeat;
}
