.content{
	width: 1200px;
	margin: 0 auto;
}
.port-buss{
	margin-top: 26px;
	width: 100%;
	height: 360px;
}
.line-pos{
	margin-top: 16px;
}
.port-buss .left-content{
	width: 630px;
	float: left;
	height: 345px;
}
.port-buss .left-content p{
	color: rgb(128,128,128);
	line-height: 26px;
	margin-top: 14px;
	text-indent:24px;
}
.port-buss .right-img{
	width: 527px;
	float: right;
	height: 345px;
	background: url(../img/dianzikoan.png) center no-repeat;
}
.port-sys{
	width: 100%;
	margin-top: 55px;
	height: 163px;
}
.port-sys h2{
	text-align: center;
	margin-bottom: 30px;
}
.port-sys p{
	color: rgb(128,128,128);
	line-height: 26px;
}
.t-app{
	width: 100%;
	height: 645px;
	margin-top: 37px;

}
.t-app .left-c{
	float: left;
	margin-top: 36px;
	width: 579px;
	height: 588px;
	border: 1px solid rgb(230,230,230);
}
.t-app .left-c .img-1{
	width: 580px;
	height: 258px;
	background: url(../img/gonggongfuwupingtai.png) center no-repeat;
	background-size: 100% 100%;
	position: relative;
}

.t-app .right-c{
	float: right;
	margin-top: 36px;
	width: 580px;
	height: 588px;
	border: 1px solid rgb(230,230,230);
}
.t-app h2{
	text-align: center;
}
.t-app .right-c .img-2{
	width: 580px;
	height: 258px;
	background: url(../img/EMQ.png) center no-repeat;
	background-size: 100% 100%;
	position: relative;
}
.t-app .img-char{
	color: #fff;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: center;
	font-size: 14px;
	font-family: "Microsoft YaHei";
	width: 579px;
	height: 54px;
	line-height: 54px;
	background-color: rgba(78,88,132,0.7);
	font-weight: bold;
}
.t-app p{
	padding-right: 25px;
	padding-left: 25px;
	line-height: 26px;
	color: rgb(128,128,128);
}
.t-app .mt-40{
	margin-top: 40px;
}
.recommend-bussiness{
  width: 1200px;
  height: 320px;
  margin: 0 auto;
  margin-top: 56px;
}
.recommend-bussiness .left-content{
  float: left;
  width: 372px;
}
.recommend-bussiness .left-content .line-position{
  margin: 10px 0px 20px 0px;
}
.recommend-bussiness .left-content p{
  margin-bottom: 27px;
  line-height: 25px;
}
.recommend-bussiness .center-content{
  float: left;
  margin-left: 80px;
  width: 365px;
  height: 260px;
  background: url(../img/jzxdl-1.png) center no-repeat;
}
.recommend-bussiness .center-content p{
  color: #fff;
  font-weight: bold;
  text-align: center;
  height: 62px;
  width: 365px;
  line-height: 62px;
  background-color: rgba(37,45,57,0.7);
  filter: alpha(opacity=70);
  /* margin: 0 5px; */
  cursor: pointer;
}
.recommend-bussiness .right-content{
  width: 365px;
  height: 260px;
  background: url(../img/jzxdl-2.png) center no-repeat;
  float: right;
}
.recommend-bussiness .right-content p{
  color: #fff;
  font-weight: bold;
  text-align: center;
  height: 62px;
  width: 365px;
  line-height: 62px;
  background-color: rgba(37,45,57,0.7);
  filter: alpha(opacity=70);
 /*  margin: 0 5px; */
  cursor: pointer;
}
.recommend-bussiness .button-content{
  width: 250px;
  height: 60px;
  float: right;
  margin-right: 180px;
  margin-top: 40px;
}
.ring li{
  width: 13px;      
  height: 13px;      
  background-color:#fff;      
  border-radius: 50%;      
  -moz-border-radius: 50%;      
  -webkit-border-radius: 50%;
  border:2px solid rgb(172,181,205);
  float: left;
  margin-left: 18px;
  cursor: pointer;
}
.ring li:hover{
  border:3px solid rgb(48,71,131);
}