@charset "utf-8";
/* CSS Document */


@import "system.css";

/* common */
body { 
	margin:0; 
	padding:0; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:14px; 
	line-height:24px; 
	color:#444; 
	background:url(temp/bg.gif) repeat-x #f0f0f0; 
	position:relative;
	}
a { text-decoration:none; color:#444;}
a:hover { text-decoration:underline; color:#ff6800;}
ul,h2,h3,h4,h5,h6,img,dl,dd,dt,form,table,tr,td,p,ol { margin:0; padding:0;}
li,dl,dd,dt { list-style-type:none; }
img { border:none;}
.clear { clear:both;}
.b { font-weight:bold;}
.float_right { float:right;}
.float_left { float:left;}
.hg5 { height:5px; clear:both; zoom:1; overflow:hidden;}
.hg10 { height:10px; clear:both; zoom:1; overflow:hidden;}
.hg15 { height:15px; clear:both; zoom:1; overflow:hidden;}
.time { color:#1270b8;}

.b { font-weight:bold;}
em,i { font-style:normal;}
span.more a { float:right; background:url('temp/more.gif') no-repeat; color:#087907; font-size:12px; width:46px; height:14px; line-height:14px; display:block; text-align:center; font-weight:normal;}
span.more a:hover { text-decoration:none; color:#087907;}
.time { float:right; color:#777;}

/* content */

#wrap { width:1000px; margin:0 auto; overflow:hidden; zoom:1;}
/*顶部*/
.top1 {
	height:36px;
	line-height:35px;
	width:100%;
	background:url(temp/laba.gif) left center no-repeat;
	padding-top:2px;
	}
.top1 .welcome {
	float:left;
	padding-left:18px;
	}
.top1 .tool {
	float:right;
	}	
.top1 .tool ul li {
	float:left;
	border-right:1px solid #e1e1e1;
	padding:0 10px;
	height:36px;
	overflow:hidden;
	zoom:1;
	}
.top1 .tool ul li img {
	padding-top:5px;
	}

/*logo*/
.top2 {
	height:105px;
	width:100%;
	}	
.top2 .logo {
	float:left;
	width:440px;
	height:105px;
	background:url(temp/logo.gif) no-repeat;
	}
.top2 .tel {
	float:right;
	width:360px;
	height:105px;
	background:url(temp/tel.gif) no-repeat;
	}
	
	
	
/* 导航 */
.nav { 
	width:100%; 
	height:50px; 
	zoom:1;
	}
.nav ul.menu { 
	zoom:1; 
	width:100%;
	z-index:100;
	}
.nav ul.menu li { 
	float:left; 
	width:111px; 
	font-size:18px; 
	font-weight:bold; 
	text-align:center;
	height:50px;
	position:relative;
	}
.nav ul.menu li a { 
	color:#fff; 
	width:111px;
	height:50px;
	line-height:50px;
	display:block;
	}
.nav ul li a:hover { 
	color:#fff; 
	text-decoration:none;
	background:url(temp/nav_bg.gif) repeat-x;
	}
.nav ul li.hover a { 
	color:#fff;
	background:url(temp/nav_bg.gif) repeat-x;
	}	
	
.nav ul.menu li ul {
	display:none;
	background-color:#fff;
	border:1px solid #ccc;
	border-top:none;
	padding:10px;
	width:500px;
	z-index:999;
	clear:both;
	position:absolute;
	top:50px;
	left:0;
	text-align:left;
	}
.nav ul.menu li:hover ul {
	display:block;
	}
.nav ul.menu li ul li {
	float:none;
	display:inline;
	height:24px;
	text-align:left;
	padding:0 5px;
	}	
.nav ul.menu li ul li a {
	color:#5c5c5c;
	height:24px;
	line-height:24px;
	display:inline;
	font-size:12px;
	font-weight:normal;
	}
.nav ul.menu li.hover ul li a {
	background:none;
	}
.nav ul.menu li ul li a:hover {
	color:#FF6800;
	background:none;
	}
.nav ul.menu li ul.ul1 {
	width:520px;
	}
.nav ul.menu li ul.ul2 {
	width:360px;
	}
.nav ul.menu li ul.ul3 {
	width:240px;
	}
.nav ul.menu li ul.ul4 {
	width:295px;
	}
.nav ul.menu li ul.ul5 {
	right:0;
	left:auto;
	width:300px;
	}	
.nav ul.menu li ul.ul6 {
	right:0;
	left:auto;
	width:300px;
	}	

	
	
	
.banner { width:100%; height:430px; padding-bottom:10px;}

/* 单个图片幻灯片盒子 - 公用类 */
.slideBox{ width:100%; height:430px; overflow:hidden; position:relative; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ 
	float:left; 
	margin-right:5px;  
	width:15px; 
	height:15px; 
	line-height:14px;
	text-align:center; 
	background:#fff; 
	cursor:pointer;
	-moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
	}
.slideBox .hd ul li.on{ background:#0C7BC2; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd img{ width:980px; height:430px; }



/*内容部分*/
#wrap .w_con {
	background-color:#fff;
	border:1px solid #e1e1e1;
	padding:9px;
	margin-top:10px;
	width:980px;
	overflow:hidden;
	}

div.home_pic1 { 
	width:133px; 
	height:100px; 
	float:left; 
	padding:10px 10px 0 0; 
	zoom:1; 
	overflow:hidden;
	}
div.home_pic1 img { 
	width:133px; 
	height:100px; 
	}	

/*left*/
#wrap .w_con .left {
	width:230px;
	float:left;
	padding-right:10px;
	}	
#wrap .w_con .left h2 {
	height:40px;
	width:100%;
	background:url(temp/tt1.gif) no-repeat;
	}	
#wrap .w_con .left h2 span {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:40px;
	padding-left:20px;
	}
#wrap .w_con .left ul {
	background:url(temp/fenlei.gif) repeat-y;
	overflow:hidden;
	zoom:1;
	}
#wrap .w_con .left ul li {
	height:30px;
	line-height:30px;
	padding-left:10px;
	font-family:宋体;
	}

/*right*/
#wrap .w_con .right {
	width:740px;
	float:left;
	}	
