@import url("system.css");

/*** 全局标签 ***/
body{margin:10px;}
body,td,th{ font-size:12px; font-family:Verdana;}
form,dl,dt,dd,ul,li{ margin:0; padding:0;}
a img{ border:none; vertical-align:middle;}
img,input,button,select{vertical-align:middle;}

/*** 全局链接 ***/
a:link,a:visited,a:active,a:hover{ color:#333; text-decoration:none;}

/*** 相同定义 ***/
#content {
	 MARGIN: 0px auto; WIDTH: 780px;
}

#header,#menu,#homemain,#show,#bottom{ width:780px;display:table; clear:both; }

/*** 头部 ***/
#header{PADDING-RIGHT: 0px; Padding-LEFT: 0px; BACKGROUND: #eee; PADDING-BOTTOM: 5px; MARGIN: 3px 0px; COLOR: #808080; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid;height:70px;}
#header #logo{ Padding-LEFT: 80px;Padding-top: 8px; border:0px;}
#header .top_info {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 440px; COLOR: #737373; PADDING-TOP: 22px; height:20px;line-height:22px}
#header .top_info_en {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 480px; COLOR: #737373; PADDING-TOP: 3px; line-height:18px}

/*** 菜单 ***/
#menu{ background:#ff9148; border-bottom: 3px solid #FFF;}
#menu a:link,#menu a:visited,#menu a:active {color:#FFF; text-decoration:none;font-weight:bold;}
	#menu .left{ float:right; width:100%; display:block; line-height:28px; list-style-type:none; padding:0px; margin:0px; text-align:left;}
	#menu .left li{ float:left; width:90px;}
	#menu .left li a{ display:block; width:90px; text-align:center;}
	#menu .left li a:hover{ BACKGROUND: url(bar.gif) #e0691a no-repeat center top; color:#FFF; text-decoration:none; font-weight:bold;}
	#menu .right {BACKGROUND: url(bar.gif) #e0691a no-repeat center top; color:#FFF; text-decoration:none; font-weight:bold;}

/*** 中部横幅展示 ***/
#show{ background:#fff; border-bottom: 1px solid #FFF;}
	#show .left,#show .center,#show .right{ display:table; float:left; }
	#show .left{ width:8%; height:130px;}
	#show .center{ width:240px; height:130px;}
	#show .center img{ margin:0px; padding:0px; border:0px; clear:both; float:left; height:130px; width:240px;}
	#show .right{ width:60%; height:124px;}
	
	#show .text{ width:90%; line-height:20px; color:#FFF; display:block;}
	#show .text a { color:#FFF; text-decoration:underline;}

/*** 首页主体 ***/
#homemain{ background:#FFFFFF; height:auto; overflow:hidden; }
	#homemain .hleft{ float:left;  MARGIN: 3px 0px 0px; WIDTH: 64.4%;}

	#homemain .hleft .top{ background:#D9D9D9 url(white_dot.gif) repeat-y right; display:table; clear:both; width:100%; border-bottom:1px solid #FFF;}

	#homemain .hleft H3 { CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 30px; BACKGROUND: url(corner.gif) #a9c0ce no-repeat right top; PADDING-BOTTOM: 5px; MARGIN: 0px; FONT: bold 1em Tahoma, Arial, Sans-Serif; COLOR: #fff; PADDING-TOP: 5px;height:14px;}

	#homemain .hleft strong{ line-height:25px; color:#666666; background:url(arrow.gif) no-repeat 28% 1px; padding-left:5%; margin:0px;}
	#homemain .hleft .list{ width:98%; display:table; clear:both; float:right; margin-top:5px;}
	#homemain .hleft .list dl{ width:23.5%; float:left; display:table;}
	#homemain .hleft .list dt{ color:#5CA644; font-weight:bold; text-decoration:none; background:url(greenarrow.gif) no-repeat left center; display:block;padding-left:10px; font-size:14px;}
	#homemain .hleft .list dd{ width:100%; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; height:22px; line-height:22px; overflow:hidden; margin:0px; padding:0px;background: url(grayarrow.gif) no-repeat left 6px; padding-left:10px;}
	#homemain .hleft .list .more{ background:none; text-align:right;}
	#homemain .hleft .list .more img{ border:none; margin-right:15%;}
	#homemain .hleft .case{height:139px; margin:0px 0px 10px 0px; padding:0px; clear:both; display:table; overflow:hidden;}
	#homemain .hleft .case li{ float:left; margin:5px 18px 5px 0px; display:table;}
	#homemain .hleft .case li img{ border:none; display:block;}
	#homemain .hleft .case li a{ width:100px; height:129px; border:solid 2px #fff; display:block; background:#e0e0e0; color:#414141; text-align:center; line-height:20px; overflow:hidden;}
	#homemain .hleft .case li a:hover{border:solid 2px #FF9900;}
	
	#homemain .hright{ float:right; width:35%; MARGIN: 3px 0px;}

	#homemain .hright H3 {PADDING-RIGHT: 0px; PADDING-LEFT: 15px; BACKGROUND: url(corner.gif) #6c757a no-repeat right top; PADDING-BOTTOM: 5px; MARGIN: 0px; FONT: bold 1em Tahoma, Arial, Sans-Serif; COLOR: #fff; PADDING-TOP: 5px}
    #homemain .hright .right_articles {PADDING-RIGHT: 8px; PADDING-LEFT: 15px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 3px; COLOR: #414141; PADDING-TOP: 8px;line-height:20px;}
    #homemain .hright .right_articles_nfpc_index {PADDING-RIGHT: 8px; PADDING-LEFT: 15px; BACKGROUND: #B8E334; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 3px; COLOR: #414141; PADDING-TOP: 8px;line-height:20px;}

    #homemain .hright .right_articles_onepage {PADDING-RIGHT: 8px; PADDING-LEFT: 15px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 3px; COLOR: #414141; PADDING-TOP: 8px; height:500px;line-height:20px;}

    #homemain .hright .right_articles_customer {PADDING-RIGHT: 8px; PADDING-LEFT: 20px; BACKGROUND: #f5f5f5; PADDING-BOTTOM: 8px; MARGIN: 0px 0px 3px; COLOR: #414141; PADDING-TOP: 8px;height:660px;}
    #homemain .hright .right_articles_customer img{border:solid 0px #c0c0c0; padding:3px;}

	#homemain .hright dl{ display:table; clear:both; width:100%; margin:0px;}
	#homemain .hright dt{ background:#D9D9D9 url(arrow.gif) no-repeat 10px; height:25px; line-height:25px; color:#666666; display:block; font-weight:bold; padding-left:25px;}
	#homemain .hright dd{ margin:0px; padding:3px 0 0 5px; clear:both;}
	#homemain .hright a:hover{ text-decoration:underline; color:#0000FF;}

