@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; }
img{border:0px; }
ul{list-style-type:none; }

body{
font-size:12px; 
font-family:"微软雅黑" ,Verdana, Arial, Helvetica, sans-serif;
text-align:center;
margin:0px;
padding:0px;
background:#ffffff url(../images/index_2.jpg) repeat-x;
/*background:url(images/allback12.jpg); background-repeat:repeat-x;*/
}

td{
	line-height:18px;
	color:#333;
	font-size:12px;
	
}

.cssbold{
font-size:14px; 

font-weight:bold;
text-align:center;
margin:0px;
padding:0px;
color:#333333;
}


img{border:0}
a{color: #333333;	text-decoration: none;}
a:hover {color: #ff0000;text-decoration: underline;}
.text {
	color:#333;
	font-size:12px;
	
	font-weight:normal;
	text-align:left;
	list-style-type:none;
	}  


/* -------------头部的logo的说明文字-----------------*/
.top{
	/* margin-top:0!important;  这一行好像是针对火狐的 */
	/* margin-top:-14px;  解决由于是utf-8的编码，include 文件的时候会由于utf-8的bom多空出一行*/
	width:100%;
	height:61px;
	background:url(../images/images/back_1.jpg);
	background-repeat:repeat;
}
.toptxt{
	width:998px;
	text-align:left;
	padding:0px 20px;
	color:#333;
	margin-left: auto; /* 这两句是将top水平居中，在此之前还需要在body中加入 text-align:center  */
	margin-right: auto;  /* 这两句是将top水平居中，在此之前还需要在body中加入 text-align:center  */
}
	

/* -------------栏目栏的文字和背景设定开始-----------------*/
.objectback{
	width:100%;
	height:35px;
	margin:0px;
	padding:0px;
	/*background:url(../images/images/back_4.jpg);*/
	background:#333;
	background-repeat:repeat;

}
.object{
	width:998px;
	height:35px;
	padding-left:10px;
	font-size:12px;
	color: #fff;
	
	margin-left: auto; 
	margin-right: auto;
	font-weight:bold;  
}
.obline {width:1px;height:14px;background:#fff;} /* 垂直的线*/
.object ul {list-style:none;margin:0px;} /* 使每一项不换行*/
.object ul li {float:left;margin:10px 10px;display:block;}/* 该元素显示为一个块级元素,单独占一行*/
.object a,a.link{color:#fff;}


/* -------------栏目栏下面的一行文字和背景设定开始-----------------*/
.keys{
	width:100%;
	height:20px;
	/*background:url(../images/images/back_6.jpg);
	background-repeat:repeat;*/
}
.keystxt{
	width:998px;
	text-align:left;
	padding-left:0px;
	padding-top:5px;
	color:#333;
	margin-left: auto;
	margin-right: auto; 
}

/*---------------banner flash 这行的css 左--中--右 -------------------------*/
.part1{
	width:998px;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	clear:both;
}

.part1_1{
	width:216px;
	height:300px;
	border:1px solid #C9C9C9;
	background:url(../images/images/back_9.jpg);
	float:left;
}

.part1_right{
	width:216px;
	border:1px solid #C9C9C9;
	background:url(../images/images/back_9.jpg);
	float:left;
}

.part1_2{
	width:530px;
	height:300px;
	border:1px solid #C9C9C9;
	float:left;
	margin-left:15px;
	margin-right:15px;
}

.part_title{
	height:30px;
	background:url(../images/images/back_13.jpg);
	margin:0px;
	padding:0px;
}
.part_title ul{margin:0px;padding:0px;}
.part_title li {
	color:#333;
	font-size:14px;
	
	font-weight:bold;
	text-align:left;
	padding-top:6px;
	padding-left:6px;
	list-style-type:none;
	}  

.part_txt{
	margin:0px;
	padding:0px;
}
.part_txt ul {
	margin:5px;
	color:#333;
	font-size:12px;
	
	text-align:left;
	padding-left:6px;
	line-height:25px;
	}  
.part_txt li {list-style:none; margin:0px;}


.parttlist{
	margin:0px;
	padding:0px;
}
.parttlist ul {
	margin:5px;
	padding:0px;
	color:#333;
	font-size:12px;
	
	font-weight:bold;
	text-align:left;
	line-height:30px;
	}  
.parttlist li {list-style:none; margin:0px;background:url(../images/index_list.jpg) no-repeat; }
.left16 {padding-left:16px;}

/*---------------------首页中的产品----------------------------*/
.worksline{
	width:100%;
	height:5px;
	background:#C9C9C9;
}

.backwhite{
	width:100%;
	height:10px;
	padding:0px;
	margin-left: auto;
	margin-right:auto;
	clear:both;
}

.works{
	border:1px solid #C9C9C9;
	width:996px;
	margin-left: auto;
	margin-right:auto;
	clear:both;
}

.works_list_index{
	width:990px;
	padding:0px;
	margin:0px;
}

.works_list_index ul{width:990px;margin:0px;padding:0px;}
.works_list_index li{list-style:none; margin:0px;padding:0px;text-align:left;}


/*----------------------------页面下部的左-中-右-------------------------------*/
.part2{
	width:998px;
	margin-left: auto;
	margin-right:auto;
	padding-top:10px;
	clear:both;
}

.part2_1{
	width:216px;
	height:350px;
	border:1px solid #C9C9C9;
	float:left;
}

.part2_right{
	width:216px;
	height:470px;
	border:1px solid #C9C9C9;
	float:left;
}

.part2_2{
	width:530px;
	height:350px;
	border:1px solid #C9C9C9;
	float:left;
	margin-left:15px;
	margin-right:15px;
}

.part2_txt{
	width:96%;
	line-height:18px;
	text-align:left;
	padding:4px;
	color:#333;
	font-size:12px;
	
	
}

/*-------------------------友情链接行的说明文字-------------------- */
.linkpic{
	width:998px;
	height:30px;
	margin:10px auto;
	clear:both;
}

.link{
	width:980px;
	height:40px;
	margin-left: auto;
	margin-right:auto;
	clear:both;
}

.link_txt{
	text-align:left;
	line-height:25px;
	color:#333;
}

/*---------------------底部的css----------------------------*/
.bottom{
	width:100%;
	background:#242424;
	clear:both;
}
.bottom_txt{
	width:980px;
	line-height:20px;
	text-align:left;
	padding:10px 10px;
	color:#fff;
	margin-left: auto;
	margin-right:auto;
}
.bottom_txt a{color:ffffff;}
.bottom_txt a:hover{color:ff0000;}

/*-----------------------作品分类的css-------------------------*/
.prod_catelog{
	width:100%;
	text-align:center;
	/*margin-top:0px!important; /* 这一行好像是针对火狐的 */
	margin-top:-14px; /* 解决由于是utf-8的编码，include 文件的时候会由于utf-8的bom多空出一行*/

}
.prod_catelog ul {
	text-align:center;
	padding:5px 5px;
	color:#333;
	font-size:12px;
	
	font-weight:bold;
	margin:0px;
	} /* 使每一项不换行*/
.prod_catelog li{
	list-style:none;
	padding:6px;
}

.right_pic{
	width:170px;
	height:70px;
	text-algin:center;
	background:#999;
	margin-top:10px;
}


/*---------------------首页推荐的作品--------------------------*/
.prod_index{
	margin-left: auto; /* 这两句是将top水平居中，在此之前还需要在body中加入 text-align:center  */
	margin-right: auto;  /* 这两句是将top水平居中，在此之前还需要在body中加入 text-align:center  */	
	margin-top:0px!important; /* 这一行好像是针对火狐的 */
	margin-top:-14px; /* 解决由于是utf-8的编码，include 文件的时候会由于utf-8的bom多空出一行*/
}

.prod_index ul {
	padding-top:0px;
	margin:0px;
	} /* 使每一项不换行*/

.prod_index li {
	list-style:none;
	margin:0px; 
	display:inline;
	} /* 使每一项不换行*/

.img1{border:5px solid #DADADA;}
.img2{border:1px solid #ccc;margin:5px;}


/*---------------------首页推荐的新闻--------------------------*/
.more_txt{
	width:98%;
	height:30px;
	margin:0px;
	padding:8px 0px 0px 0px;
	text-align:right;
	color:#333;
	font-size:12px;
	
}

.news_index{
	width:98%;
	margin:0px;
	padding:0px;
}

.news_index ul {margin:0px 0px 0px 6px; padding:0px;} /* 使每一项不换行*/
.news_index ul li{
	list-style:none;
	line-height:20px;
	text-align:left;
	padding:4px 4px;
	color:#333;
	font-size:12px;
	
	border-bottom:1px dotted #C9C9C9;
	background:url(../images/news_index.gif) no-repeat;
}

.blackline{
	width:93%;
	height:5px;
	background:url(../images/line.gif) repeat;
	margin-left: auto; 
	margin-right: auto; 
}

.demo {
	width:960px; 
	margin:0 auto; 
	overflow: hidden; 
	padding-top:5px;
	}
	

/* 头部 */
.header{width:1002px; height:68px; margin:0 auto;}
.logo{float:left; margin-top:18px;}
.tel{ float:right; margin-top:32px;}
.nav{width:1002px; height:37px; margin:0 auto;}
.nav li{ float:left;display:inline; width:auto; height:37px; line-height:37px; color:#fff; font-weight:bold;  margin-right:40px;}
.nav li a{color:#fff;width:auto; background:url(../images/index_13.jpg) no-repeat right center; padding-right:10px;}
.nav li a:hover{color:#ff0000; background:url(../images/1_13.jpg) no-repeat right center; padding-right:10px; width:auto;} 



/* 中间banner */
.banner { width:1002px; height:289px; margin:10px auto;}
.banner IMG {VERTICAL-ALIGN: bottom}
#KinSlideshow {HEIGHT: 290px! important;}
#btnlistID LI {WIDTH: 100px! important; TEXT-INDENT: -99em; HEIGHT: 5px;}
.banner_column{
	MARGIN: 0px auto; WIDTH: 960px
}
.banner_column DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 8px; WIDTH: 100px; PADDING-TOP: 16px
}
.banner_column DL DT {
	FONT-WEIGHT: bold; MARGIN-BOTTOM: 7px; COLOR: #fc0; LINE-HEIGHT: 24px
}
.banner_column DL DT A {
	COLOR: #fc0
}
.banner_column DL DT A:hover {
	COLOR: #fc0
}
.banner_column DL DD {
	COLOR: #a2b6d4; LINE-HEIGHT: 22px
}
.banner_column DL DD A {
	COLOR: #a2b6d4
}
.banner_column DL DD A:hover {
	COLOR: #a2b6d4
}