#wrap .w_con .right .tt2 {
	height:40px;
	line-height:37px;
	background:url(temp/tt2.gif) no-repeat;
	}
#wrap .w_con .right .tt2 span {
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#3598dc;
	padding-left:30px;
	}	
#wrap .w_con .right .tt2 em {
	float:right;
	}
#wrap .w_con .right .tt2 em a {
	color:#3598dc;
	}	
#wrap .w_con .right .about {
	padding-top:10px;
	}
#wrap .w_con .right .about .tu {
	float:left;
	padding-right:10px;
	}	
	
#wrap .w_con .right .zixun {
	padding-top:10px;
	}
#wrap .w_con .right .zixun .zixun0 {
	float:left;
	width:245px;
	padding-bottom:15px;
	}
#wrap .w_con .right .zixun .zixun0 .tu {
	width:67px;
	height:67px;
	padding-right:5px;
	float:left;
	}
#wrap .w_con .right .zixun .zixun0 .tu img {
	width:65px;
	height:65px;
	border:1px solid #ddd;
	float:left;
	}	
#wrap .w_con .right .zixun .zixun0 ul li {
	line-height:20px;
	}
	
/*案例*/
#wrap .w_con .case {
	width:100%;
	clear:both;
	}	
#wrap .w_con .case .tt {
	color:#3598dc;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	height:26px;
	line-height:26px;
	background:url(temp/tt3.gif) no-repeat;
	padding-bottom:10px;
	}	
#wrap .w_con .case .tt a {
	color:#3598dc;
	}	
	
	
/* product */
#pro1 {}
#pro1 li { float:left; padding:0 15px 10px 15px; overflow:hidden; zoom:1; width:152px; height:190px;}
#pro1 li img { width:148px; height:148px; border:1px solid #ddd;padding:1px;}
#pro1 li .p_name { width:152px; height:30px; line-height:30px; text-align:center;}
#pro1 li a { cursor:pointer;}
/*滚动*/
#gg { padding:0; overflow:hidden; zoom:1;}

#demo { overflow:hidden; width: 980px; height:185px;}
#demo li {}
#demo li img{}

#indemo { float: left; width: 880%; }
#demo1 { float: left; }
#demo2 { float: left;}



#wrap .link {
	border-top:2px solid #3598dc;
	border-left:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	padding:10px;
	background-color:#fff;
	}
#wrap .link .con {
	padding:10px 0;
	}
#wrap .link .tt {
	height:48px;
	line-height:47px;
	background:url(temp/tt4.gif) no-repeat;
	}
#wrap .link .tt span {
	padding-left:38px;
	color:#3598dc;
	font-weight:bold;
	font-size:14px;
	}	


/* foot */
.footbox {
	margin-top:15px;
	border-top:1px solid #ccc;
	padding-top:20px;
	padding-bottom:20px;
	background-color:#fff;
	}
.foot {
	color:#444; 
	clear:both; 
	width:100%; 
	text-align:center; 
	line-height:24px;
	}