/*** 内页主体 ***/
#main{ background:#FFFFFF; height:auto; overflow:hidden; }
	#main .left{ float:left; width:20%; background:#F5F5F5; padding-bottom:10000px; margin-bottom:-10000px;}
	#main .left dl{ display:table; clear:both; width:100%; margin:0px;}
	#main .left dt{ background:#D9D9D9 url(arrow.gif) no-repeat 10px; height:25px; line-height:25px; color:#666666; display:block; font-weight:bold; padding-left:25px;}
	#main .left dd{ margin:0px; padding:3px 0 0 5px; clear:both;}
	#main .left a:hover{ text-decoration:underline; color:#0000FF;}

	#main .right{ float:left; width:80%; }
	#main .right .top{ background:#D9D9D9 url(white_dot.gif) repeat-y left; display:table; clear:both; width:100%; border-bottom:1px solid #FFF;}
	#main .right .top strong{ line-height:25px; color:#666666; background:url(arrow.gif) no-repeat 10px 3px; padding-left:25px; margin:0px; font-weight:normal;}

/*** 底部 ***/
#bottom{ background:#666; line-height:24px; color:#FFF;}
	#bottom .menu{ width:69%; float:left;}
	#bottom .menu a{ color:#FFF; margin:6px; text-decoration:none;}
	#bottom .copy{ text-align:right; float:right; width:30%;}

#footer {
	CLEAR: both; PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; LINE-HEIGHT: 1.8em; PADDING-TOP: 10px; TEXT-ALIGN: center;font-size:12px;
}
#footer .menu a{ margin:6px; text-decoration:underline;}
#footer A {
	BACKGROUND: #fff; COLOR: #808080
}
/* 单页样式 */
#onepage{ clear:both; margin:10px;}

/* 列表通用样式 */
#main .list{ margin:10px auto; clear:both;}
	#main .list .title{ width:100%; margin-bottom:10px; padding-left:10px; background:url(title.gif) no-repeat left center; color:#193441; font-size:14px; font-weight:bold; display:table; zoom:100%; line-height:25px; border-bottom:solid 1px #CCCCCC;}
	#main .list .title span{ display:block; float:left;}
	#main .list .title a{ padding-top:8px; display:block; float:right;}
	#main .list .box{ width:98%; margin:0 auto; clear:both;}

/* 文章列表 */
#artlist { width:96%; }
#artlist .item{ width:100%; margin:0px; margin-left:1%; padding:0px 0px 10px 0px; clear:both; display:table; overflow:hidden;}
	#artlist .item .intro{ line-height:150%; color:#666666;}
	#artlist .item .info { color:#009900; display:block; clear:both;}
	#artlist .item .info a { font-weight:normal; color:#009900; }
	#artlist .item strong { color:#FF0000; font-weight:normal;}

	#artlist .item li{float:left; margin:5px 16px 5px 0px; display:table;}
	#artlist .item li img{ border:none; display:block;}
	#artlist .item li a{width:100px; height:129px; border:solid 2px #fff; display:block; background:#e0e0e0; color:#414141; text-align:center; line-height:20px; overflow:hidden;}
	#artlist .item li a:hover{border:solid 2px #FF9900;}



/* 文章信息 */
#article{ width:96%; margin:0 auto 10px auto; display:table; clear:both; }
	#article h1{ margin:10px 0 5px 0; text-align:center; font-size:16px;}
	#article .info{ text-align:center; color:#666666;}
	#article .content{ line-height:150%; font-size:14px; }

/* 案例列表 */
#case { width:96%; }
#case ul{ margin:0; padding:0; list-style:none; display:block;}
	#case ul li{ clear:both; height:120px; margin:10px 0; padding:0; float:left; display:block;}
	#case .picture{ width:130px; height:90px; border:solid 1px #CCCCCC; padding:3px; float:left; display:block; text-align:center; overflow:hidden;}
	#case .picture img{ width:130px;}
	#case .info{ height:120px; padding-left:10px; float:left; display:block;}
	#case .info p{ margin:0 0 10px 0; padding:0; line-height:130%; width:95%; height:14px;}

/* 客户列表 */
.customerlist li {list-style:none;float:left;position:relative;margin-left:5px;margin-bottom:10px;}
.customerlist li img {position:relative;display:block;top:-2px;left:-2px;background:#fff;padding:2px;}
.customerlist li a {display:block;position:absolute;right:3px;bottom:3px;text-decoration:none;color:#000;font:9px/1.2em arial;}
.customerlist li a:hover {color:#c00;}