*,div,span,a,li,ul,i,p,header,section,strong{
	padding:0;
	margin:0;
	color:#000;
}
ul{
	list-style: none;
}
.continer{
	margin:0;
	padding:0;
}
.row{
	margin:0;
}
header{
	background-color:#eaf4f6;
	width: 100%;
	height:95px;
	line-height: 55px;
}
header img{
	max-width: 292px;
}
.title{
	width:100%;
	display: block;
	background:url(../images/bg_square01.png) center center;
	background-size:cover;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-weight: 700;
	font-size:30px;
	margin:50px auto;
}
.nav-bar,.introduce{
	display: flex;

}
.nav-bar>li.nav-item{
	flex:1;

}
.nav-bar>li.nav-item >a{
	font-weight: 700;
	font-size: 16px;
}
.nav-bar>li.nav-item >a.active{
	color:#78e3f7;
}
.introduce>.introduce-item{
	flex:1;
	position: relative;
	background-color:#47ace4;
	margin-right:12px;
	color:#fff;
	height:120px;
}
.introduce{
	margin-top:60px;
}
.introduce>.introduce-item:before{
	background-color:#47ace4;
	border-radius: 50px 50px 0 0;
	width:70px;
	height:35px;
	position: absolute;
    top: -35px;
    left: 27%;
    line-height: 35px;
    font-weight: 700;
    color:#fff;
    font-weight:700;
    font-size: 18px;
}
.introduce>.introduce-item:first-child:before{
	content:'01';
}
.introduce>.introduce-item:nth-child(2):before{
	content:'02';
}
.introduce>.introduce-item:nth-child(3):before{
	content:'03';
}
.introduce>.introduce-item:last-child:before{
	content:'04';
}
.introduce>.introduce-item:after{
	content:'';
	border-left:15px solid #47ace4;
	border-top:15px solid transparent;
	border-bottom:15px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    top:37.5%;
    right:-10px;
}
.introduce>.introduce-item div.introduce-item-title{
	display:block;
	width:80%;
	border-bottom:1px dashed #fff;
	color: #fff;
	height: 30px;
	line-height: 30px;
	margin:0 auto;

}
.narbar-row{
	display: none;
}
.banner{
	width:100%;
	margin-top:2px;
}
.img{
	width:75%;
	max-width:290px;
	margin:65px 0;
	min-width:112px;
}
.system-title{
	color:#47ace4;
	font-size:28px;
	font-weight: 700;
	margin-top:30px;
}
.text-content{
	width:75%;
	font-weight: 600;
}
.light-blue{
	background-color: #ebf5f7;
}
.system-img{
	width:81%;
}
.explain{
	height: 80px;
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: left;
    padding:0 10px;
    color: #fff;
}
.floatButton {
    position: fixed;
    bottom: 10%;
    right: 0;
    z-index: 9999999;
}
.introduce-cpn{
	width:81%;
	margin:0 auto;
}
.navbar{
	display: none;
}
.img-responsive{
	display: block;
	margin:0 auto;
	height: auto;
	max-width: 899px;
}
@media screen and (max-width:640px){
	.navbar{
		display: none;
	}
	.container{
		padding:0;
	}
	.logo-img{
		width:100%;
	}
	.hot-tel{
		display: none;
	}
	.top-title{
		height: 32px;
		margin-top: 36px;
	}
	.title{
		margin:-8px auto 24px auto;
		font-size:20px;
	}
	.system-img{
		width:100%;
	}
	.banner{
		width:100%;
		margin-top:14px;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
		padding:0;
	}
	.circle-img{
		display:none;
	}
	.text-content{
		width:100%;
	}
	.introduce-cpn{
		width:100%;
	}
	.system-title{
		text-align: center;
	}
	.introduce-box{
		width:100%;
		padding:0 10px;
	}
	.navbar-brand{
		width:80%;
		text-align: center;
		display: inline-block;
		padding:2px 15px;
	}
	.navbar-brand img{
		max-width:150px;
	}
	.navbar-default{
		border:none;
		background-color:#eaf4f6;
	}
	.navbar{
		top:-131px;
	}

	.narbar-row{
		display: none;
	}
}