﻿@charset "utf-8";
/* CSS Document */

.pd10{padding-top:10px;}
.pd20{padding-top:20px;}
.pd30{padding-top:30px;}
.pd40{padding-top:40px;}
.pd50{padding-top:50px;}


.about h3{font-size:14px; color:#0168b7; padding-bottom:25px;}
.about h4{font-size:14px; color:#222; line-height:30px; font-weight:bold;}
.about p{font-size:12px; color:#666; line-height:25px; text-indent:2em; letter-spacing:1px; font-family:"宋体";}

	.portfolio-content{width:688px; overflow:hidden;}
	.portfolio-area{width:708px;}
	.image-block{display:block;position:relative;}
	.image-block img{border:1px solid #d5d5d5; border-radius:4px 4px 4px 4px; padding:2px; width:151px; height:221px;}
	.image-block img:hover{border:1px solid #2e6cb5; box-shadow:0 0 3px #2e6cb5;}
	.portfolio-area li{float:left; margin:0 20px 20px 0; width:157px;}
	.image-block h2{line-height:30px; text-align:center;}
	
	/*CSS green-black style pagination*/
	.green-black {padding:3px; margin:20px auto 0; text-align:center;}
	.green-black a {border:#2c2c2c 1px solid; padding:2px 5px; background:#2c2c2c; color:#fff; margin-right:2px; text-decoration:none}
	.green-black a:hover {border:#00a0e9 1px solid; background:#00a0e9; color:#fff;}
	.green-black a:active {border:#00a0e9 1px solid; background:#00a0e9; color:#fff;}
	.green-black span.current {border:#00a0e9 1px solid; padding:2px 5px; font-weight:bold; background:#00a0e9; color:#fff; margin-right:2px; }
	.green-black span.disabled {border:#00a0e9 1px solid; padding:2px 5px; color:#ccc; margin-right:2px; }
	/*CSS green-black style pagination*/



.products{width:688px; overflow:hidden; margin:0 auto;}
.products ul{width:710px;}
.products ul li{width:216px; float:left; margin:0 20px 30px 0;}
.products ul li a{display:block; border:#dedede 1px solid;}
.products ul li a:hover{display:block; border:#2e6cb5 1px solid; background:#2e6cb5; color:#fff;}
.products ul li img{width:214px; height:198px;} 
.products ul li span{display:block; line-height:25px; text-align:center; padding:5px 0;}


.the_pro{width:688px; overflow:hidden; margin:0 auto;}
.the_pro img{ height:auto; max-width: 100%;}
	.pro_1{width:100%; margin:0 auto; overflow:hidden;}
		.pro01{width:210px; float:left;}
			.clumap{width:210px; height:195px; position:relative;}
.clumap img{width:100%; height:auto;}
			.overlay{width:100%; height:100%; overflow:hidden; position:fixed; z-index:5; left:0; top:0; display:none; _position:absolute; z-index:999;}
			#culmap_big{position:absolute; width:620px; height:525px; border:1px solid #b3b8bf; background:#fff; left:30%; top:20%; }
#culmap_big img{width:100%;}
			#culmap_big #culclose{position:absolute; right:-12px; top:-12px; width:22px; height:22px;}
			.culbut01{position:absolute; bottom:0; right:0; width:30px; height:30px; }
		.pro02{width:440px; float:right;}
		.pro02 h1{font:18px/30px "微软雅黑"; color:#2e6cb5; font-weight:bolder; text-align:left; padding-bottom:10px;}
		.pro02 p{font:12px/22px "宋体"; color:#666;}
		.pro02 p span{font:14px/22px "微软雅黑"; color:#222; font-weight:bolder;}
	
	.pro_2{width:100%; margin:40px auto 0; overflow:hidden;}
		.pro_2 h1{font:18px/30px "微软雅黑"; color:#002661; font-weight:bolder; text-align:left; background:url(../images/pro_tb.gif) no-repeat 88px center;}
		.pro_2 h2{font:15px/30px "微软雅黑"; color:#222; font-weight:bolder; text-align:left; letter-spacing:1px;}
		.pro_2 p{font:12px/25px "宋体"; color:#666; text-indent:2em;}
		
		
.news{width:688px; overflow:hidden; margin:0 auto;}		
	.news_li{width:100%; overflow:hidden; border-bottom:#dedede 1px dashed; padding-bottom:10px;}
		.nl_l{width:220px; float:left;}
		.nl_l{width:220px; height:120px;}
		.nl_r{width:440px; float:right;}
			.nl_r h6{display:block; font:14px/22px "微软雅黑"; padding-bottom:5px; color:#333; font-weight:bold; width:420px; overflow:hidden;}
			.nl_r p{font:12px/25px "宋体"; color:#666; width:440px; overflow:hidden;}
			.nl_r a{display:block; font:12px/22px "宋体"; color:#999; width:60px;}
			.nl_r a:hover{display:block; font:12px/22px "宋体"; color:#00a0e9;}
	.news ul{width:100%;}
		.news ul li{padding-top:10px; border-bottom:#dedede 1px dashed; font:14px/40px "微软雅黑"; color:#666; }	
		.news ul li a{background:none; display:block;}
		.news ul li a:hover{background:#fafafa; display:block;}
		.news ul li span{font:12px/40px "宋体"; color:#999; float:right;}


.the_new{width:688px; overflow:hidden; margin:0 auto;}	
	.the_new h1{display:block; font:18px/30px "微软雅黑"; padding-bottom:10px; color:#333; font-weight:bold; text-align:center; width:550px; margin:0 auto 20px; border-bottom:#dedede 1px dashed;}
	.the_new span{display:block; font:12px/25px "微软雅黑"; color:#999;  text-align:center;}
	.the_new p{display:block; font:12px/25px "宋体"; padding-bottom:15px; color:#666; text-indent:2em;}




.cases{width:688px; overflow:hidden; margin:0 auto;}
	.cases ul{width:720px;}
	.cases ul li{width:329px; float:left; margin-right:30px; margin-bottom:30px;}
	.cases ul li img{width:323px; height:114px;}
	.cases ul li a{display:block; padding:2px; border:#dedede 1px solid;}
	.cases ul li a:hover{display:block; padding:2px; border:#00a0e9 1px solid;}
	.cases ul li span{display:block; text-align:center; line-height:25px; padding:5px 0;}



.the_case{width:688px; overflow:hidden; margin:0 auto;}
	.the_case h1{display:block; font:18px/20px "微软雅黑"; margin-bottom:20px; color:#333; font-weight:bold; text-align:center;}
	.tc_img{width:680px; margin:0 auto;}
	.tc_img img{width:680px; height:240px;}
	.the_case h2{display:block; font:14px/30px "微软雅黑"; color:#00a0e9; font-weight:bold; text-align:left;}
	.the_case p{font:12px/25px "宋体"; color:#666; text-indent:2em;}
	.the_case table{border-collapse: collapse;}
	.the_case td{border-style:solid; border-width:1px; color:#666; line-height:200%; padding:5px; font-size:12px;}



.network{width:688px; overflow:hidden; margin:0 auto;}
	.network h3 {font-size:14px; color:#0168b7; padding-bottom:25px;}
	.network ul{width:500px; margin:0 auto; }
	.network ul li{width:200px; float:left; font:12px/30px "宋体"; color:#555; margin-right:50px;} 



.center{width:688px; overflow:hidden; margin:0 auto; /*min-height:600px;*/}
	.center h1{display:block; font:18px/30px "微软雅黑"; margin-bottom:10px; color:#222; font-weight:bold; text-align:left;}
	.center h2{display:block; font:16px/30px "微软雅黑"; color:#333; font-weight:bold; text-align:left;}
	.center p{display:block; font:12px/25px "宋体"; color:#666; text-indent:2em;}

	.center h3{font-size:14px; color:#0168b7; line-height:30px;}
	.center h4{font:14px/30px "微软雅黑"; color:#333; font-weight:bold; text-align:left;}



.contact{width:688px; overflow:hidden; margin:0 auto; min-height:600px;}
	.contact h1{display:block; font:22px/30px "微软雅黑"; color:#0168b7; font-weight:bold; text-align:left;}
	.contact p{font:14px/30px "微软雅黑"; color:#555; }




.sample{width:690px; overflow:hidden; margin:0 auto; min-height:600px;}
	.sample h2{font:18px/30px "微软雅黑"; padding-bottom:10px; font-weight:bold; color:#333}
	
	.sample_yb{width:100%; border-bottom:#dedede 1px solid; padding-bottom:20px; overflow:hidden; margin-bottom:20px;}
		.sampleft{padding-right:20px; border-right:1px #dedede solid; float:left; overflow:hidden;}
		.sampleft img{margin:5px; border:1px #dedede solid; padding:5px; width:188px; height:230px;}
		
		.sampmiddle{float:left; margin-left:20px; overflow:hidden; width:230px;}
		.sampmiddle li{line-height:25px; font-size:14px; color:#545454;}
		.sampmiddle img{margin:10px 0;}
		.inline{width:120px; height:42px; margin-top:20px;}
		
		.sampright{float:right; overflow:hidden; border:1px #dedede solid; line-height:200%; padding:8px; margin-bottom:10px;}
	
	.yangben{width:690px; border-bottom:#dedede 1px solid; border-top:#dedede 1px solid; padding-top:30px; padding-bottom:30px; margin-bottom:30px;}
	.yangben ul li{line-height:25px; font-size:13px;}

	.np{width:688px; margin:0 auto; overflow:hidden;}
	.np ul{width:720px;}
	.np ul li{width:157px; float:left; margin-right:20px; margin-bottom:20px;}
	.np ul li p{line-height:25px; padding:5px 0; text-align:center;}
	.np ul li img{width:157px; height:120px;}



.map{width:940px; overflow:hidden; margin:0 auto; position:absolute; top:20%; left:3%;}
	.path1,.path1 a{color:#6e6e6e; font-size:14px; width:940px; margin:0 auto;}
	.path1 a:hover,.path1 em{color: #5897d3;}
	.board1{color:#555; font-size:20px; padding-top:5px; width:940px; margin:0 auto;}
	.map ul{width:1100px; margin:0 auto;}
	.map ul li{width:210px; padding-right:20px; margin-right:20px; border-right:#dedede 1px dashed; float:left; padding-bottom:10px;}
	.map ul li h1{font:18px/30px "微软雅黑"; color:#337aca; background:url(../images/map_tb.png) no-repeat 35px center; text-align:center; font-weight:bold;}
	.map ul li h1 a{font:18px/30px "微软雅黑"; color:#337aca; font-weight:bold;}
	.map ul li h2{font:14px/30px "微软雅黑"; color:#333; background:url(../images/map_tb2.png) no-repeat 30px 12px; padding-left:15px;}
	.map ul li h2 a{display:block; width:135px; padding-left:45px; overflow:hidden;}





































































































