body{
	background: #f6f6f6;
}
/* banner */
.box-banner{
	width: 100%;
	position: relative;
}
.box-banner-img{
	width: 100%;
	height: 100%;
}
.box-position{
	margin-top: -4px;
}
/* 中间 */
.box{
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
.box-center{
	width: 1480px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 120px;
}
.box-video-title{
	width: 100%;
	color: #28b3e7;
	font-size: 30px;
	margin-bottom: 30px;
}
.box-video-text{
	color: #808080;
	font-size: 14px;
	line-height: 30px;
}
.box-center.jm{
	flex-direction: row;
	justify-content: space-between;
	border-bottom: 1px solid #ccc;
	padding-bottom: 90px;
}
.box-img-text.ws{
	width: 50%;
}
.box-img-text.ls{
	width: 60%;
}
.box-yq-ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.box-yq-li{
	width: 32.5%;
	height: 270px;
	background: #fff;
	display: flex;
	flex-direction: column;
	margin-bottom: 20px;
	padding: 20px 70px 20px 20px;
	color: #808080;
	transition: all .2s;
}
.box-yq-li.hover{
	background: #41c3fd;
	color: #fff;
}
.box-yq-li-text{
	width: calc(100% - 130px);
	align-self: flex-end;
}
.box-yq-li-text p{
	font-size: 26px;
	margin-bottom: 10px;
}
.box-yq-li-text span{
	font-size: 16px;
	line-height: 30px;
}
.box-yq-li-num{
	width: 110px;
	height: 80px;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
.num1{
	background-image: url(../img/font-16.1.png);
}
.num2{
	background-image: url(../img/font-17.1.png);
}
.num3{
	background-image: url(../img/font-18.1.png);
}
.num4{
	background-image: url(../img/font-19.1.png);
}
.num5{
	background-image: url(../img/font-20.1.png);
}
.num6{
	background-image: url(../img/font-21.1.png);
}
.num1.hover{
	background-image: url(../img/font-16.2.png);
}
.num2.hover{
	background-image: url(../img/font-17.2.png);
}
.num3.hover{
	background-image: url(../img/font-18.2.png);
}
.num4.hover{
	background-image: url(../img/font-19.2.png);
}
.num5.hover{
	background-image: url(../img/font-20.2.png);
}
.num6.hover{
	background-image: url(../img/font-21.2.png);
}

.box.join{
	background: url(../img/img-16.png) no-repeat;
	background-size: 100% 100%;
	padding: 80px 0;
}
.box.join .box-center{
	margin-bottom: 0;
}
.box-join-title{
	color: #fff;
	font-size: 30px;
	margin-bottom: 30px;
}
.box-join-text{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
}
.box-join-icon{
	width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
}
.box-join-li{
	width: 24%;
	height: 370px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 20px;
}
.box-join-li-img{
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 220px;
	justify-content: flex-end;
}

.box-join-li-img img{
	height: 70px;
}
.box-join-li-img span{
	color: #065cce;
	margin:30px 0
}
.box-join-li p{
	color: #4d4d4d;
}

.box-center.server{
	margin-bottom: 10px;
	margin-top: 100px;
}
.box.server{
	flex-direction: row;
	background:url(../img/img-17.png) no-repeat;
	background-size: 100% 100%;
}
.box-join-sk{
	width: 50%;
	background: #178dd3;
}
.box-join-sk2{
	width: 50%;
	background: #79bee5;
}
.box-center.server2{
	margin-bottom: 0;
}
.box-center.server2 img{
	width: 100%;
}

.box-tel-title{
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #41c3fd;
	margin-top: 110px;
}
.box-tel-ul{
	width: 1200px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 20px 0;
}
.box-tel-li{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 15px 0;
}
.box-tel-li-qy{
	width: 240px;
	height: 80px;
	background: #47a9e8;
	border-radius: 50px;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 26px;
}
.box-tel-li-tel{
	width: 600px;
	height: 120px;
	border-radius: 100px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border:1px solid #d9d9d9;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	color: #808080;
	font-size: 26px;
}
.icon-tel-1{
	width: 34px;
	position: absolute;
	left: -32px;
	z-index: -1;
}
.icon-tel-2{
	width: 34px;
	position: absolute;
	right: -32px;
	z-index: -1;
}
.tabel{
	width: 100%;
	margin-top: 20px;
	background: #fff;
	border: 1px solid #c4c4c4;
}
.tabel th{
	background: #79bee5;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	width: 25%;
	font-size: 18px;
}
.tabel td{
	text-align: center;
	color: #808080;
	padding: 15px 5px;
	width: 25%;
	border-right: 1px solid #c4c4c4;
	font-size: 16px;
}
.tabel tr:nth-child(even){
	background: #f2f2f2;
}
.tabel th p{
	border-right: 2px solid #fff;
}
.tabel th:last-child p,.tabel td:last-child{
	border: none;
}
.tabel td img{
	width: 14px;
}
.tabel td.table-font-color{
	color: #47a9e8;
}