@charset "utf-8";
/* CSS Document */

/*reset*/
body { color:#444; margin:0; padding:0; font-size:12px; font-family:"微软雅黑","宋体","arial","sans-serif"; text-align:left; background:#fff; min-width:1120px; overflow-x:hidden; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { margin:0; padding:0; outline: none; }   
ul,ol,dl,dt,dd,li { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:12px; font-weight:normal; }
address,cite,code,em,th { font-weight:normal; font-style:normal; }
a { text-decoration:none; color:#444; blr:expression(this.onFocus=this.blur()); outline: none; }
a:hover { text-decoration:none; color:#1c55a6; }
a:visited { text-decoration:none; }
a:focus { outline:none; -moz-outline:none; }
.clearBoth { clear:both; }

img { vertical-align:top; border:0; }
.cB { clear:both; }
.cA:after { content:"."; visibility:hidden; clear:both; height:0; display:block; }
.cA { zoom:1; }
.pR { position:relative; }
.pA { position:absolute; }
.l0 { left:0;}
.r0 { right:0; }
.t0 { top:0;}
.b0 { bottom:0; }
.fL { float:left; }
.fR { float:right; }

/*top*/
.top { width:1000px; height:105px; margin:0 auto; }

	/*logo*/
	.top .logo { width:480px; height:74px; margin:15px 0; }
		.top .logo img { width:480px; height:74px; }

	/*tel*/
	.top .topTel { width:auto; height:52px; background:url(../images_h/bg_top_tel.jpg) left center no-repeat; margin:26px 0; }
		.top .topTel .indexTopTel { height:52px; line-height:52px; font-size:35px; color:#ff6600; font-family:"Times New Roman"; padding:0 0 0 52px; }

/*menu*/
.menu { width:100%; height:50px; background:#3497d8; }
	.menu ul.menuMain { width:1000px; height:50px; margin:0 auto; }
		.menu ul.menuMain li { width:115px; height:50px; line-height:50px; text-align:center; display:inline-block; float:left; }
			.menu ul.menuMain li a { width:115px; height:50px; display:block; font-size:14px; color:#fff; }
			.menu ul.menuMain li.current a { background:#0085cd; }
				.menu ul.menuMain li a:hover { background:#0085cd; }

/*main*/
.main { width:1000px; height:auto; margin:36px auto 0; }
	
	/*main left*/
	.main .mainLeft { width:270px; height:auto; }

		/*notice*/
		.main .mainLeft .notice { width:270px; height:164px; margin:0 0 19px 0; }
			.main .mainLeft .notice .noticeTit { width:270px; height:35px; }
				.main .mainLeft .notice .noticeTit dl { width:65px; height:35px; border-left:4px solid #3497d8; padding:0 10px; }
					.main .mainLeft .notice .noticeTit dl dt { width:65px; height:15px; line-height:15px; font-size:12px; color:#999; overflow:hidden; }
					.main .mainLeft .notice .noticeTit dl dd { width:65px; height:20px; line-height:20px; font-size:16px; color:#3397d8; overflow:hidden; }
				
				.main .mainLeft .notice .noticeTit span { width:167px; height:35px; line-height:35px; text-align:right; background:#f2f2f2; padding:0 14px 0 0; }
					.main .mainLeft .notice .noticeTit span a { font-size:12px; color:#999;  }
					.main .mainLeft .notice .noticeTit span a:hover { font-size:12px; color:#3397d8;  }

			.main .mainLeft .notice .noticeCon { width:266px; height:120px; padding:15px 0 0 4px; overflow:hidden; }
				.main .mainLeft .notice .noticeCon li { width:266px; max-height:48px; line-height:24px; overflow:hidden; }
					.main .mainLeft .notice .noticeCon li a { font-size:12px; color:#333; }
					.main .mainLeft .notice .noticeCon li a:hover { font-size:12px; color:#3397d8; }

			/*project*/
			.main .mainLeft .project { width:270px; height:230px; margin:0 0 30px; }
				.main .mainLeft .project .projectTit { width:255px; height:40px; line-height:40px; font-size:16px; color:#fff; background:#3497d8; padding:0 0 0 15px; }
					.main .mainLeft .project .projectTit span{ font-size:12px; color:#9acbec; margin:0 0 0 10px; }

				.main .mainLeft .project ul.projectCon { width:264px; height:195px; border:3px solid #3597d8; border-top:none; overflow:hidden; }
					.main .mainLeft .project ul.projectCon li { width:264px; height:48px; line-height:48px; border-bottom:1px solid #f2f2f2;}
					.main .mainLeft .project ul.projectCon li.bbn { border:none; }
					.main .mainLeft .project ul.projectCon li.bbn a{ color:#3397d8;}
						.main .mainLeft .project ul.projectCon li a { width:221px; height:48px; display:block; font-size:14px; color:#333; background:#fff url(../images_h/bg_left_project.png) 20px center no-repeat; padding:0 0 0 43px; }
						.main .mainLeft .project ul.projectCon li a:hover { background:#71b6e4 url(../images_h/bg_left_project_hover.png) 20px center no-repeat; font-size:14px; color:#fff; }

			/*contact us*/
			.main .mainLeft .contactUs { width:270px; height:136px; margin:0 0 55px; }
				.main .mainLeft .contactUs img { width:270px; height:136px; }

	/*main right*/
	.main .mainRight { width:700px; height:auto; }
		.main .mainRight .profile { width:340px; height:352px; }
			.main .mainRight .profile dl { width:65px; height:35px; border-left:4px solid #3497d8; padding:0 10px; }
				.main .mainRight .profile dl dt { width:63px; height:15px; line-height:15px; font-size:12px; color:#999; overflow:hidden; }
				.main .mainRight .profile dl dd { width:65px; height:20px; line-height:20px; font-size:16px; color:#3397d8; overflow:hidden; }
			
			.main .mainRight .profile span { width:236px; height:35px; line-height:35px; text-align:right; background:#f2f2f2; padding:0 14px 0 0; }
				.main .mainRight .profile span a { font-size:12px; color:#999;  }
				.main .mainRight .profile span a:hover { font-size:12px; color:#3397d8;  }
			
			.main .mainRight .profile .profileImg { width:340px; height:130px; margin:23px 0 20px; }
				.main .mainRight .profile .profileImg img { width:340px; height:130px; }
			
			.main .mainRight .profile p { width:340px; height:113px; line-height:22px; overflow:hidden; }
				.main .mainRight .profile p a { font-size:12px; color:#333;  }
				.main .mainRight .profile p a:hover { font-size:12px; color:#3397d8;  }

		.main .mainRight .news { width:330px; height:352px; }
			.main .mainRight .news dl { width:65px; height:35px; border-left:4px solid #3497d8; padding:0 10px; }
				.main .mainRight .news dl dt { width:65px; height:15px; line-height:15px; font-size:12px; color:#999; overflow:hidden; }
				.main .mainRight .news dl dd { width:65px; height:20px; line-height:20px; font-size:16px; color:#3397d8; overflow:hidden; }
			
			.main .mainRight .news span { width:226px; height:35px; line-height:35px; text-align:right; background:#f2f2f2; padding:0 14px 0 0; }
				.main .mainRight .news span a { font-size:12px; color:#999;  }
				.main .mainRight .news span a:hover { font-size:12px; color:#3397d8;  }

			.main .mainRight .news ul.newsList { width:330px; height:270px; padding:23px 0 0; overflow:hidden; }
				.main .mainRight .news ul.newsList li { width:297px; height:30px; line-height:30px; background:url(../images_h/bg_right_newsli.jpg) 12px center no-repeat; padding:0 0 0 33px; overflow:hidden; }
					.main .mainRight .news ul.newsList li a { font-size:12px; color:#333;  }
					.main .mainRight .news ul.newsList li a:hover { font-size:12px; color:#3397d8;  }
		
		.main .mainRight .cases { width:700px; height:234px; }
			.main .mainRight .cases dl { width:65px; height:35px; border-left:4px solid #3497d8; padding:0 10px; }
				.main .mainRight .cases dl dt { width:65px; height:15px; line-height:15px; font-size:12px; color:#999; overflow:hidden; }
				.main .mainRight .cases dl dd { width:65px; height:20px; line-height:20px; font-size:16px; color:#3397d8; overflow:hidden; }
			
			.main .mainRight .cases span { width:596px; height:35px; line-height:35px; text-align:right; background:#f2f2f2; padding:0 14px 0 0; }
				.main .mainRight .cases span a { font-size:12px; color:#999;  }
				.main .mainRight .cases span a:hover { font-size:12px; color:#3397d8;  }

			.main .mainRight .cases ul.casesList { width:700px; height:179px; padding:21px 0 0; }
				.main .mainRight .cases ul.casesList li { width:175px; height:179px; text-align:center; display:inline-block; float:left; }
					.main .mainRight .cases ul.casesList li img { width:165px; height:150px; }
					.main .mainRight .cases ul.casesList li p { width:165px; height:29px; line-height:29px; overflow:hidden; }
						.main .mainRight .cases ul.casesList li p a { font-size:12px; color:#333;  }
						.main .mainRight .cases ul.casesList li p a:hover { font-size:12px; color:#3397d8;  }
/*our cases*/
.ourCases { width:100%; height:368px; background:#f2f2f2; }
	.ourCases .ourCasesMain { width:1000px; height:auto; text-align:center; margin:0 auto; }
		
		.ourCases .ourCasesMain .ourCasesMainTit { width:auto; height:29px; font-size:22px; color:#3497d8; padding:26px 0 0; }
			.ourCases .ourCasesMain .ourCasesMainTit img { width:20px; height:3px; margin:13px 6px; }
		.ourCases .ourCasesMain .ourCasesMainTitle { width:auto; height:23px; font-size:16px; color:#666; padding:2px 0 0; }
		
		.ourCases .ourCasesMain ul { width:1000px; height:auto; margin:29px auto 0; }
			.ourCases .ourCasesMain ul li { width:240px; height:218px; text-align:center; display:inline-block; float:left; margin:0 5px }
				.ourCases .ourCasesMain ul li img { width:240px; height:218px; }

	.client { width:1000px; height:390px; text-align:center; margin:0 auto; }

		.client .clientTit { width:auto; height:29px; font-size:22px; color:#3497d8; padding:26px 0 0; }
			.client .clientTit img { width:20px; height:3px; margin:13px 6px; }
		.client .clientTitle { width:auto; height:23px; font-size:16px; color:#666; padding:2px 0 0; }

		.client ul { width:1000px; height:280px; margin:29px auto 0; }
			.client ul li { width:240px; height:280px; text-align:center; background:#f2f2f2; display:inline-block; float:left; margin:0 5px; }
				.client ul li img { width:240px; height:180px; border-bottom:3px solid #3497d8; }
				.client ul li h6 { width:220px; height:21px; line-height:21px; font-size:14px; color:#333; text-align:left; margin:12px 10px 0; }
				.client ul li p { width:220px; height:40px; line-height:20px; font-size:12px; color:#999; text-align:left; margin:8px 10px 0; overflow:hidden; }
					.client ul li p a:hover { color:#3397d8;  }

	.security { width:1000px; height:317px; text-align:center; background:url(../images_h/bg_index_security.jpg) center 67px no-repeat; margin:0 auto; }

		.security .securityTit { width:auto; height:29px; font-size:22px; color:#3497d8; padding:26px 0 0; }
			.security .securityTit img { width:20px; height:3px; margin:13px 6px; }
		.security .securityTitle { width:300px; height:23px; font-size:16px; color:#666; background:#fff; margin:0 auto; padding:2px 0 0; }

		.security ul { width:1000px; height:126px; margin:49px auto 0; }
			.security ul li { width:175px; height:126px; text-align:center; display:inline-block; float:left; margin:0 12px}
				.security ul li img { width:175px; height:126px; }

		.securityMenu { width:1000px; height:80px; margin:29px auto 59px; }
			.securityMenu a { width:128px; height:80px; line-height:80px; font-size:22px; color:#333; display:inline-block; background:#f2f2f2; margin:0 5px; padding:0 0 0 112px; }	
			.securityMenu a:hover { color:#fff; }	
			.securityMenu a.security1 { background:#f2f2f2 url(../images_h/bg_security1.jpg) 50px center no-repeat; }
			.securityMenu a.security1:hover { background:#3497d8 url(../images_h/bg_security1_hover.jpg) 50px center no-repeat; }
			.securityMenu a.security2 { background:#f2f2f2 url(../images_h/bg_security2.jpg) 50px center no-repeat; }
			.securityMenu a.security2:hover { background:#3497d8 url(../images_h/bg_security2_hover.jpg) 50px center no-repeat; }
			.securityMenu a.security3 { background:#f2f2f2 url(../images_h/bg_security3.jpg) 50px center no-repeat; }
			.securityMenu a.security3:hover { background:#3497d8 url(../images_h/bg_security3_hover.jpg) 50px center no-repeat; }
			.securityMenu a.security4 { background:#f2f2f2 url(../images_h/bg_security4.jpg) 50px center no-repeat; }
			.securityMenu a.security4:hover { background:#3497d8 url(../images_h/bg_security4_hover.jpg) 50px center no-repeat; }

/*footer*/
.footer { width:100%; height:auto; background:#3497d8 url(../images_h/bg_footer.jpg) repeat-x; padding:39px 0; }
	.footer p { width:1000px; height:24px; line-height:24px; font-size:12px; color:#fff; margin:0 auto; text-align:center; overflow:hidden; }
		.footer p a { font-size:12px; color:#fff; }

/*channel*/
	.channelTopTel { width:240px; height:52px; background:url(../images_h/bg_top_tel.jpg) left center no-repeat; margin:26px 0; }
		.channelTopTel p { height:26px; line-height:26px; font-size:20px; color:#ff6600; font-family:"Times New Roman"; padding:0 0 0 52px; }

	.channelTitle { width:696px; height:35px; border-left:4px solid #3497d8; background:#f2f2f2; }
		.channelTitle span { width:auto; height:35px; line-height:35px; font-size:16px; color:#3397d8; display:inline-block; background:#fff; padding:0 10px; }

/*about*/
h3.title{ line-height:2; font-size:20px; text-align:center; height:auto; margin-top:10px;}
.aboutContent { width:680px; height:auto; margin:0; padding:10px; font-size:14px; color:#333; line-height:2}
	.aboutContent img{ max-width:680px;myimg:expression_r(onload=function(){this.style.width=(this.offsetWidth > 680)?"680px":"auto"}); }

/*news list*/
.newsListContent { width:650px; height:auto; margin:47px 25px; }
	.newsListContent p { width:650px; height:41px; line-height:41px; border-bottom:1px solid #f2f2f2; overflow:hidden; }
	.newsListContent p a { width:550px; font-size:14px; color:#333; display:inline-block; overflow:hidden; }
	.newsListContent p em { width:100px; font-size:12px; color:#999; text-align:right; display:inline-block; float:right; overflow:hidden; } 


/*news pages*/
div.pages { width:auto; height:auto; text-align:center; color:#000;margin:0 auto; margin-top:60px;}
div.pages ul.pages { width:auto; height:auto; margin:0 auto; text-align:center;}
div.pages ul.pages a { display:inline-block; padding:5px 10px;border: 1px solid #ccc;color:#000; margin-right:5px}
div.pages ul.pages span { display:inline-block; padding:5px 10px;border: 1px solid #ff9900;color:#fff; margin-right:5px; background:#ff9900;font-weight:700}


/*jobs*/
.jobsContent { width:680px; height:auto; padding:19px 0; padding:10px; line-height:2; font-size:14px; color:#333; }
	.jobsContent .jobsBanner { width:680px; height:30px; line-height:30px; font-size:14px; color:#fff; background:url(../images_h/bg_jobs_banner.jpg) no-repeat; margin:0 0 33px; padding:219px 0 0 18px; overflow:hidden; }
	.jobsContent img{ max-width:680px;myimg:expression_r(onload=function(){this.style.width=(this.offsetWidth > 680)?"680px":"auto"}); }

/*cases*/
.casesContent { width:700px; height:auto; padding:37px 0; }
	.casesContent dl { width:175px; height:212px; display:inline-block; float:left; }
		.casesContent dl dt { width:175px; height:150px; text-align:center; display:inline-block; float:left; }
			.casesContent dl dt img { width:165px; height:150px; }
		.casesContent dl dd { width:165px; height:50px; line-height:25px; text-align:center; overflow:hidden; }
			.casesContent dl dd a { font-size:12px; color:#333; }
			.casesContent dl dd a:hover { color:#3497d8; }

