
p{
	margin:0;
	padding:0;
}


.top{
	width: 100%;
	height: 10%;
	background: #f4f4f4;
	font-size: 14px;
	color: #666666;
	line-height: 45px;
}
.page{
	width:1200px;
	height: auto;
	margin:0 auto;
}

.navlogobox{
	width: 100%;
	height: 90px;
	background-color: #ffffff;
}

.logo{
	float: left;
	width: 40%;
	height: 90px;
}


.logo img{
	width: 180px;
	height: 60px;
}
.navbox{
	float: right;
	width: 60%;
	height: 90px;
	
	
}

.nav li{
	float: left;
	list-style: none;
	font-size: 16px;
	color: #555555;
	line-height: 90px;
	padding-left: 30px;

}




 .target {
				width:100%;
				height:430px;
				overflow:hidden;
				position:relative;
				
			}
			.target img {
				position:absolute;
				top:0;
				left:0;
				width:100%;
				height:100%;
				vertical-align: middle;
			}


.Business{
	font-size: 32px;
	color: #333333;
	text-align: center; 
	margin:100px 0 22px 0;   

}

.fbusiness{
	font-size: 18px;
	color: #888888;
	text-align: center;
	margin-bottom: 60px;
	
}

.map{
	width: 1200px;
	height: 550px;
	margin-bottom: 60px;
}

.Promotion{
	width: 1200px;
	height: 550px;
	background-image: url(../images/cx.png);
}


.system{
	width: 100%;
	height: 470px;
	background-color: #F9F9F9;
	margin-top: 40px;
}

.stytemtitle{
	font-size:34px;
	color: #333333;
	text-align: center;
	padding:60px 0 20px 0;
}

.systemone{
	float: left;
	width: 300px;
	text-align: center;
	font-size: 20px;
	color: 000000;
}
.case{
	width: 100%;
	height: 750px;
}




.footer{
	width: 100%;
	height: 200px;
	background-color: #111111;
	color: #999999;
	padding:20px 0 0 0;

}

.footerone{
	width: 1200px;
	height: 60px;
	font-size: 16px;
	border-bottom:1px solid #444444;
	line-height: 60px;
	text-align: center;
	display: block;
	word-spacing: 60px;
	
}

.logo1{
	font-size: 30px;

}
.dz{
	text-align: center;
	color: #777777;
	line-height: 30px;
	margin-top: 40px;
}



.Side{
	width:120px;
	height:230px;
	position: fixed;
	background-color: #3582ff;
	border-radius: 100px 100px 10px 10px;
	top:45%;
	right: 10px;
}

.lxdh{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	background-color: #ffffff;
	margin:14px;
}

.lxdh img{
	width: 90px;
	height: 90px;
	border-radius: 50%;
	
}


.return{
	width: 120px;
	height: 1px;
	background-color: #ffffff;
	margin-top: 6px;
}

.returntop{
	width: 120px;
	text-align: center;
	font-size: 16px;
	color: #ffffff;
	line-height: 50px;
}
.returntop a{
	color: #ffffff;
}

.returntop a:hover{
	color: #ffffff;
}
.hm{
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	line-height: 34px;
}

.lx{
	font-size: 16px;
	color: #ffffff;
	text-align: center;
}


.cooperation{
	width: 100%;
	height: 460px;
	background-color: #222222;


}

.cooperationone{
	width: 220px;
	height: 120px;
	background-color: #ffffff;
	float: left;
	margin:10px 20px 20px 0;
	border-radius: 6px;

}

.cooperationone img{
	width: 220px;
	height: 120px;
	border-radius: 6px;
}



















