@charset "utf-8";
body { font-family:"宋体"; font-size:12px; margin:0; padding:0; text-align:center;}
a { color:#000; text-decoration:none;}
a:hover { color:#F00;}
ul,li,p { margin:0; padding:0;}
li { list-style:none;}
img { border:none;}
.line,#footer { width:1002px; height:auto; overflow:hidden; margin:0 auto;}
.logoline { height:67px; background:url(images/logo_bg.jpg) repeat-x;}
	#logo { float:left; margin-left:55px;}
	#joins { width:200px; text-align:left; float:right; margin:25px 50px 0 0; line-height:30px;}
.navbg { width:1002px; height:32px; background:url(images/navbg.jpg) repeat-x; margin-top:1px;}
	.navbg ul { margin-left:50px;}
	.navbg li { width:auto; height:32px; line-height:32px; padding:0 12px; float:left;}
	.navbg a { color:#FFF; font-weight:bold;}
	.navbg a:hover { color:#FF0; font-weight:bold;}
.magtop { margin-top:10px;}
#left { width:215px; text-align:left; float:left; margin-left:10px!important; margin-left:5px;}
	.title { width:100%; height:22px; background:url(images/titlebg.jpg) repeat-x; line-height:22px; text-indent:15px; font-size:12px; font-weight:bold; color:#FFF;}
	.title_bottom_bg { width:99%; height:auto; overflow:hidden; background-color:#f7f7f7; border:1px solid #e1e1e1; line-height:180%;}
	.title_bottom_bg p { width:96%; height:120px; margin:5px auto;}
	.title_bottom_bg ul { margin:5px 0;}
	.title_bottom_bg li { height:24px; line-height:24px; background:url(images/arrow1.gif) 10px center no-repeat; text-indent:20px;}
	.spaceline { width:96%; margin:0 auto; line-height:10px; border-bottom:1px solid #e1e1e1;}
	.titleico { width:100%; height:22px; background:url(images/titleico.jpg) 5px center no-repeat; line-height:22px; text-indent:25px; font-size:12px; font-weight:bold; color:#000; margin:8px 0 4px 0;}
/*	.tel,.fax,.email,.add { width:90%; height:40px; text-align:left; border:1px solid #e1e1e1; margin:8px auto; line-height:160%;}
	.tel font,.fax font,.email font { font-size:12px; color:#F00; font-weight:bold; margin-left:40px;}
	.tel { background: #fff url(images/tel.jpg) 5px center no-repeat; text-indent:40px;}
	.fax {background: #fff url(images/fax.jpg) 5px center no-repeat; text-indent:40px;}
	.email {background: #fff url(images/email.jpg) 5px center no-repeat; text-indent:40px;}
	.add { width:70%; height:auto; overflow:hidden; background: #fff url(images/add.jpg) 5px center no-repeat; padding: 0 2px 0 40px;}*/
	.tel { width:88%; height:auto; overflow:hidden; text-align:left; border:1px solid #e1e1e1; margin:8px auto; line-height:160%; background-color:#fff; padding:6px;}
#center { width:570px; height:auto; overflow:hidden; float:left; text-align:left; margin-left:10px; border-left:1px solid #ccccce; border-right:1px solid #ccccce;}
	.titleico_con { width:97%; height:30px;background:url(images/titleico.jpg) 5px center no-repeat; line-height:30px; text-indent:25px; font-weight:bold; margin:0 auto; border-bottom:1px solid #ccc;}
	.titleico_con font { font-size:14px; float:left;}
	.titleico_con a { height:13px; float:right; margin:10px 10px 0 0;}
	.about_con { width:97%; height:auto; overflow:hidden; margin:5px auto; line-height:180%;}
	.about_con img { float:left; margin-right:10px;}
	#n,#pr { width:97%; margin:8px auto; border-top:1px solid #ccc;}
	#n li { height:28px; line-height:28px; text-indent:20px; border-bottom:1px solid #ccc; background:url(images/arrow2.gif) 10px center no-repeat;}
	#n font { font-size:12px; color:#999;}
	#n a { color:#666;}
	#n a:hover { color:#F00;}
	#n .more { background:none; text-align:right; border:none; margin-top:6px;}
	#pr { border:none; margin-bottom:0;}
	#pr li { float:left; margin-left:6px!important; margin-left:4px; margin-top:12px;}
	#pr li:hover { float:left; margin-left:4px!important; margin-left:2px; margin-top:10px; background:#f7f8fa; border:1px solid #ddd;}
	#pr span { display:block; line-height:160%; margin-top:6px; padding-left:2px;}
#right { width:175px; height:auto; overflow:hidden; color:#666; text-align:left; float:right; margin-right:10px!important; margin-right:5px;}
	#quiknav { width:99%; height:24px; margin:10px auto; text-align:center; border:1px solid #ccc; padding-top:2px; background-color:#eee;}
	.tjcp {width:96%; height:390px; margin:0 auto;}
	#tj li { width:100%; height:auto; overflow:hidden; text-indent:0; margin:6px 0; background:none;}
#footer { margin-top:18px; padding:14px 0; line-height:180%; border-top:2px solid #ce0000; background-color:#e8e9eb;}

/*二级页面*/
#center_con { width:750px; height:auto; overflow:hidden; float:right; text-align:left; margin-right:10px!important; margin-right:5px; border-left:1px solid #ccccce; border-right:1px solid #ccccce;}
.about_con2 { font-size:14px;}
	.about_con2 h1 { width:100%; font-size:16px; line-height:34px; text-align:center; margin-top:15px; border-bottom:1px dashed #ccc;}
	.about_con2 p { line-height:180%;}
	.about_con2 h2 { width:99%; font-size:12px; font-weight:normal; text-align:right; line-height:28px; margin:20px 0 10px 0;}
#k {width:99%; height:auto; overflow:hidden; background-color:#f7f7f7; border:1px solid #e1e1e1;}
	#k li { width:90%; height:28px; margin:6px auto; line-height:28px; text-align:center; background-color:#FFF; border:1px solid #ccc;}
	#k a { color:#F60; font-size:14px; font-weight:bold;}
	#k a:hover { color:#000; font-size:14px; font-weight:bold;}
#newslist { width:96%; margin:20px; font-size:12px;}
	#newslist li { line-height:30px; text-indent:25px; border-bottom:1px solid #eee; background:url(images/arrow2.gif) 10px center no-repeat;}
	#newslist li font { font-size:12px; color:#999;}
	#page { width:80%; clear:both; font-size:12px; height:26px; line-height:26px; background-color:#eee; border:1px solid #ccc; text-align:center; margin:30px auto 20px auto;}
	#page img { float:none;}
	#infotable { background-color:#000; text-align:center;}
		#infotable td { background-color:#FFF;}
#application { width:96%; height:auto; font-size:14px; overflow:hidden; line-height:200%; margin:10px auto;}
	#canshu { background-color:#000; margin-top:10px; text-align:center;}
	#canshu td { background-color:#FFF;} 

#fllist { width:90%; line-height:20px; background-color:#9cc; margin-top:20px;}
	#fllist td { background-color:#FFF;}
	#fllist .td2 { background-color:#cff; text-align:left; text-indent:20px;}
	#fllistul { width:90%; border:1px solid #9cc; margin:12px auto 8px auto;}
	#fllistul li { width:100%; line-height:24px; text-indent:20px; border-bottom:1px solid #9cc; background-color:#cff; }
	
/*------滚动代码区域--------*/
#blue { overflow:hidden; height:370px;}
	#blue li { background:none;} 
#inblue { float: left; height: 600%; } 
#blue1,#blue2 { float: left; } 

/*----下拉导航样式----*/
/* style the outer div to give it width */ 
.menu {font-size:12px; width:1002px;height:32px; background:url(images/navbg.jpg) repeat-x; margin:1px auto 0 auto;} 

/* remove all the bullets, borders and padding from the default list styling */ 
.menu ul { height:25px; background:transparent;} 

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */ 
.menu ul li {float:left; height:32px; line-height:32px; margin-right:2px;} 

/* style the sub level list items */ 
.menu ul ul li {display:block; width:120px; height:auto; line-height:22px;} 

/* style the links for the top level */ 
.menu a, .menu a:visited {display:block; float:left; height:32px; color:#fff; font-weight:bold; width:90px;padding:0 0 0 8px!important; padding:0 0 0 4px; text-align:center;} 
/* hack IE5.x to get the correct the faulty box model and get the width right */ 
* html .menu a, * html .menu a:visited {width:95px;} 

/* style the sub level links */ 
.menu ul ul a, .menu ul ul a:visited {display:block;background:#66c; color:#fff;width:120px; height:100%; line-height:22px;} 
* html .menu ul ul a, * html .menu ul ul a:visited {width:120px; width:128px;} 


/* style the table so that it takes no part in the layout - required for IE to work */ 
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;} 


/* style the third level background */ 
.menu ul ul ul a, .menu ul ul ul a:visited {background:#66c; text-align:left;} 

/* first */ 
* html .menu a:hover {color:#ff0; border:0; height:25px; position:relative; z-index:100;} 
.menu li:hover {position:relative;} 

.menu :hover > a {color:#ff0; border:0; height:25px;} 
/* second */ 
* html .menu ul ul a:hover{color:#ff0; background:#477; position:relative; z-index:110; height:100%;} 

.menu ul ul li:hover {position:relative;} 
.menu ul ul :hover > a {color:#ff0;background:#7aa;background:#477; z-index:110; height:100%;} 
/* third */ 
* html .menu ul ul ul a:hover {background:#a77; position:relative; z-index:120;} 
.menu ul ul ul :hover > a {background:#a77;} 


/* hide the sub levels and give them a positon absolute so that they take up no room */ 
.menu ul ul {visibility:hidden;position:absolute;height:0; top:25px; left:0; width:120px;} 

/* position the third level flyout menu */ 
.menu ul ul ul{top:-8px; width:150px;} 


/* make the second level visible when hover on first level list OR link */ 
.menu ul :hover ul {visibility:visible; height:auto; padding:10px 0 0 0; left:-5px;} 
.menu ul :hover ul.left {visibility:visible; height:auto;  padding:10px 0 0 0;left:-5px;} 

/* keep the third level hidden when you hover on first level list OR link */ 
.menu ul :hover ul ul{visibility:hidden;} 

/* make the third level visible when you hover over second level list OR link */ 
.menu ul :hover ul :hover ul{visibility:visible; left:90px; height:auto;} 
.menu ul :hover ul.left :hover ul {left:100px;}