﻿/*about*/
.info{
	position:relative;
	padding:20px 10px 10px 490px; min-height:350px; _height:350px; color:#000;
}
	.info img{
		position:absolute; z-index:1; left:10px; top:10px;
	}
	.info a.more,a.more{
		position:absolute; z-index:2; bottom:10px; right:475px; padding:0 25px;
		display:block; height:30px; line-height:30px; background:url(../images/ico4.gif) right center no-repeat #545454; color:#ffffff;
		_width:200px;
	}
		.info a.more:hover,a.more:hover{
			text-decoration:none; background-color:#de0074; color:#fff;
		}
	.info h2{
		font-size:18px;
	}
	.info p{
		padding-top:25px; line-height:180%; text-indent:2em; font-size:13px;
	}
	
.infolist{
	overflow:hidden; zoom:1; margin-left:-10px;
}
	.infolist li{
		float:left; position:relative; margin-left:10px; margin-bottom:10px; display:inline; width:340px; padding:15px 25px 0 100px; height:195px; background:#f5f0e9;
	}
	.infolist li:hover{
		background:#ebe7e1;
	}
	.infolist li.ht245{
		height:245px;
	}
	.infolist h3{
		padding-bottom:10px; font-size:18px;
	}
	.infolist p{
		line-height:22px; text-indent:2em; font-size:13px;
	}
	.infolist li img{
		position:absolute; top:15px; left:20px;
	}

.entelist{
	overflow:hidden; zoom:1; padding:10px 0;
}
	.entelist li{
		float:left; width:470px; height:450px; padding-top:30px; text-align:center;
	}
	.entelist li:hover{
		background:#f5f5f5;
	}
	.entelist div{
		position:relative;
		height:260px; width:330px; margin:0 auto; text-align:center;
	}
		.entelist div img{
			margin-top:22px;
		}
		.entelist div span{
			position:absolute; background:url(../images/bgzh.png) left top no-repeat; width:330px; height:260px; left:0; top:0;
		}
	.entelist h3{
		padding:10px 5px; color:#de0074; font-size:24px;
		}
		.entelist h3 a{
			
		}
	.entelist p{
		height:70px; padding:0 40px; color:#414141; font-size:13px;
	}
	.nums{
		display:inline-block; width:160px; height:40px; background:#545454; color:#fff; font-weight:normal; font-size:14px; line-height:120%;
	}
		.nums span{
			display:block; font-size:12px; padding-top:3px;
		}

.growlist{
	
}
.growlist li{
	position:relative; z-index:1; background:#f5f0e9; padding:20px 290px 0 100px; height:70px; margin-bottom:10px; font-size:14px; 
}
	.growlist li p{
		line-height:50px;
	}
	.growlist li p.lh25{
		line-height:25px;
	}
	.growlist li img{
		position:absolute; left:14px; top:17px;
	}
	.growlist li span{
		position:absolute; right:0; bottom:0; font-family:Impact; font-size:80px; color:#fff; height:80px;
	}
	.growlist li strong{
		position:absolute; left:64px; top:-10px; height:80px; background:url(../images/growarr.gif) no-repeat; width:43px; height:30px;
	}

 ul.cuslist{
		overflow:hidden; zoom:1;padding-bottom:30px; border-top:#eaeaea 1px solid;
	}
	.cuslist  li{
		float:left; display:inline; width:180px; height:64px; padding:10px 21px;  overflow:hidden; text-align:center; vertical-align:middle; background:#fff; margin-left:10px; margin-top:10px;
	}
	.cuslist  li img{
		width:160px; height:60px;
	}
	.cuslist img:hover{
	filter:alpha(opacity=80); -moz-opacity:0.8;	 -khtml-opacity: 0.8; opacity: 0.8;
}

/*service*/
.content{
	padding:20px 10px 10px;
}
	.content h1{
		padding:0 10px; font-size:24px;
	}
	.content h1.fs28{
		font-size:28px; height:28px;
	}
	.content h3{
		padding:0 10px; font-size:18px;
	}
	.content p{
		padding:10px ; line-height:180%; font-size:13px;
	}
