.servebanner {
  width: 100%;
  margin-bottom: 80px;
  position: relative;
}
.servebanner img {
  font-size: 0;
}
.servebanner .servebcontent {
  width: 244px;
  height: 289px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -145px 0 0 -122px;
}
.servebanner .servebcontent .icon-server {
  display: inline-block;
  width: 166px;
  height: 168px;
  margin-bottom: 28px;
  background: url(/uploads/image/phiserve/icon-serve.png) center no-repeat;
  background-size: 166px;
}
.servebanner .servebcontent h2 {
  font-size: 34px;
  color: #000;
  margin-bottom: 22px;
}
.servebanner .servebcontent p {
  color: #262626;
  font-size: 16px;
}

.servewrap {
  margin-bottom:40px;
}
.servewrap .row .col-md-6 {
  margin-bottom: 60px;
}
.servewrap .row .col-md-6 .pad {
  background: #fff;
  text-align: center; margin:0 20px;
}
.servewrap .row .col-md-6 .pad .servetext {
  color: #333;
  padding: 34px 0 20px 0; overflow:hidden;
}
.servewrap .row .col-md-6 .pad .servetext h3 {
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 10px;
}
.servewrap .row .col-md-6 .pad .servetext p {
  font-size: 14px;
  margin-bottom: 30px;
}
.servewrap .row .col-md-6 .pad .servetext span {
  color: #000;
  padding-bottom: 12px;
  position: relative;
}
.servewrap .row .col-md-6 .pad .servetext span em {
  display: inline-block;
  width: 20px;
  height: 2px;
  background: #c70019;
}
.servewrap .row .col-md-6 .pad .serveimg img {
  font-size: 0;
}

.contactwrap {
  position: relative; background:url(/uploads/image/phiserve/s-erb.jpg) no-repeat center top; height:691px;
}
.contactwrap .popdown {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #000;
  opacity: .6;
  z-index: 1;
  filter: alpha(opacity=50);
}
.contactwrap .bg {
  font-size: 0;
}
.contactwrap .contacttext {
  text-align: center;
  width: 780px;
  height: 330px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -165px 0 0 -390px;
}
.contactwrap .contacttext h3 {
  font-size: 32px;
  color: #fff;
  margin-bottom: 10px;
}
.contactwrap .contacttext .email {
  width: 132px;
  height: 110px;
  position: absolute;
  left: 0;
  bottom: 73px;
}
.contactwrap .contacttext .email .icon-email {
  display: block;
  width: 43px;
  height: 40px;
  background: url(/uploads/image/phiserve/icon-email.png) center no-repeat;
  margin: 0 auto 20px;
}
.contactwrap .contacttext .email span {
  font-size: 14px;
  color: #fff;
}

