/* 
 * 广州科讯 
 * Author Altair 
 * 2010-09-02 12:00 
---------------------------------------------------------------------------------------*/ 

/* import 
---------------------------------------------------------------------------------------*/ 
@import url("reset.css");

/* public 
---------------------------------------------------------------------------------------*/ 

a:link{ color:#000; text-decoration:none}
a:visited{ color:#000; text-decoration:none} 
a:hover{ color:#FF0000; text-decoration:none}
a:active{ color:#000; text-decoration:none} 

#container{ width:970px; height:auto; text-align:left; margin:0 auto;}
#center{ width:970px; height:auto; text-align:left; border-top:1px solid #fff}
/* header 
---------------------------------------------------------------------------------------*/
#header{height:118px; width:970px; overflow:hidden}
#header .topleft{background:url(../images/logo.jpg) no-repeat; width:402px; height:100px;}
#header .topleft h1 a{ display:block; cursor:pointer; width:402px; height:100px; text-indent:-9999em}
#header .topright{width:140px; height:118px; text-align:left}
#header .topright ul{ width:140px; padding:90px 0 0 0}
#header .topright li{ float:left; width:70px;}
#header .topright li a:link{ color:#FF0000; text-decoration:none}
#header .topright li a:visited{ color:#FF0000; text-decoration:none} 
#header .topright li a:hover{ color:#1277DF; text-decoration:none}
#header .topright li a:active{ color:#FF0000; text-decoration:none}

/* menu 
---------------------------------------------------------------------------------------*/
#nav{
	background:url(../images/menu.jpg) no-repeat; 
	width:960px; 
	height:50px;
	padding-left:10px;
	overflow:hidden;
}

#nav div{ background:url(../images/menu_fen.jpg) no-repeat;  width:2px; height:37px; font-size:0px; overflow:hidden; float:left}

a.nav{
	display:block; 
	float:left;
	width:115px;
	text-align:center; 
	font-weight:bold; 
	color:#fff; 
	height:37px; 
	font-size:14px; 
	text-decoration:none; 
	cursor:pointer
}
a.nav span{
	display:block; 
	float:left;
	width:115px;
	color:#fff;
	text-align:center; 
	font-weight:bold; 
	height:24px; 
	padding-top:12px
}

a.nav:visited{
	display:block; 
	float:left;
	width:115px;
	text-align:center; 
	font-weight:bold; 
	color:#fff; 
	height:37px; 
	font-size:14px; 
	text-decoration:none; 
	cursor:pointer
}
a.nav:visited span{
	display:block; 
	float:left;
	width:115px;
	color:#fff;
	text-align:center; 
	font-weight:bold; 
	height:24px; 
	padding-top:12px 
}

a.nav:hover{
	display:block; 
	float:left;
	width:115px; 
	text-align:center;
	font-weight:bold; 
	color:#DF3A00; 
	height:37px; 
	font-size:14px;  
	text-decoration:none;
}
a.nav:hover span{
	display:block; 
	float:left;
	width:115px;
	color:#DF3A00; 
	text-align:center;
	font-weight:bold; 
	height:24px; 
	padding-top:12px;
}

a.nav:active{
	display:block; 
	float:left;
	width:115px;
	text-align:center; 
	font-weight:bold; 
	color:#fff; 
	height:37px; 
	font-size:14px; 
	text-decoration:none; 
	cursor:pointer
}
a.nav:active span{
	display:block; 
	float:left;
	width:115px;
	color:#fff;
	text-align:center; 
	font-weight:bold; 
	height:24px; 
	padding-top:12px  
}

#curTab{
	display:block; 
	float:left;
	width:115px; 
	text-align:center;
	font-weight:bold; 
	color:#DF3A00; 
	height:37px; 
	font-size:14px;
}
#curTab span{
	display:block; 
	float:left;
	width:115px;
	color:#DF3A00; 
	text-align:center;
	font-weight:bold;
	height:24px;
	padding-top:12px;
}
/* left 
---------------------------------------------------------------------------------------*/

.nTab{width:467px;overflow:hidden}
.none {display:none;}
.nTab .TabTitle li{ display:inline; float:left;cursor:pointer;height:27px;line-height:27px;font-weight:bold;text-align:center;width:90px; margin:5px 0 0 6px}
.nTab .TabTitle li a{text-decoration:none}
.nTab .TabTitle .active{background:url(../images/tab1.jpg) no-repeat;color:#fff}
.nTab .TabTitle .normal{background:url(../images/tab2.jpg) no-repeat;color:#555555}
.nTab .TabContent{clear:both;overflow:hidden;background:#fff;padding:5px;display:block}

.indexpagetext{background:#fff; height:auto; width:638px; margin:12px 0 0 0}
.indexposition{background:url(../images/position.gif); height:26px; width:618px; margin:10px auto 0px auto}
.indexposition h3{background:url(../images/ico02.gif) no-repeat 10px 0px; font-size:14px; font-weight:bold; color:#334F64; text-indent:2.6em; height:18px; line-height:18px;}
.indextextinfo{width:600px; line-height:22px; text-align:left; margin:0 auto; padding:10px 10px 12px 10px}
.item_case{background:url(../images/case_bg.jpg) no-repeat; height:170px; width:235px; text-align:left; padding:5px 0px 0px 5px}
.case_title{background:url(../images/case.jpg) no-repeat; border-top:5px solid #2374A9; width:970px; height:35px; text-align:left; line-height:35px; font-family:'微软雅黑'; font-size:14px; color:#5F5F5F; font-weight:bold; text-indent:1em}
.smore{font-family:Arial, Helvetica, sans-serif; font-size:10px; float:right}

.indexnews{
	width: 100%;
	height:200px; 
	text-align:left;
	margin:8px 0 0 0;
	overflow:hidden;
}
.indexnews ul li{
	width: 100%;
	height: 24px;
	line-height: 24px;
	text-indent:1.6em;
	border-bottom:1px dashed #E1E1E1;
	background:url(../images/ico04.gif) no-repeat 4px 9px;		
}
.indexnews ul li span{ float:right; text-align:right;}

.itemcontent{border:1px solid #ccc; width:298px; height:auto; text-align:left; }
.itemcontent h2{ font-size:14px; font-weight:bold; color:#334F64; text-indent:1.6em; height:29px; line-height:29px; background:url(../images/title.gif)}
.itemcontent .itemtext{background: #ffffff url(../images/004.gif) no-repeat; width:298px; height:auto;}
.itemcontent .itemtext div{ line-height:22px; text-align:left; padding:10px}
.sitefen{ width:100%; height:12px; font-size:0px; overflow:hidden}

.indexcontact{width:298px; height:auto; text-align:left; line-height:22px; background: #EDEDED url(../images/005.jpg) repeat-x; border:1px solid #ccc; margin:12px 0 0 0}
.indexcontact div{ padding:10px}

#pagecontent{width:970px; height:auto; text-align:left; margin:0 auto}
#pagecontent .company{border:1px solid #ccc; width:227px; height:auto; text-align:left; }
#pagecontent .company h2{ font-size:14px; font-weight:bold; color:#334F64; text-indent:1.6em; height:29px; line-height:29px; background:url(../images/title.gif)}
.companynews{
	width: 100%;
	text-align:left;
	background:#ffffff url(../images/cc.jpg) repeat-x
}
.companynews ul{ width:200px; margin:12px auto 12px auto}
.companynews li{
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-indent:2em;
	border-bottom:1px dashed #CFCDCD;
	background:url(../images/ico01.gif) no-repeat 8px 12px;		
}

#pagecontent .contact{width:227px; height:auto; text-align:left; line-height:22px; background: #EDEDED url(../images/dd.jpg) repeat-x; border:1px solid #ccc; margin:12px 0 0 0}
#pagecontent .contact div{ padding:8px}

#pagecontent .pagetext{background:#fff; height:auto; width:694px; margin:12px 0 0 0}
#pagecontent .position{background:url(../images/position.gif); height:26px; width:694px; margin:10px auto 0px auto}
#pagecontent .position h3{background:url(../images/ico02.gif) no-repeat 10px 0px; font-size:14px; font-weight:bold; color:#334F64; text-indent:2.6em; height:18px; line-height:18px;}
#pagecontent .textinfo{width:660px; line-height:22px; text-align:left; margin:0 auto; padding:20px 10px 12px 10px}

.news{
	width: 100%;
	text-align:left
}
.news ul li{
	width: 100%;
	height: 28px;
	line-height: 28px;
	text-indent:1.6em;
	background:url(../images/ico04.gif) no-repeat 0px 9px;		
}
.news ul li span{ float:right; text-align:right;}

.pages{width:100%; text-align:center; padding-top:30px; padding-bottom:30px;}
.newstitle{text-align:center; font-size:16px; line-height:40px; height:40px}
#Forms {
	COLOR: #595959
}
#Forms DIV {
	MARGIN-BOTTOM: 10px
}
#Forms .inputtext {
	BORDER-BOTTOM: #93969d 1px solid; BORDER-LEFT: #93969d 1px solid; PADDING-BOTTOM: 2px; PADDING-LEFT: 2px; WIDTH: 238px; PADDING-RIGHT: 2px; BORDER-TOP: #93969d 1px solid; MARGIN-RIGHT: 30px; BORDER-RIGHT: #93969d 1px solid; PADDING-TOP: 2px
}
#Forms DIV SPAN {
	COLOR: #f00
}
#Forms DIV P {
	PADDING-LEFT: 77px
}
#Forms .btn {
	BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; MARGIN: 10px 0px 0px; WIDTH: 93px; BORDER-TOP-STYLE: none; HEIGHT: 22px; BORDER-LEFT-STYLE: none; CURSOR: pointer
}

.list_pic IMG {
	DISPLAY: inline; FLOAT: left; OVERFLOW: hidden
}
.list_pic DL {
	DISPLAY: inline; FLOAT: left; OVERFLOW: hidden
}

.list_pic {
	MARGIN: 27px 0px 0px 0px; WIDTH: 658px;
	
}
.list_pic DL {
	WIDTH: 560px; MARGIN-LEFT: 15px; 
}
.list_pic DL DT {
	MARGIN: 5px 0px 18px; PADDING-LEFT: 11px; BACKGROUND: url(../images/icon_4dot.gif) no-repeat left 4px; FONT-WEIGHT: bold
}
.list_pic DL DD {
	LINE-HEIGHT: 20px; COLOR: #666
}
.list_pic DL .more {
	TEXT-ALIGN: right
}
.yellowlink:link {
	COLOR: #f4821f
}
.yellowlink:visited {
	COLOR: #f4821f
}
.yellowlink:hover {
	COLOR: #f4821f
}
.yellowlink:active {
	COLOR: #f4821f
}

/* right 
---------------------------------------------------------------------------------------*/
.product_content{width:694px; height:auto; text-align:left; padding:20px 0 0 1px; overflow:hidden}
.product_content ul{ list-style:none}
.product_content li{ width:231px; height:210px; text-align:left; float:left;}
.product_content table{ width:214px; height:160px; border:1px solid #eee; margin:0 auto; cursor:pointer}
.product_content h2{ font-size:14px; width:162px; text-align:center; line-height:18px; padding:6px 0 0 0; font-weight:normal; word-wrap: break-word; word-break: break-all; overflow:hidden;margin:0 auto}
.product_content a:link{ color:#414141; text-decoration:none}
.product_content a:visited{ color:#414141; text-decoration:none} 
.product_content a:hover{ color:#FF0000; text-decoration:none}
.product_content a:active{ color:#414141; text-decoration:none} 

.peter_paging_text{width:694px; text-align:center; height:30px; line-height:30px; overflow:auto;}
.peter_paging_text a:link{ color:#414141; text-decoration:none}
.peter_paging_text a:visited{ color:#414141; text-decoration:none} 
.peter_paging_text a:hover{ color:#FF0000; text-decoration:none}
.peter_paging_text a:active{ color:#414141; text-decoration:none} 

/* footer 
---------------------------------------------------------------------------------------*/
.foot_line{background:url(../images/foot.jpg) repeat-x; width:970px; height:9px; font-size:0px; margin:15px 0 0 0; overflow:hidden}
#footer_link{width:970px; height:30px; line-height:30px; text-align:center; padding:8px 0 0 0}
#footer_link span{ color:#999999}
#footer_link a:link{ color:#5C5C5C; text-decoration:none}
#footer_link a:visited{ color:#5C5C5C; text-decoration:none} 
#footer_link a:hover{ color:#FF0000; text-decoration:none}
#footer_link a:active{ color:#5C5C5C; text-decoration:none} 
#footer{text-align:center; width:950px; height:30px; line-height:20px; color:#999999}
#footer a:link{ color:#999999; text-decoration:none}
#footer a:visited{ color:#999999; text-decoration:none} 
#footer a:hover{ color:#FF0000; text-decoration:none}
#footer a:active{ color:#999999; text-decoration:none} 
/* kun add 
---------------------------------------------------------------------------------------*/
.list_link a{ width:215px; float:left;}