.devbox{
	position:relative; _height:503px;
}
.devbox a.more{
		bottom:10px; right:0px; 
	}
#sevinfo li{
	height:240px;
}

.prolist{
	padding:10px; font-size:13px;
}
	.prolist li{
		position:relative; color:#333333;
		overflow:hidden; zoom:1;
	}
	.prolist li div{
		padding-left:100px; padding-top:120px; width:340px; padding-right:10px; 
	}
		.prolist li.first div{
			padding-top:10px;
		}
	.prolist li span{
		position:absolute; font-family:Impact; font-size:160px;margin-left:-100px; margin-top:-30px;
	}
	.prolist a{
		text-decoration:underline;
	}
	.pro1{
		color:#d08b00;
	}
	.pro2{
		color:#507587;
	}
	.pro3{
		color:#067ab6;
	}
	.pro4{
		color:#94b65f;
	}
	.pro5{
		color:#48aeb0;
	}
	.pro6{
		color:#739cb4;
	}
	.pro7{
		color:#c97259;
	}
	.pro8{
		color:#634e6e;
	}
	.fl{
		float:left;
	}
	.fr{
		float:right;
	}
	.prolist li h3{
		font-size:32px;
	}
	.prolist p{
		line-height:22px; text-indent:2em; padding-top:20px;
	}
#notbox{
	position:relative; padding-right:410px;min-height:290px; _height:290px; padding-bottom:20px;
}
	#notbox img{
		position:absolute; right:0; top:20px; 
	}
	#notbox a.more{
		right:425px; bottom:20px;
	}

.notlist{
	padding:10px;
}
	.notlist li{
		 margin-bottom:15px;
	}
	.notlist h3{
		background:url(../images/icoarr.gif) 10px 8px no-repeat; padding-left:37px; height:35px; line-height:35px; font-size:18px; color:#f47402;
	}
	.notlist div{
		background:#f5f0e9; padding:10px 37px;
	}
	.notlist  p{
		padding:10px 0; line-height:150%; font-size:13px; text-indent:2em;
	}

	
/*cases*/
.casebox{
	position:relative; padding-bottom:40px; _height:250px;
}
.casetype{
	overflow:hidden; zoom:1; margin-left:-10px; padding-bottom:10px;
}
	.casetype li{
		float:left; display:inline; margin-left:10px;
	}
	.casetype li a{
		display:block; width:317px; padding-left:148px; height:89px;
		background-color:#dedede; background-position:85px center; background-repeat:no-repeat; line-height:89px; color:#fff; font-size:30px; font-family:Arial, Helvetica, sans-serif;
	}
	.casetype li a strong{
		color:#000000; font-size:24px; font-weight:normal; ; font-family:微软雅黑; vertical-align:top; margin-right:3px;
	}
	.casetype li a:hover,
	.casetype li.current a{
		text-decoration:none; background-color:#545454; color:#7a7a7a;
	}
	.casetype li a:hover strong,
	.casetype li.current strong{
		color:#ffffff;
	}
	.casetype li a.link01{
		background-image:url(../images/case01.png);
	}
	.casetype li a.link01:hover,
	.casetype li.current a.link01{
		background-image:url(../images/case01h.png); background-color:#545454;
	}
	.casetype li a.link02{
		background-image:url(../images/case02.png);
	}
	.casetype li a.link02:hover,
	.casetype li.current a.link02{
		background-image:url(../images/case02h.png); background-color:#545454;
	}

.caseinfo{
	text-align:center; padding:15px 0;
}	
	.caseinfo h1{
		font-size:36px;
	}
	.caseinfo h2{
		font-size:20px; color:#d2d2d2; font-family:Arial, Helvetica, sans-serif;
	}
	.caseinfo h3{
		font-size:16px; padding:10px 0;
	}
	.caseinfo p{
		color:#767676; font-size:13px; line-height:150%;
	}
	