.foot a { color:#444;}




/* content */

	
	
	
	
	
	

	
	
.right h2 {
	height:40px;
	line-height:40px;
	border-bottom:1px solid #0C8DD3;
	}	
.right h2 i {
	font-size:14px;
	font-weight:bold;
	padding-left:25px;
	color:#666;
	background:url(temp/ico3.gif) no-repeat 5px 13px;
	height:40px;
	line-height:40px;
	display:block;
	}	
.right .con {
	padding:10px 0 0 0;
	overflow:hidden;
	}
/* 当前位置*/
.location { height:30px; line-height:30px; font-size:12px; font-weight:normal; color:#888; float:right;}

/* 案例 */

ul#case li { float:left; padding:0 5px 10px 5px; overflow:hidden; zoom:1; width:220px; height:192px;}
ul#case li img { width:220px; height:166px;}
ul#case li .p_name { width:220px; height:24px; line-height:14px; text-align:center;}
ul#case li a { cursor:pointer;}


ul#case_n li { float:left; padding:0 5px 10px 0; overflow:hidden; zoom:1; width:180px; height:220px;}
ul#case_n li img { width:180px; height:180px;}
ul#case_n li .p_name { width:180px; height:24px; line-height:18px; text-align:center; padding:8px 0;}
ul#case_n li a { cursor:pointer;}


/* 产品内容 */
.pro_img { text-align:center; padding:0 0 10px 0;}
.pro_img2 { float:left; width:410px; padding:0 10px 10px 20px; border-bottom:1px dotted #ccc; margin:0 0 15px 0; overflow:hidden;}
div.canshu { float:left;}
div.canshu ul li { color:#333;}
div.canshu ul li i { font-style:normal; font-weight:normal; color:#999;}

h3 { font-size:24px; line-height:60px; text-align:center; color:#0099FF; margin:0 0 20px 0;}
.pro_img .pro_pic { padding:2px; border:1px solid #ddd; background-color:#fff; margin:0 0 15px 0; max-width:500px; width:expression(this.width > 500 ? 500: true); }
.pro_img2 .pro_pic { padding:2px; border:1px solid #ddd; background-color:#fff; margin:0 0 15px 0; max-width:400px; width:expression(this.width > 400 ? 400: true); }
h4 { font-size:12px; font-weight:normal; text-align:center; color:#999; padding:0 0 10px 0;}
h5 { font-size:14px; font-weight:bold; color:#333;}

.pro_content_other { border-top:1px solid #E2EBF2; margin:10px 0; overflow:hidden; zoom:1; clear:both;}
.pro_content_other a { color:#810081;}
.pro_content_other a:hover { color:#810081;}
#pro_content_other2 { overflow:hidden; zoom:1; clear:both; padding:15px 0 0 0;}
#pro_content_other2 li { float:left;}
#pro_content_other2 li a.print { background:url('tool.gif') no-repeat left -40px; padding:2px 0 2px 22px;}
#pro_content_other2 li a.close { background:url('tool.gif') no-repeat left -60px;}


/*文章*/
#news li { line-height:30px; height:30px; border-bottom:1px dashed #ccc; font-family:宋体;}
#news li .time { float:right; color:#999;}








/*feedback page*/

.message  { overflow:hidden; zoom:1;}
.message .message_left { width:30px; float:left;}
.message .message_right { width:30px; float:left;}
.message .message_nr { background-color:#f9f9f9; border:1px solid #e9e9e9; width:658px; padding:10px;}
.message .author { overflow:hidden; background:url('temp/message_left.gif') no-repeat 72px top;}
.message .author .touxiang { width:72px; height:52px; float:left; text-align:center;}
.message .author .touxiang img { width:46px; height:46px; padding:2px; border:1px solid #ddd;}
.message .author .touxiang p { height:24px; line-height:24px;}
.message .author .nr { float:left; width:490px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:10px 10px 10px 40px; background-color:#fff;}
.message .author .nr div.h2_a { height:30px; line-height:30px; border-bottom:1px solid #eaeaea; width:100%;}
.message .author .nr div.h2_a span.time { float:right; color:#777; font-size:12px; font-weight:normal;}
.message .author .nr div.h2_a span.title { float:left; color:#eb8f3b; font-size:14px; font-weight:bold;}
.message .author .nr .nrnr { color:#333; font-size:12px; padding:10px 0 0 0;}
.message .manager { padding:10px 0 0 0; overflow:hidden; background:url('temp/message_right.gif') no-repeat 541px 10px;}
.message .manager .nr { float:left; width:490px; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; padding:10px 40px 10px 10px; background-color:#fff;}
.message .manager .touxiang { width:52px; height:52px; float:left; padding:0 10px;}
.message .manager .touxiang img { width:46px; height:46px; padding:2px; border:1px solid #ddd;}
.message .manager .touxiang p { height:24px; line-height:24px;}
.message .manager div.h2_a { font-size:14px; color:#cc221a; font-weight:bold; width:100%;}
.message .toolbox { height:26px; line-height:26px; padding:0 0 15px 0;}
.message .toolbox ul li { float:right; padding:0 10px;}
.message .toolbox ul li a { text-decoration:underline; color:#333;}
.page_list { clear:both; text-align:center; padding:15px 0;}


#page_feedback_form{width:100%;}
	#page_feedback_form strong{float:left;line-height:30px;height:30px;padding-left:5px;width:650px;}
	#feedback_form{width:630px;padding:10px;background-color:#eee;text-align:left!important;margin-bottom:50px;}
		#feedback_form table{background-color:#fff;width:630px;}
			#feedback_form table th{width:150px;padding-right:10px;text-align:right;font-style:normal !important;}			
			#feedback_form table td{text-align:left;}
			#feedback_form table td label{padding-left:10px;font-size:12px;color:#ff7300;}
			#feedback_form table td cite{padding-left:10px;color:#ccc;font-size:12px;font-style:normal;}
			#feedback_form table tr{height:50px;line-height:50px;}
		#feedback_form p{float:left;display:inline;width:470px;background-color:#fff;margin:0;height:50px;padding:10px 0 0 160px;}
		
		
		
/*产品详细页当前栏目产品左右滚动*/
.other_product { padding:10px 0;}
.rollBox{width:700px;overflow:hidden; padding:10px 0px 6px 0px; background-color:#ededed;}
.rollBox .LeftBotton{width:20px; height:52px; background:url(temp/m_button.gif) no-repeat 12px 0; overflow:hidden; float:left; display:inline; margin:25px 0 0 0; cursor:pointer;}
.rollBox .RightBotton{width:20px; height:52px; background:url(temp/m_button.gif) no-repeat -8px 0; overflow:hidden; float:left; display:inline; margin:25px 0 0 0; cursor:pointer;}
.rollBox .Cont{width:660px;overflow:hidden; float:left; font-size:12px;}
.rollBox .ScrCont{width:1000000px;}
.rollBox .Cont .pic{width:132px;float:left; text-align:center;}
.rollBox .Cont .pic img{padding:4px; border:1px solid #ccc; display:block; margin:0 auto 4px auto;background:#fff;}
.rollBox .Cont a{color:#666; text-decoration:none;}
.rollBox .Cont a:hover{color:#f00; text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}



/*slide新加*/
td.td_name { text-align:center; line-height:30px;}
.container { WIDTH:240px; HEIGHT:196px;}
.td_f img {  width:240px; height:166px; }
.td_f A IMG { width:240px; height:166px; }
.num {
	POSITION: absolute;
	WIDTH: 70px;
	FLOAT: right;
	TOP: 140px;
	LEFT: 180px;
	z-index:9999;
	 display:block;
}
.num LI {
	TEXT-ALIGN: center;
	LINE-HEIGHT: 15px;
	LIST-STYLE-TYPE: none;
	MARGIN: 1px;
	WIDTH: 15px;
	FONT-FAMILY: Arial;
	BACKGROUND: url(temp/flashbutton.gif) no-repeat -15px 0px;
	FLOAT: left;
	HEIGHT: 15px;
	COLOR: #fff;
	FONT-SIZE: 12px;
	CURSOR: pointer;
	float:left;
}
.num LI.on {
	LINE-HEIGHT: 15px;
	WIDTH: 15px;
	BACKGROUND: url(temp/flashbutton.gif) no-repeat;
	HEIGHT: 15px;
	COLOR: #ffffff
}




/*招聘*/
#job li {
    height:36px;
	line-height:36px;
	border-bottom:1px dashed #ccc;
	font-family:宋体;
	font-size:14px;
	}	
	
.jobtitle {
	color:#1687C3;
	font-weight:bold;
	font-size:14px;
	height:36px;
	line-height:36px;
	}	
.jobnr {
	overflow:hidden;
	zoom:1;
	padding-left:25px;
	}
.jobnr li {
	float:left;
	width:250px;
	height:30px;
	line-height:30px;
	color:#999;
	}
.jobnr li span {
	font-weight:bold;
	color:#555;
	}
.jobgongzuo {
	clear:both;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
	padding:5px;
	margin-left:25px;
	margin-top:10px;
	color:#555;
	font-weight:bold;
	}
.jobneirong {
	padding-left:25px;
	padding-top:15px;
	color:#999;
	}