.contactwrap .contacttext .tel{
  width: 132px;
  height: 110px;*height:50px;
  position: absolute;
  left:230px;
  bottom: 73px; color:#fff; text-align:center; background:url(/uploads/image/phiserve/icon-tel.png) no-repeat center top; padding-top:60px; font-size:14px;}

.contactwrap .contacttext .ercode {
  width: 271px;
  height: 271px;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -135px;
  z-index: 2;
}
.contactwrap .contacttext .bsc {
  width: 106px;
  height: 106px; color:#fff; font-size:14px;
  position: absolute;
  left: 470px;
  bottom: 73px; cursor:pointer;
}
.contactwrap .contacttext .wx {
  width: 106px;
  height: 106px;
  position: absolute;
  right: 0;
  bottom: 73px; cursor:pointer;
}
.contactwrap .contacttext .wx .icon-wechat {
  display: block;
  width: 54px;
  height: 38px;
  background: url(/uploads/image/phiserve/icon-wechat.png) center no-repeat;
  margin: 0 auto 20px;
}
.contactwrap .contacttext .bsc .icon-bsc {
  display: block;
  width: 54px;
  height: 38px;
  background: url(/uploads/image/phiserve/icon-bsc.png) center no-repeat;
  margin: 0 auto 20px;
}
.contactwrap .contacttext .wx span {
  font-size: 14px;
  color: #fff;
}

.layoutbg {
  height: 34px;
  width: 100%;
  background: #7d7d7d;
}
.contactwrap .contacttext .bsc a{ color:#fff; font-size:14px;}

.kvbox{ position:relative; height:700px; width:100%; background:#fff; margin-bottom:60px; overflow:hidden;}
.kvbox .left{ position:absolute; background:url(/uploads/image/phishome/p1.png) no-repeat left bottom; width:652px; height:444px; left:0; bottom:0;}
.kvbox .right{ position:absolute; background:url(/uploads/image/phishome/p2.png) no-repeat right top; width:517px; height:283px; right:0; top:0;}
.kvbox div{ position:absolute;}
.kvbox .q1{ width: 140px;left: 7.3%;top:65px;}
.kvbox .q2{ width:320px;left:24%; top:84px;}
.kvbox .q3{ width:330px;left:59%; top:311px;}
.kvbox .q4{ width:340px;left:63%; bottom:-90px;}
.kvbox .q5{ width:320px;left:60%; top:-100px;}
.kvbox .q6{ width:360px;left:76%; top:60px;}
.kvbox .q7{ width:323px;left:24%; top:50%;}
.kvbox .q8{ width:240px;right:4%; top:30px;}
.kvbox .q9{ width:355px;right:30%; bottom:30px;}
.kvbox .q10{ width:300px;left:22%; top:400px;}

@keyframes dx{
	0% {transform: translate(0px,0px) rotate(0deg);}
	40% {transform: translate(60px,60px) rotate(10deg);}
	100% {transform: translate(0px,0px) rotate(0deg);}
}
@-webkit-keyframes dx{
	0% {-webkit-transform: translate(0px,0px) rotate(0deg);}
	40% {-webkit-transform: translate(60px,60px) rotate(10deg);}
	100% {-webkit-transform: translate(0px,0px) rotate(0deg);}
}
.kvbox .q1,.kvbox .q5,.kvbox .q7,.kvbox .q9{animation :dx 12s infinite;-webkit-animation :dx 12s infinite;}

@keyframes dx2{
	0% {transform: translate(0px,0px) rotate(0deg);}
	70% {transform: translate(-50px,-50px) rotate(25deg);}
	100% {transform: translate(0px,0px) rotate(0deg);}
}
@-webkit-keyframes dx2{
	0% {-webkit-transform: translate(0px,0px) rotate(0deg);}
	70% {-webkit-transform: translate(-50px,-50px) rotate(25deg);}
	100% {-webkit-transform: translate(0px,0px) rotate(0deg);}
}
.kvbox .q2,.kvbox .q6,.kvbox .q8,.kvbox .q10{animation :dx2 10s infinite;-webkit-animation :dx2 10s infinite;}

@keyframes dx3{
	0% {transform: translate(0px,0px) rotate(0deg);}
	60% {transform: translate(20px,50px) rotate(10deg);}
	100% {transform: translate(0px,0px) rotate(0deg);}
}
@-webkit-keyframes dx3{
	0% {-webkit-transform: translate(0px,0px) rotate(0deg);}
	60% {-webkit-transform: translate(20px,50px) rotate(10deg);}
	100% {-webkit-transform: translate(0px,0px) rotate(0deg);}
}
.kvbox .q3,.kvbox .q4,.kvbox .q6{animation :dx3 10s infinite;-webkit-animation :dx3 10s infinite;}
.kvbox .info{ background:url(/uploads/image/phiserve/icon-serve.png) no-repeat center top; padding-top:170px; text-align:center; width:230px; height:240px; position:absolute; left:50%; top:50%; margin-left:-115px; margin-top:-120px;z-index:4;}
.kvbox .info h2{font-size: 30px; color: #000; margin-bottom:10px; font-weight:bold;}
.kvbox .info p{ font-size:14px; color:#666;}

.servewrap .row .col-md-6 .pad:hover{box-shadow:0px 0px 50px rgba(0,0,0,0.08);}
.servewrap .row .col-md-6 .pad:hover .servetext span em{ width:40px;}

.servewrap .row .col-md-6 .pad,.servewrap .row .col-md-6 .pad:hover,
.servewrap .row .col-md-6 .pad .servetext span em,.servewrap .row .col-md-6 .pad:hover .servetext span em{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;}

.mabox{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(/uploads/image/phiproduct/bg.png) repeat; z-index:9; display:none;}
.mabox img{ width:270px; height:270px; position:absolute; left:50%; top:50%; margin-left:-135px; margin-top:-135px;}

.servewrap .row .col-md-6{ padding:0;}

.main{ padding-bottom:0;}