.caselist{
	overflow:hidden; zoom:1; padding:10px 0 200px;
}
	.caselist li{
		float:left; width:470px; height:470px; padding-top:20px; text-align:center;
	}
	.caselist li:hover{
		background:#f5f5f5;
	}
	.caselist div{
		height:260px; width:406px; margin:0 auto; background-repeat:no-repeat; background-position:center top; background-image:url(../images/casebg1.png);
	}
		.caselist div img{
			width:278px; height:175px; margin-top:14px;
		}
	.caselist li.type2 div{
		background-image:url(../images/casebg2.png);
	}
	.caselist li.type3 div{
		background-image:url(../images/casebg3.png);
	}
		.caselist li.type3 div img{
			height:155px; margin-top:18px;
		}
	.caselist li.type4 div{
		background-image:url(../images/casebg4.png);
	}
		.caselist li.type4 div img{
			width:279px; height:157px; margin-top:13px;
		}
	.caselist li.type5 div{
		background-image:url(../images/casebg5.png);
	}
		.caselist li.type5 div img{
			margin-top:26px;
		}
	.caselist li.type6 div{
		background-image:url(../images/casebg6.png);
	}
		.caselist li.type6 div img{
			width:242px; height:181px; margin-top:26px;
		}
	.caselist h3{
		padding:10px 5px; color:#de0074; font-size:24px;
		}
		.caselist h3 a{
			
		}
	.caselist p{
		padding:0 20px; color:#414141; text-align:left;
	}
	.ico_view{
		display:inline-block; width:60px; height:20px; margin:0 10px; padding-top:50px; 
		background:url(../images/icoview.png) center 0px no-repeat; color:#9e9e9e; font-size:12px;
	}
	.ico_case{
		display:inline-block; width:60px; height:20px; margin:0 10px; padding-top:50px; 
		background:url(../images/iconet.png) center 0px no-repeat; color:#9e9e9e;font-size:12px;
	}
	.caselist li:hover .ico_view{
		background:url(../images/icoviewh.png) center 0px no-repeat;
	}
	.caselist li:hover .ico_case{
		background:url(../images/iconeth.png) center 0px no-repeat;
	}
	.caselist li a.ico_view:hover,
	a.ico_view:hover{
		background:url(../images/icoviewh1.png) center 0px no-repeat; color:#f47402; text-decoration:none;
	}
	.caselist li a.ico_case:hover,
	a.ico_case:hover{
		background:url(../images/iconeth1.png) center 0px no-repeat; color:#f47402; text-decoration:none;
	}
	.view{
		position:absolute; z-index:2; bottom:0; left:-10px; width:960px; background:url(../images/view.png) bottom center no-repeat; text-align:center; padding-top:150px;
	}
	.view a{
		position:absolute; bottom:108px; left:347px;
		display:inline-block; background:url(../images/more.png) center top no-repeat; width:268px; height:51px; color:#fff; text-align:center; color:#fff; font-size:15px; line-height:30px; margin-bottom:90px;
	}
	.view a:hover{
		background:url(../images/moreh.png) center top no-repeat; text-decoration:none;
	}
	.view h3{
		height:30px; font-size:24px;
	}
	.view p{
		height:70px; font-size:13px; line-height:24px; color:#969696;
	}
	.projects_end{
		display:block; height:300px;
	}

.infocase{
	text-align:center; padding:20px 35px;
}
	.infocase div{
		background:url(../images/casebg.png) center top no-repeat; width:831px; height:444px; padding-top:30px; margin:0 auto;
	}
		.infocase div img{
			width:568px; height:356px;
		}
	.infocase h1{
		padding:10px 5px; color:#000000; font-size:30px;
		}
	.infocase h3{
		padding:20px 5px 10px; color:#000000; font-size:24px;
		}
	.infocase p{
		color:#414141; text-align:left; font-size:14px; 
	}
.caseint{
	margin-left:-10px; overflow:hidden; zoom:1;
}
	.caseint li{
		float:left; display:inline; margin-left:10px; margin-bottom:10px; width:400px; height:160px; padding:24px 30px 0 35px; background:#ececec; line-height:180%; color:#414141;
	}
	.caseint h3{
		color:#000000; font-size:24px; padding:5px 0 14px;
	}

