html,body{height: 100%;background-color:#f5f5f5; margin: 0 auto; padding: 0;font-family: 微软雅黑; position: relative;}
@media only screen and (min-width :1080px){
body{
	font-size: 16px;
}
.home{
	width:100%;
	min-height: 48.75rem;
}


.homebg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	min-height: 48.75rem;
	overflow: hidden;
	z-index: 1;
}
.head{
	position: fixed;
	width: 100%;
	height: 4rem;
	left:0;
	top:0;
	z-index: 3;
}
.head.scroll{
	background-color:rgba(0,0,0,0.6);
}
   .homehead{
      position:absolute;
      top:0;
      left:5%;
      width:90%;
      height: 4rem;
      z-index: 2;
      color:#fff;
      display: inline-flex;
   }
   .homehead .logo{
   	width:20%;
	 line-height: 4rem;
	 height: 4rem;
	 display: inline-block;
	 background:url("../img/logo.png") no-repeat; background-position: 0 50%; background-size:11.2rem 3rem;
	 filter: grayscale(100%) brightness(0%) invert(100%);
     }
   .homehead .link{
   	width:80%;
   	text-align: right;
	 line-height: 4rem;
	 height: 4rem;
	 display: inline-block;
    }
	.homehead .link a{
		color:#fff;
		text-decoration: none;
		display: inline-block;
		line-height: 4rem;	
		position: relative;
		margin-left: 3rem;
	}
	.homehead .link a.cur:after{
		content: "";
		position: absolute;
		bottom:15px;
		width:100%;
		height: 1px;
		left:0;
		border-bottom:1px #f1501a solid;
		z-index: 1;
	}
	.adscontent{
		position: absolute;
		top:20%;
		left:0;
		width:100%;
		height: 60%;
		z-index: 2;
		color:#fff;
		text-align: center;
	}
	.adscontent .ads{
		  line-height: 5rem;
		  font-size:2rem;
	 }
	 .adscontent .ads i{
		 font-size:5rem;
		 color:#f1501a;
	 }
	 .advance{
		 margin-top: 2rem;
		 display: inline-flex;
		 line-height: 5rem;
		 width:60%;
		 margin-left:20%;
		 text-align: center;
	 }
	 .advs{
		 padding-top:5rem;
		 width:15%;
		 position: relative;
	 }
	 .advs.sfot{
		 background:url("../img/softDev.png") no-repeat;background-size:3rem 3rem; background-position: 50% 20%;
	 }
	 .advs.dev{
	 	 background:url("../img/devDev.png") no-repeat;background-size:3rem 3rem; background-position: 50% 20%;
	 }
	 .advs.customization{
	 	 background:url("../img/customization.png") no-repeat;background-size:3rem 3rem; background-position: 50% 20%;
	 }
	 .advs.dele{
	 	 background:url("../img/dele.png") no-repeat;background-size:3rem 3rem; background-position: 50% 20%;
	 }	 
	.advs.sfot:after,.advs.customization:after,.advs.dev:after{
		content: "";
		position: absolute;
		top:10%;
		right:0;
		width:1px;
		height:40%;
		z-index: 1;
		 border-right:1px #fff dashed;
	}
/* 关于 */
.ususection{padding:3rem 0; min-height: 30rem;border-bottom: 1px #dadada solid; }
.ususection.white{background-color:#fff;}

.title{
	 margin-bottom:5rem;
	 line-height: 5rem;
	 text-align: center;
	 font-size:2rem;
	 position: relative;
	 color:#333;
}
.title:after{
	content: "";
	position: absolute;
	bottom:0;
	left:46%;
	width:8rem;
	height: 0.1rem;
	background-color:#f1501a;
}
.usucon{
	font-size: 1rem;
	line-height: 2.5rem;
	margin:0 auto;width:80%;
}
.usucon p{
	text-indent: 2rem;
}
	/* 服务 */
	.servers{
		width:100%;
		text-align: center;
		display: inline-flex;
		display: -webkit-inline-flex;
		justify-content: space-between;
	}
	.servers .list{
		width:22%;
		text-align: center;
		font-size:1.5rem;
		border:1px #dadada solid;
		
		/* background-color:rgb(65, 133, 244); */
		
	}
	.list.black{
		background-color:#333;
	}
	
	.list .tit{
		font-size:1.2rem;
		/* background-color:rgb(65, 133, 244); */
		line-height: 5rem;
		border-bottom:1px #dadada solid;
		color:#333;
	}
	.list .con{
		margin:0 auto;
		padding:0;
		background-color:#fff;
		width:100%;
		min-height: 25rem;
		background:url("../img/soft.png") no-repeat; background-size: 100% 100%; background-position:center;
		position: relative;
	 }
	 .list .con.stone{
		 background:url("../img/stone.png") no-repeat; background-size: 100% 100%; background-position:center;
	 }
	 .list .con.wulian{
	 		 background:url("../img/wulianwang.png") no-repeat; background-size: 100% 100%; background-position:center;
	 }
	 .list .con.alarm{
	 		 background:url("../img/alarm.png")  no-repeat; background-size: 70% 100%; background-position:center;
	 }
	 .list .con img{width:100%;padding:0;margin: 0 auto;}
	 .list .con .pcon{
		 position: absolute;
		 top:0;
		 left:0;
		 width:100%;
		 height: 100%;
		background-color: rgba(0,0,0,0.1);
		 z-index: 1;
		 /* display: none; */
	 }
	.list .bot{
		color:#666;
		font-weight: bold;
		line-height: 3rem;
		font-size:0.8rem;
	}
	/* 代理价格 */
	.usubtn{
		margin:0 auto;
		width:100%;
		font-size: 1rem;
		line-height: 3rem;
		background-color:#f1501a;
		color:#fafafa;
	}
	/* 底部 */
	.usuewm{
		position: fixed;
		bottom:5rem;
		right:0;
		width:8rem;
		z-index: 2;	
		padding:0.5rem;
		background-color:#fff;
	}
	.usuewm .t{
		line-height: 2.5rem; text-align: center;font-size:0.8rem;color:#f1501a;font-weight: bold;
	}
	.usuewm img{
		width:100%;
		border-radius: 0.5rem;
	}
	.backtop{
		position: fixed;
		bottom:2rem;
		right:0;
		width:2rem;
		height: 2rem;
		z-index: 2;	
		padding:0.5rem;
		background:url("../img/backtop.png") no-repeat; background-size:2rem 2rem; background-position: center;
		display: none;
	}
	/* 处理客户声音 */
	.customer{
		position: relative;
		display: flex;
	}
	.customer.l{
		justify-content: flex-start;
	}
	.customer.r{
		justify-content: flex-end;
	}
	.voicelist{
		width:50%;
		display: flex;
		position: relative;
		
	}
	.voicelist.enter{
		background-color:#fff;
		
	}
	.customer .voicelist.l{
		justify-content: space-between;
		position: relative;
	}
	.voicelist.l:after{
		content: "";
		position: absolute;
		top:48%;
		width:1rem;
		height: 1rem;
		right:-0.58rem;
		border-radius:50%;
		background-color:#999;
		z-index: 2;
	}
	.voicelist.r:after{
		content: "";
		position: absolute;
		top:48%;
		width:1rem;
		height: 1rem;
		left:-0.4rem;
		border-radius:50%;
		background-color:#999;
		z-index: 2;
	}
	.voicelist .vleft{
		width:73%;
		padding:0 1%;
		text-align: right;
	}
	.vleft.r{
		text-align: left;
	}
	.vleft .vltit{
		line-height: 3rem;
	}
	.vlcon{
		line-height: 2.5rem;
		font-size: 0.9rem;
		color:#666;
	}
	
	.voicelist .vright{
		width: 20%;
		position: relative;
		text-align: center;
	}
	.vright.r{
		text-align: center;
	}
	.vright label{
		font-size: 1.4rem;
		line-height: 5rem;
		color:#f1501a;
		display: block;
	}
	
	.customer:after{
		content: "";
		position: absolute;
		left:50%;
		bottom:0;
		height: 100%;
		border:1px #dadada solid;
	}
	video{position: absolute;left:0;top:0;z-index: 0; width: 100%; height: 100%; object-fit:cover;object-position: center;}
	.bottom{
		font-size: 0.9rem;
		line-height: 3rem;
		text-align: center;
		background-color: #333;
		color:#dadada;
	}
	.bottom a{
		text-decoration: none;
		color:#dadada;
	}
	.mlist{
		display: none;
	}
	/* 处理套餐 */
	.plans{display: flex;justify-content: space-between;}
	.planLables{width:32%;min-height: 40rem;}
	.planLables label{display: block; padding:0 1rem;color:#555; margin-bottom: 20px; border-radius:5px;line-height: 3rem;border:1px #dadada solid;}
	.planList{width:66%; min-height: 40rem;}
	
}
/* 通用 */
table{border:1px #dadada solid; border-right: none; width:100% }
table thead tr{background:#f1501a; color:#fff;}
table tr th,td{border:1px #dadada solid; border-left: none;border-bottom:none; text-align: center; line-height: 3rem;}
table td{color:#555;}
table td:first-child{font-weight: bold;}
table tr:nth-child(even) td{background-color:#efefef}
.selok{background:url("../img/sel.png") no-repeat; background-position: center;background-size: 1.8rem 1.3rem;}
.selno{background:url("../img/nosel.png") no-repeat; background-position: center;background-size: 1.2rem 1.2rem;}
@media only screen and (max-width:1080px){
body{
	position: relative;
	font-size: 12px;
}
   .homehead{
      position:fixed;
      top:0;
      left:0;
      width:100%;
	  padding:0 1%;
      height: 4rem;
      z-index: 2;
      color:#fff;
      display: inline-flex;
	  background-color:rgb(65, 133, 244);
	  justify-content: space-between;
	  z-index: 5;
   }
   .homehead .logo{
   	width:30%;
	 line-height: 4rem;
	 height: 4rem;
	 display: inline-block;
	 background:url("../img/logo.png") no-repeat; background-position: 0 50%; background-size:6rem 1.5rem;
	 filter: grayscale(100%) brightness(0%) invert(100%);
     }
 .homehead .link{
   	 width:4rem;
	 height: 4rem;
   	background:url("../img/list.png")no-repeat; background-size: 2rem 2rem; background-position: center;
	 overflow: hidden;
    }
	.link a{
		display: none;
	}
	.mlist{
	  position: fixed;
	  background:#fff;
	  top:0;
	  left:-80%;
	  width:80%;
	  height: 95%;
	  z-index: 8;
	  padding-top:5%;
	}
	.mlist a{
		display: block;
		line-height: 3rem;
		text-align: center;
		font-size:1.1rem;
		color:#444;
		border-bottom: 1px #dadada solid;
		text-decoration: none;
	}	 
.homebg{
	min-height: 25rem;
	position: relative;
	z-index: 0;
}
.homebg video{
   display: none;	
 }
 /* 顶部*/
 .adscontent{
 	position: absolute;
 	top:12%;
 	left:0;
 	width:100%;
 	/* height: 60%; */
 	z-index: 2;
 	color:#fff;
 	text-align: center;
 }
 .adscontent .ads{
 	  line-height: 3rem;
 	  font-size:1.2rem;
  }
  .adscontent .ads i{
 	 font-size:1.6rem;
 	 color:#f1501a;
  }
  .advance{
 	 margin-top: 2rem;
 	 display: inline-flex;
 	 line-height: 2rem;
 	 width:100%;

 	 text-align: center;
  }
  .advs{
 	 padding-top:2.8rem;
 	 width:25%;
 	 position: relative;
  }
  .advs.sfot{
 	 background:url("../img/softDev.png") no-repeat;background-size:2rem 2rem; background-position: 50% 20%;
  }
  .advs.dev{
  	 background:url("../img/devDev.png") no-repeat;background-size:2rem 2rem; background-position: 50% 20%;
  }
  .advs.customization{
  	 background:url("../img/customization.png") no-repeat;background-size:2rem 2rem; background-position: 50% 20%;
  }
  .advs.dele{
  	 background:url("../img/dele.png") no-repeat;background-size:2rem 2rem; background-position: 50% 20%;
  }	 
 .advs.sfot:after,.advs.customization:after,.advs.dev:after{
 	content: "";
 	position: absolute;
 	top:10%;
 	right:0;
 	width:1px;
 	height:40%;
 	z-index: 1;
 	 border-right:1px #fff dashed;
 }
/* 关于 */
.ususection{padding:1rem 0; min-height: 10rem;border-bottom: 1px #dadada solid; }
.ususection.white{background-color:#fff;}

.title{
	 margin-bottom:2rem;
	 line-height: 1.5rem;
	 text-align: center;
	 font-size:1.2rem;
	 position: relative;
	 color:#333;
}
.title:after{
	content: "";
	position: absolute;
	bottom:-1rem;
	left:40%;
	width:4rem;
	height: 0.1rem;
	background-color:rgb(65, 133, 244);
}
.usucon{
	font-size: 0.9rem;
	line-height: 1.5rem;
	margin:0 auto;
	width:96%;
}
.usucon p{
	text-indent: 2rem;
}
.bottom{
	font-size:0.6rem;
	line-height: 1.5rem;
	text-align: center;
	background-color: #333;
	color:#dadada;
}
 .bottom a{
 	text-decoration: none;
 	color:#dadada;
 }
	.usuewm{
		position: fixed;
		bottom:2rem;
		right:0;
		width:4rem;
		z-index: 2;	
		padding:0.5rem;
		background-color:#fff;
	}
	.usuewm .t{
		line-height: 1.5rem; text-align: center;font-size:0.6rem;color:#f1501a;
	}
	.usuewm img{
		width:100%;
		border-radius: 0.5rem;
	}
	.none{
		display: none;
	}
 .backtop{
	 display: none;
 }
 .mcon{display: none;}
 /* 服务 */
 .servers{
	margin:0 auto;
 	width:90%;
 	text-align: center;
 }
 .servers .list{
	 margin:1rem auto;
 	width:100%;
 	text-align: center;
 	font-size:1.5rem;
 	border:1px #dadada solid;
 	
 	/* background-color:rgb(65, 133, 244); */
 	
 }
 .list.black{
 	background-color:#333;
 }
 
 .list .tit{
 	font-size:1.1rem;
 	/* background-color:rgb(65, 133, 244); */
 	line-height: 3rem;
 	border-bottom:1px #dadada solid;
 	color:#333;
 }
 .list .con{
 	margin:0 auto;
 	padding:0;
 	background-color:#fff;
 	width:100%;
 	min-height: 25rem;
 	background:url("../img/soft.png") no-repeat; background-size: 100% 100%; background-position:center;
 	position: relative;
  }
  .list .con.stone{
 	 background:url("../img/stone.png") no-repeat; background-size: 100% 100%; background-position:center;
  }
  .list .con.wulian{
  		 background:url("../img/wulianwang.png") no-repeat; background-size: 100% 100%; background-position:center;
  }
  .list .con.alarm{
  		 background:url("../img/alarm.png")  no-repeat; background-size: 70% 100%; background-position:center;
  }
  .list .con img{width:100%;padding:0;margin: 0 auto;}
  .list .con .pcon{
 	 position: absolute;
 	 top:0;
 	 left:0;
 	 width:100%;
 	 height: 100%;
 	background-color: rgba(0,0,0,0.1);
 	 z-index: 1;
 	 /* display: none; */
  }
 .list .bot{
 	color:#666;
 	font-weight: bold;
 	line-height: 3rem;
 	font-size:0.8rem;
 }
 /* 代理价格 */
 .usubtn{
 	margin:0 auto;
 	width:100%;
 	font-size: 1rem;
 	line-height: 3rem;
 	background-color:rgb(65, 133, 244);
 	color:#fafafa;
 }
/* 处理客户声音 */
	.customer{
		margin: 1rem auto;
		position: relative;
		display: flex;
		border-bottom:1px #dadada solid;
		
		/* box-shadow: 0 1px 5px #000; */
	}

	.voicelist{
		width:96%;
		padding:1rem 2%;
		display: flex;
		position: relative;
		background-color:#fff;
		justify-content: space-between;
	}
	.customer .voicelist.l{
		justify-content: space-between;
		position: relative;
	}
	.voicelist .vleft{
		width:75%;
		text-align: left;
	}
	.vleft .vltit{
		line-height: 2rem;
	}
	.vlcon{
		line-height: 1.5rem;
		font-size: 0.9rem;
		color:#666;
	}
	
	.voicelist .vright{
		width: 20%;
		position: relative;
		text-align: center;
	}
	.vright label{
		font-size: 1.4rem;
		line-height: 5rem;
		color:#f1501a;
		display: block;
	} 
	/* 套餐标签 */
	.planLables label{display: block; padding:0 1rem;color:#444; margin-bottom: 10px; border-radius:5px;line-height: 3rem;border:1px #dadada solid; }
	table tr td{line-height: 2.5rem;}
}

.homeblackbg{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	z-index: 2;
	background: rgba(0,0,0,0.6);
}