.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/service2016/icon.png) 10px 5px no-repeat;
}
.service_items ul li i.icon2{
	background: url(../images/service2016/icon.png) -135px 5px no-repeat;
}
.service_items ul li i.icon3{
	background: url(../images/service2016/icon.png) -285px 5px no-repeat;
}
.service_items ul li i.icon4{
	background: url(../images/service2016/icon.png) 10px -190px no-repeat;
}
.service_items ul li i.icon5{
	background: url(../images/service2016/icon.png) -135px -190px no-repeat;
}
.service_items ul li i.icon6{
	background: url(../images/service2016/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/service2016/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/service2016/service.png) 0 -128px no-repeat;
}
.footer {
	background-color: #242a37;
	padding: 40px 0;
	font-family: "Microsoft YaHei";
}
.foot {
	margin: 0 auto;
	overflow: hidden;
	width: 1100px;
}

.foot-nav {
	width: 570px;
	float: left;
}

.foot-txt {
	overflow: hidden;
	padding: 15px 0 0 0;
}

.foot-txt li {
	width: 14%;
	float: left;
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}

.foot-txt li a {
	color: #999;
}

.foot-txt li a:hover {
	color: #4385f5;
}

.copyright {
	color: #999;
	padding: 15px 0;
	text-align: center;
	background-color: #1b1f29;
	font-size: 14px;
	font-family: "Microsoft YaHei";
}

.copyright a {
	color: #999;
}

.copyright a:hover {
	color: #ff6600;
}

.foot-img {
	overflow: hidden;
	width: calc(100% + 20px);
	background: url('../../../../Images/Index/Version/2020/copyright.png') no-repeat 0 0;
	background-size: auto 100%;
	margin-top: 12px;
}

.foot-img li {
	width: 83px;
	height: 33px;
	float: left;
	margin-right: 8px;
}

.foot-img li a {
	display: block;
	height: 33px;
	color: #333;
	border-radius: 3px;
	overflow: hidden;
}

.police {
	text-align: left;
	color: #888888;
	margin-top: 12px;
	line-height: 20px;
}

.police img {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}

.police a {
	color: #888888;
}

.hot-line {
	width: 293px;
	height: 256px;
	padding-top: 10px;
	float: left;
	margin-left: 200px;
	color: #999;
}

.hot-line i {
	font-size: 66px;

}

.hot-line p {
	font-size: 14px;
	line-height: 28px;
}

.hot-line p a {
	display: inline-block;
	width: 18px;
	height: 21px;
	vertical-align: top;
	margin-top: 3px;
	background: url("https://www.chem17.com/images/Index/2019/main.png") no-repeat 100% -223px;
}

.hot-line span {
	display: block;
	font-size: 13px;
	line-height: 36px;
}

.hot-line>b {
	display: block;
	font-size: 30px;
	color: #fff;
	margin-top: 20px;
}

.qr-code {
	float: right;
	padding-top: 10px;
}

.qr-code li {
	float: left;
	padding: 0 0 0 40px;
}

.foot h2 {
	color: #999;
	font-size: 18px;
	height: 30px;
	font-weight: bold;
}

.foot h2 b {
	border-bottom: 3px solid #387ee8;
	height: 30px;
	display: inline-block;
}

.qr-code h2 {
	padding-left: 40px;
}

.qr-code ul {
	margin-top: 28px;
}

.qr-code li span {
	display: block;
	width: 144px;
	height: 144px;
	background-color: #fff;
}

.qr-code li span img {
	width: 100%;
	height: 100%;
}

.qr-code li p {
	text-align: center;
	font-size: 14px;
	color: #999;
	margin-top: 16px;
}

.foot-nav p {
	font-size: 14px;
	color: #999;
	line-height: 30px;
}

.foot-nav p a {
	color: #999;
}

.foot-nav p a img {
	margin-left: 8px;
}

.foot-nav p a:hover {
	color: #f90;
}

.foot-img {
	overflow: hidden;
	width: calc(100% + 20px);
	background: url('https://www.chem17.com/Images/Index/Version/2020/copyright.png') no-repeat 0 0;
	background-size: auto 100%;
	margin-top: 12px;
}

.foot-img li {
	width: 83px;
	height: 33px;
	float: left;
	margin-right: 8px;
}

.foot-img li a {
	display: block;
	height: 33px;
	color: #333;
	border-radius: 3px;
	overflow: hidden;
}
.foot-nav {
	width: 540px;
}
.foot-img li {
	width: 78px;
	height: 31px;
	margin-right: 7px;
}
.foot-img li a {
	height: 31px;
}
.hot-line {
	width: 235px;
	margin-left: 24px;
}
.qr-code li {
	padding: 0 0 0 30px;
}
.interview--hot ul li {
	margin-top: 12px;
}
.qr-code li span {
	width: 114px;
	height: 114px;
}
.qr-code h2 {
	padding-left: 30px;
}
.hot-line p {
	font-size: 13px;
}