/*news*/
.newsbox{
	width:960px; margin:0 auto; padding:10px 0;
}
#newsleft{
	float:left; width:707px; margin-bottom:10px;
}
.newslist dd{
	 position:relative; width:707px; margin-bottom:10px; background:#ffffff;
}
	.titdiv{
		width:670px; height:192px; position:relative;
		padding:38px 0 0 20px;
	}
	.titdiv h3{
		display:inline-block; _display:inline;  background:#000000;
		color:#ffffff; font-size:14px; padding:5px 16px;
	}
	.titdiv h2{
		width:540px; padding:3px 0;
	}
	.titdiv h2 a{
		background:#fff000;
		color:#000; font-size:30px; padding:5px 16px; line-height:200%; font-weight:normal;
	}
		.titdiv h2 a:hover{
			text-decoration:none; background:#ffd200;
		}
	.titdiv h4{
		display:inline-block; _display:inline;  background:#fff;
		color:#000; padding:5px 16px;
	}
	.titdiv h4 span{
		margin-right:15px;
	}
	.titdiv img{
		position:absolute; left:10px; top:10px; z-index:1; width:687px; height:220px;
	}
	.titdiv  .tits{
		position:relative; z-index:2;
	}
	.newsinfo{
		padding:15px 30px 0; line-height:180%;
	}
	.newsinfo p{
		padding:10px 0; color:#3e3e3e;
	}
	.totle{
		padding:10px 30px 20px; color:#777777; line-height:180%;
	}
		.totle span{
			color:#de0074;
		}
	.newslist li{
		position:relative;
		background:#f6f6f6; border-top:#e4e4e4 1px solid;
		padding:20px 28px 20px 76px; min-height:44px; _height:44px; color:#797979;
	}
		.newslist li strong{
			color:#000000
		}
		.newslist li img{
			position:absolute; left:20px; top:15px; width:44px; height:44px;
		}
		.newslist li .arr{
			position:absolute; left:32px; top:-1px;
			background:url(../images/arr.png) left top no-repeat; width:21px; height:10px;
		}
	.page{
		text-align:right;
	}
		.page a{
			margin-left:12px;
			display:inline-block; width:36px; height:16px; background:#fff; border:#c1c1c1 1px solid;
		}
		.page a:hover{
			background:#f5f0e9; border:#a19272 1px solid; text-decoration:none;
		}
		.page a.current{
			background:#a19272; border:#a19272 1px solid;
		}

#newsright{
	float:right; width:243px; margin-bottom:10px;
}
	#sidemenu{
		background:#fff; margin-bottom:10px; padding:10px 10px 0; text-align:center;
	}
		#sidemenu li{
			padding-bottom:10px;
		}
		#sidemenu a{
			display:block; background:#ececec; color:#000; height:32px; line-height:32px; font-size:14px;
		}
		#sidemenu a:hover,
		#sidemenu li.current a{
			background:#f47402; color:#fff; text-decoration:none;
		}
	.sidenews{
		padding:10px; background:#fff; margin-bottom:10px;
	}
	#newsright h3{
		background:#ececec; color:#000; height:32px; line-height:32px; font-size:14px; text-align:center;
	}
	.sidenews ul{
		padding:10px;
	}
	.sidenews  li{
		padding:10px 0px 10px 10px; background:url(../images/icoarr2.gif) 2px 17px no-repeat;
	}
	.kwords{
		background:#fff; padding:10px 10px 20px; text-align:center;
	}
		.kwords h3{margin-bottom:10px;}
	.kwords a{
		margin:0 3px; display:inline-block; white-space:nowrap;
	}

.newdtl{
	background:#fff;
}
	.newdtl .titdiv img{
		height:370px;
	}
	.newdtl .titdiv  {
		padding-top:155px; height:215px;
	}
	.newdtl .newsinfo p{
		padding:10px 0; color:#3e3e3e; font-size:14px; line-height:200%;
	}
	.newdtl .fs11{
		font-size:11px; color:#494949;
	}
	.related{
		margin:10px 30px;
	}
	.related a{
		display:block; background:#ececec; padding:5px 8px; margin-bottom:10px;
	}
	.related a:hover{
		background:#e0dddd; text-decoration:none;
	}

