*{
	padding:0;
	margin:0;
}
html{
	font-size:16px;		
}
body{
	font-family:Arial,"微软雅黑";		
	border: none;
	margin: 0;
	padding: 0;
}
ul,li{
	list-style-type:none;	
}

input{
	border:0;
	background:none;
	outline:none;
}
button{
	border:none;
	background:none;
	outline:none;
}
.topBar{
	width:100%;
	height:100px;	
	position:absolute;
	left:0;
	top:0;
	z-index:1;
}
.topBar2{
	width:100%;
	min-height:80px;	
	position:fixed;
	left:0;
	top:0;
	z-index:3;
	background:#fff;
	border-bottom:1px solid #ddd;
	display:none;
}
.comTopBar{
	opacity:1;	
	display:block;
}
.topLogo{
	float:left;
	margin-left:50px;
	margin-top:20px;
}
.topMenu{
	float:right;
	margin-top:0px;
	margin-right:50px;
}
.topMenu li{
	float:left;
	margin-left:100px;
	font-size:18px;	
	transition:all 0.4s;
	padding:20px 10px;
	min-width:80px; 
	height:30px;
	line-height:30px;
	overflow:hidden;	
	text-align:center;
	position:relative;
}
.topMenu li a{
	color:#999999;
	text-decoration:none;	
}
.topMenu li span{
	display:inline-block;
	width:100%;
	height:0;
	background:#64c8ff;
	transition:all 0.2s;
	position:absolute;
	left:0;
	bottom:0;	
	z-index:-1;
}
.topMenu li:hover a{
	color:#fff;
}
.topMenu li:hover span{
	height:100%;
}
.topMenu  .curLi a{
	color:#25baff;
}
.copy{
	width:100%;
	min-height:80px;
	line-height:80px;
	background:#fff;
	border-top:1px solid #ddd;
}
.copyLeft{
	float:left;
	padding-left:100px;
	font-size:16px;
	color:#999;
}
.copyLeft img{
	padding:0 10px;
}
.copy a{
	color:#666;
}
.copyRgt{
	float:right;
	padding-right:100px;
	font-size:16px;
	color:#999;	
}
.returnTop{
	width:70px;
	position:fixed;
	right:0;
	top:50%;
	display:none;
}
.comReturnTop{
	display:block;
	
}
.returnTop div{
	width:100%;
	height:70px;
	clear:both;
	float:left;	
	overflow:hidden;
	margin-bottom:10px;
	cursor:pointer;
	background-color:#66bbe8;
	transition:all 0.4s;
}
.backTop{
	background-image:url(../images/top.png);
}
.qqRgt{
	background-image:url(../images/qq2.png);
}
.wchatRgt{
	background-image:url(../images/wchat.png);
}
.returnTop div:hover{
	background-position:0 -70px;	
}
.returnTop .wchatRgt:hover{
	background-position:0 70px;	
}
.comReturnTop .backTop{
	display:none;
}
.returnTop .wchatCode{
	position:absolute;
	right:80px;
	top:50px;
	padding:15px;
	width:110px;
	height:110px;
	background:#fff;
	overflow:hidden;	
	border:1px solid #ddd;
	display:none;
}
.returnTop .wchatCode img{
	width:110px;
	height:110px;
}
.returnTop .qqCode{
	position:absolute;
	right:80px;
	top:-30px;
	padding:15px;
	width:110px;
	height:110px;
	background:#fff;
	overflow:hidden;	
	border:1px solid #ddd;
	display:none;
}
.returnTop .qqCode img{
	width:110px;
	height:110px;
}
.content{
	width:1520px;
	min-height:700px;
	margin:0 auto;
	margin-top:110px;
	margin-bottom:40px;
	overflow:hidden;
}
.contLeft{
	display:inline-block;	
	padding:40px 70px 40px 70px;
	background:#fff;
	width:1000px;
	min-height:600px;
	overflow:hidden;
	float:left;
}
.artTitle{
	font-size:30px;
	color:#666666;
	line-height:40px;
	font-weight:400;
	text-align:center;
}
.artTime{
	font-size:16px;
	color:#999999;
	font-weight:400;
	line-height:40px;
	text-align:center;	
}
.artTag{
	font-size:16px;
	color:#666666;
	font-weight:400;
	padding-bottom:30px;
	text-align:center;	
}
.artCont{
	text-align:left;
	line-height:30px;	
}
.artCont p{
	text-indent:30px;
	padding-bottom:20px;	
}
.artCont img{
	margin:0;
	padding:0;
	float:left;
}
.contRight{
	display:inline-block;	
	width:300px;
	padding:30px;
	float:left;
	background:#fff;
	margin-left:20px;
	overflow:hidden;
}
.contRight h4{
	font-size:18px;
	color:#555;
	font-weight:600;
	padding-bottom:10px;
}
.artType{
	margin-bottom:20px;
}
.artType li{
	width:100%;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #ddd;
	clear:both;
	overflow:hidden;
}
.artType span{
	font-size:16px;
	color:#555;
	float:left;
}
.artType b{
	font-size:16px;
	color:#333333;
	float:right;
}
.artContat img{
	width:100%;
}
.artContat li{
	padding-bottom:10px;
}
.artContat p{
	text-align:center;
	font-size:16px;
	color:#555;
	line-height:30px;
}
.artContat a{
	text-decoration:none;
}
.artContat a:hover{
	text-decoration:underline;
}
.banner_About{
	display:table;		
	width:100%;
	height:400px;
	background:url(../images/aboutbg.jpg) no-repeat;	
	background-position: center 80px;
	background-attachment: fixed;	
	overflow:hidden;
	margin-top:80px;
	text-align:center;
	color:#fff;
}
.banner_About div{
	display:table-cell;
	vertical-align:middle;
}
.banner_About h1{
	font-size:58px;
	font-weight:400;
}
.banner_About p{
	font-size:20px;
	padding-bottom:40px;
}
.banner_About h2{
	font-size:45px;
	font-weight:400;
}
.comTitle{
	width:100%;
	text-align:center;
	padding:35px 0;
}
.comTitle h1{
	font-size:40px;
	line-height:60px;
	color:#555555;
	font-weight:400;
}
.comTitle h2{
	display:inline-block;
	padding:0 10px;
	color:#8a8f99;
	font-size:16px;
	font-weight:400;
	line-height:30px;
	border-top:2px solid #b5b5b5;
}
.aboutCont{
	width:100%;
	text-align:center;
}
.about_Cont1{
	display:inline-block;
	margin-bottom:40px;
}
.about_Cont1 img{
	float:left;
}
.about_Cont1 div{
	max-width:800px;
	min-width:400px;
	overflow:hidden;
	text-align:left;
	line-height:40px;
	padding-top:20px;
	padding-left:20px;
}
.about_Cont1 div p{
	padding-bottom:30px;
	font-size:18px;
	color:#666666;
}
.strengeCont{
	width:100%;
	text-align:center;
}
.line{
	display:inline-block;
	width:110px;
	height:1px;
	background:#ddd;
	margin-bottom:40px;
}
.strengeList{
	display:inline-block;
	width:244px;
	height:244px;
	border-radius:200px;
	border:2px solid #535353;
	margin:50px 100px 0 100px;
}
.about .strengeList{
	margin-left:40px;
	margin-right:40px;
}
.strengeList .strengeNum{
	font-size:72px;
	color:#4f4f4f;
	margin-top:55px;
}
.strengeList .strengeNum span{
	vertical-align:super;
	font-size:30px;
	
}
.strengeList .strengeText{
	font-size:36px;
	color:#4f4f4f;
}
.about_Cont2{
	display:inline-block;
	max-width:1400px;
	line-height:35px;
	font-size:16px;
	color:#8a8f99;
	margin-top:50px;
}
.serveList{
	display:inline-block;
	width:250px;
	height:340px;
	padding:50px;
	border:1px solid #ddd;
	transition:all 0.3s;
	position:relative;
	margin:0 20px 40px 20px;
	overflow:hidden;
}
.serveList img{
	
}
.serveList h3{
	font-size:24px;
	color:#333;
	line-height:80px;
	transition:all 0.3s;	
}
.serveList p{
	font-size:18px;
	color:#999999;
	line-height:30px;	
}
.serveList:hover{
	padding-bottom:0px;
	
}
.serveList:hover h3{
	letter-spacing:2px;	
	line-height:60px;
}
.contact{
	widows:100%;
	margin-top:110px;
	margin-bottom:60px;
}
.contactCont{
	width:100%;
	text-align:center;
	overflow:hidden;
}
.map{
	display:inline-block;
	width:760px;
	height:500px;
	overflow:hidden;
	background:#eee;
	margin-right:80px;
}
.contactInfo{
	display:inline-block;
	max-width:690px;
	text-align:left;
	overflow:hidden;
	height:500px;
}
.contactInfo h3{
	font-size:24px;
	color:#333;
	padding-bottom:20px;
}
.qqLink{
	padding-bottom:40px;
}
.qqLink span{
	padding-right:40px;
}
.qqLink span a{
	font-size:16px;
	color:#999;	
}
.codePic{
	padding-bottom:40px;	
}
.codePic span img{
	width:110px;
} 
.codePic span{
	padding-right:30px;
}
.contactInfo p{
	line-height:40px;
	font-size:16px;
	color:#999;
}
.banner_Case{
	display:table;		
	width:100%;
	height:400px;
	background:url(../images/caselistbg.jpg) no-repeat;	
	background-position: center 80px;
	background-attachment: fixed;	
	overflow:hidden;
	margin-top:80px;
	text-align:center;
	color:#fff;
}
.banner_Case div{
	display:table-cell;
	vertical-align:middle;
}
.banner_Case h1{
	font-size:58px;
	font-weight:400;
}
.banner_Case p{
	font-size:20px;
	padding-bottom:40px;
}
.banner_Case h2{
	font-size:45px;
	font-weight:400;
}
.typeTab{
	width:100%;
	height:40px;
	text-align:center;
	text-align:center;
	margin:20px 0;
	display:none;
}
.typeTab span{
	display:inline-block;
	font-size:16px;
	color:#666666;
	line-height:40px;
	padding:0 34px;
	height:40px;
	margin:0 10px;
	cursor:pointer;
}
.typeTab .curTab{
	background:#66bbe8;
	color:#fff;
	cursor:default;
}
.caseList{
	text-align:center;
	width:1190px;
	margin:0 auto;
	overflow:hidden;
}
.caseList div{
	display:inline-block;
	width:380px;
	height:215px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
	margin:20px 8px 0 8px;
	float:left;
}
.caseList div img{
	width:100%;
	height:100%;
	transition:all 0.3s;		
}
.caseList div:hover img{
	width:105%;
	height:105%;
}
.caseList span{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	position:absolute;
	left:0;
	text-align:center;	
	font-size:18px;
	color:#fff;
	line-height:215px;
	top:100%;
	transition:all 0.3s;	
}
.caseList div:hover span{
	top:0;	
}
.casePage{
	padding-bottom:30px;
	padding-top:30px;
}