.network,.question,.choose,.contact-box{
	width: 1100px;
	margin: 0 auto;
}
.tl{
	height: 118px;
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	padding-top: 30px;
}
.tl h3{
	font:normal 32px/40px "microsoft yahei";
}
.tl i{
	position: absolute;
	width: 80px;
	height: 3px;
	background: #38880b;
	left: 50%;
	top: 80px;
	margin-left: -40px;
}
.tl b{
	display: block;
	margin-top: 18px;
	font:normal 18px/30px arial;
}
.enter-company-img li{
	width: 50%;
	float: left;
	text-align: center;
}
.enter-company-img li p{
	text-align: center;
	font-size: 16px;
	line-height: 40px;
}
.network .content{
	font:normal 18px/38px "microsoft yahei";
	padding-left: 80px;
	padding-bottom: 20px;
}
.network .content b{
	color: #ff6600;
}
.network .content b.ft-22{
	font:normal 22px/42px "microsoft yahei";
}
.network .content b.ft-22-g{
	font:normal 22px/42px "microsoft yahei";
	color: #38880b;
}
.network .content b.ft-28-g{
	font:normal 28px/48px "microsoft yahei";
	color: #38880b;
}
.network .content b.ft-32{
	font:normal 32px/52px "microsoft yahei";
}
.container{
	width: 100%;
	float: left;
	background: #f6f6f6;
}

.question .content{
	padding-top: 10px;
}
.question .content ul li{
	width: 520px;
	float: left;
	height: 160px;
	padding-left: 30px;
}
.question .content ul li i{
	background: url(../images/service2017/question-icon.jpg) no-repeat;
	width: 90px;
	height: 100px;
	float: left;
}
.question .content ul li i.icon1{
	background-position: 0 0;
}
.question .content ul li i.icon2{
	background-position: 0 -100px;
}
.question .content ul li i.icon3{
	background-position: 0 -200px;
}
.question .content ul li i.icon4{
	background-position: 0 -300px;
}
.question .content ul li .txt-rt{
	float: left;
	margin-left: 20px;
	width: 410px;
}
.question .content ul li .txt-rt span{
	font:normal 24px/26px "microsoft yahei";
	color: #ff6600;
}
.question .content ul li .txt-rt p{
	font:normal 16px/26px "microsoft yahei";
	margin-top: 10px;
}
.service_items{
	width: 1100px;
	margin: 40px auto 0;
	overflow: hidden;
	padding-bottom: 20px;
}
.service_items ul {
	margin-left: -30px;
	width: 1160px;
	margin-top: 10px;
}
.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/service2017/icon.png) 10px 5px no-repeat;
}
.service_items ul li i.icon2{
	background: url(../images/service2017/icon.png) -135px 5px no-repeat;
}
.service_items ul li i.icon3{
	background: url(../images/service2017/icon.png) -285px 5px no-repeat;
}
.service_items ul li i.icon4{
	background: url(../images/service2017/icon.png) 10px -190px no-repeat;
}
.service_items ul li i.icon5{
	background: url(../images/service2017/icon.png) -135px -190px no-repeat;
}
.service_items ul li i.icon6{
	background: url(../images/service2017/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;
}
.network .hd{
	text-align: center;
	padding-top: 30px;
	padding-bottom: 20px;
	font:normal 36px/70px "microsoft yahei";
	color: #ff6600;
}
.choose-box .box{
	float: left;
	width: 320px;
	margin-left: 30px;
}
.choose-box .box .hd{
	height: 100px;
	padding-top: 20px;
	font:normal 30px/44px "microsoft yahei";
	color: #fff;
	text-align: center;
}
.choose-box .box .hd p{
	font:normal 22px/30px arial;
}
.choose-box .box ul{
	border: 1px solid #dcdcdc;
	height: 203px;
	padding-top: 20px;
}
.choose-box .box ul li{
	font:normal 16px/36px "microsoft yahei";
	position: relative;
	margin-left: 27px;
	width: 245px;
	padding-left: 15px;
}
.choose-box .box ul li i{
	position: absolute;
	height: 1px;
	width: 6px;
	top: 18px;
	left: 0;
}
.box-b .hd,.box-b i{
	background: #3686be;
}
.box-g .hd,.box-g i{
	background: #74c53d;
}
.box-y .hd,.box-y i{
	background: #e7a72d;
}
.ft-container{
	height: 600px;
	width: 100%;
	margin-top: 60px;
	float: left;
	background: url(../images/service2017/ft-banner.jpg) center 0 no-repeat;
}
.ft-container .tl{
	color: #fff;
	margin-top: 20px;
}
.contact-box{
	height: 480px;
}
.contact-box ul{
	width: 1100px;
	float: left;
	padding-top: 25px;
}
.contact-box ul li{
	height: 71px;
	width: 90px;
	border-radius: 50%;
	background: #ff6600;
	color: #fff;
	margin: 0 46px;
	float: left;
	text-align: center;
	padding-top: 19px;
	font:normal 22px/26px "microsoft yahei";
}
.contact-box .qq-contact{
	text-align: center;
}
.contact-box .qq-contact a{
	height: 64px;
	width: 226px;
	margin-top: 56px;
	text-align: center;
	font:normal 22px/64px "microsoft yahei";
	color: #fff;
	border-radius: 40px;
	display: inline-block;
	background-color: #ff6600;
}
.contact-box .qq-contact p{
	font:normal 16px/52px "microsoft yahei";
	color: #fff;
}
.ft-container .ft{
	height: 120px;
	background: #38880b;
	text-align: center;
}
.ft-container .ft span{
	display: inline-block;
	
	height: 45px;
	background: url(../images/service2017/phone-email.png) 0 0 no-repeat;
	font:normal 22px/45px "microsoft yahei";
	color: #fff;
	margin: 38px 20px 0 20px;
	padding-left: 64px;
}
.ft-container .ft span.email{
	background: url(../images/service2017/phone-email.png) 0 bottom no-repeat;
}
/*  */
.consult a.btn{
    position: relative;
}
.consult a.btn .QQhover {
	position: absolute;
	left: 60px;
	bottom: 34px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 110px;
	z-index: 9;
	outline: none;
	text-align: center;
	resize: none;
}
.consult a.btn:hover .QQhover{
	display: inline-block;
}
.qq-contact a.btn{
    position: relative;
}
.qq-contact a.btn .QQhover {
	position: absolute;
	left: 55px;
	bottom: 56px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 20px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 700;
	height: 20px;
	width: 110px;
	z-index: 9;
	outline: none;
	text-align: center;
	resize: none;
}
.qq-contact a.btn:hover .QQhover{
	display: inline-block;
}