.message{
	padding:15px 30px;
}
	.message h3{
		font-size:18px; color:#2f2f2f; height:35px; border-bottom:#b1b1b1 1px dotted;
	}
	.message li{
		position:relative;
		border-bottom:#b1b1b1 1px dotted;
		padding:18px 28px 20px 55px; min-height:44px; _height:44px; color:#797979;
	}
		.message li h4{
			font-size:14px; color:#b5b5b5; height:26px;
		}
		.message li h4 strong{
			color:#de0074; font-weight:normal; padding-right:30px;
		}
		.message li img{
			position:absolute; left:0px; top:18px; width:44px; height:44px;
		}
	.message .page{
		text-align:center; padding:15px 0;
	}
	.leavemsg{
		padding:20px 0 40px; position:relative;
	}
	.leavemsg input{
		margin-right:3px;
		background:url(../images/bgipt.gif) left top no-repeat; width:90px; padding-left:7px; height:25px; line-height:24px; border:#dbdbdb 1px solid;vertical-align:middle;
	}
	.leavemsg input.msg{
		width:450px;
	}
	.leavemsg button{
		background:url(../images/btnent.gif) no-repeat; width:30px; height:27px; cursor:pointer; border:0; vertical-align:middle;
	}
	.leavemsg button:hover{
		filter:alpha(opacity=80); -moz-opacity:0.8;	 -khtml-opacity: 0.8; opacity: 0.8;
	}
	.kw { color:#000; } .tips { color:#b8b8b8; } /* .tips定义默认文字样式 以区别于输入文字 */ 
	.facedrop {
		display:none;
		position: absolute;
		top:52px; left:0; width:330px; padding:10px; height:80px; z-index:12; 
		background:url(../images/bgipt.gif) left top no-repeat; border:#dbdbdb 1px solid;
	}
	.facedrop img{
		
	}
	.face {
		display:block; float:left; margin-right:6px; _margin-right:3px;
		width:36px; height:27px;background:url(../images/bgsel.gif) no-repeat #000;
	}
	
	.faceclick {
		display:block; float:left; margin-right:6px; _margin-right:3px;
		background:url(../images/bgselh.gif) no-repeat; width:36px; height:27px;
	}
	.faceclick:hover {
		background:url(../images/bgsel.gif) no-repeat;
	}

 

.leftcol{
	float:left; width:642px; padding:25px 25px 0; height:390px; background:#f5f0e9; font-size:13px; line-height:150%;
}
	.leftcol h1{
		height:50px; font-size:28px;
	}
		.leftcol h1 strong{
			color:#de0074; font-weight:normal;
		}
	.leftcol h2{
		height:30px; font-size:20px;
	}
	.leftcol p{
		padding:10px 0;
	}

.rightcol{
	float:right; width:210px; padding:5px 15px 0; height:410px; background:#f5f0e9; font-size:13px;
}
	.login label {
		display:block; padding-top:8px;color:#000; font-size:12px; font-family:微软雅黑;
	}
	.login input,
	.login textarea {
		width:190px; border:#f5f0e9 1px solid; background-color:#fff;
	}
	.login textarea.ipneed{
		height:190px;
	}
	.login p {
		font-size:12px; color:#7c7367;}
/*在线支付*/
#bank{
	overflow:hidden; zoom:1; margin-left:-10px;
}
	#bank dd{
		display:inline; float:left; position:relative;
		margin-left:10px; margin-bottom:10px;
		width:463px; height:110px; padding-top:30px;
		background:#f5f0e9;
		border:#f5f0e9 1px solid;
	}
	#bank dd span{
		position:absolute; display:block; top:0;
		width:180px; height:100px;
		margin-top:25px; 
		text-align:center;
	}
	#bank dd p{
		margin-left:180px;
		font-family:"微软雅黑"; font-size:13px; color:#3e3e3e; line-height:180%;
	}
	#bank dd p.tline{
		padding-top:10px;
	}
	#bank dd:hover{
		border:#ebe5dc 1px solid; 
	}
		#bank dd:hover img{
			filter:alpha(opacity=800);	opacity:0.8;	-moz-opacity:0.8;
		}
		#bank dd:hover p{
			color:black;
		}