﻿@charset "utf-8";
/*
Copyright (c) 2009, Bsky1wcj! Inc. All rights reserved.
version: 1.1.1.1
CreateTime:2009-11-04
UpdateTime:2009-11-04
*/







	

/* NavNormal */


	/*通用新闻样式
		<ul class="Normal_News">
            	<li><a href="#" target="_blank"><span class="NewsTitle">新闻标题部分</span><span class="NewsTime">2009-10-08</span></a></li>
		</ul>
	
	*/
	

	.Normal_News{}
	.Normal_News li{overflow:hidden;}
	.Normal_News li a{ cursor:pointer; display:block; color:#000000;}
	.Normal_News li a:hover{color:#5d5d5d;}
	.Normal_News li a span.NewsTitle{ float: left; display:inline; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
	.Normal_News li a span.NewsTime{float: left; display:inline; overflow:hidden; word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
	
	.Normal_News{margin-top:3px; margin-left:1px;}
	.Normal_News li{line-height:17px; height:18px; background:url(../Images/NormalNewsPoint.jpg) left center no-repeat;}
	.Normal_News li a{padding-left:10px; width:300px;}
	.Normal_News li a:hover{background:url(../Images/NormalNewsLine.jpg) bottom left repeat-x;/* border-bottom:dashed #CCCCCC 1px;*/}
	.Normal_News li a span.NewsTitle{width:210px;}
	.Normal_News li a span.NewsTime{width:70px;}
	


	/*通用新闻翻页样式
        <div class="Normal_Pagebar">
            <a href="#"><<</a>
            <span class="page_now">1</span>
            <a href="#">2</a>
            <a href="#">3</a>
            <a href="#">4</a>
            <a href="#">5</a>
            <a href="#">6</a>
            <a href="#">7</a>
            <a href="#">8</a>
            <a href="#">9</a>
            <a href="#">10</a>
            <a href="#">>></a>
    	</div>  	
	*/



	.Normal_Pagebar { 
		padding:3px;
		text-align:center;
	}
	.Normal_Pagebar a,.Normal_Pagebar .page_now {
		border:#ddd 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom:2px; color:#aaa; margin-right: 2px; padding-top: 2px; text-decoration: none;
	}

	.Normal_Pagebar a:hover {
		border: #a0a0a0 1px solid;
	}
	.Normal_Pagebar .page_now {
		border: #e0e0e0 1px solid; padding-right: 5px; padding-left: 5px; padding-bottom: 2px; margin-right: 2px; padding-top: 2px; background:#f0f0f0; font-weight:700;
	}	
	
	
	
	

	/* 菜单
	 <ul class="Normal_Menu">
        <li class="hover"><a href="#"><span>菜单项一</span></a></li>
        <li><a href="#"><span>菜单项二</span></a></li>
        <li><a href="#"><span>菜单项三</span></a></li>
     </ul>
	 */
	.Normal_Menu {float:left;}
	.Normal_Menu li {float: left;}
	.Normal_Menu a {float: left; text-decoration: none; cursor: pointer; overflow:hidden; color: #000;}
	.Normal_Menu a span {float: left;}
	.Normal_Menu .hover a, .Normal_Menu a:hover{color: #5d5d5d; }
	.Normal_Menu .hover a span, .Normal_Menu a:hover span {}

	.Normal_Menu { padding-left:60px; padding-top:4px;}
	.Normal_Menu li {}
	.Normal_Menu a {
		height: 34px;
		line-height:33px;
		font-size:14px;
		font-weight: bold;
		color:#FFF;
		background: url(../Images/MenuOver.jpg) no-repeat;
		background-position: 0 -34px;}
	.Normal_Menu a span {
		height: 34px;
		line-height:33px;
		margin-left: 18px;
		padding-right: 18px;
		background: url(../Images/MenuOver.jpg) no-repeat;
		background-position: 100% -34px;}
	.Normal_Menu .hover a, .Normal_Menu a:hover{ color:#fd5200; background-position: 0 0;}
	.Normal_Menu .hover a span, .Normal_Menu a:hover span {background-position: 100% 0;}


	
	
	/* 选项卡
	 <ul class="Normal_Tab">
        <li class="hover"><a href="#"><span>选项卡一</span></a></li>
        <li><a href="#"><span>选项卡二</span></a></li>
        <li><a href="#"><span>选项卡三</span></a></li>
     </ul>
	 */
	.Normal_Tab {float: left;}
	.Normal_Tab li {float: left;}
	.Normal_Tab a {float: left;	text-decoration: none; cursor: pointer;	overflow:hidden; color: #444;}
	.Normal_Tab a span {float: left;}
	.Normal_Tab .hover a, .Normal_Tab a:hover{color: #fff; }
	.Normal_Tab .hover a span, .Normal_Tab a:hover span {}
		
	.Normal_Tab {
		background:url(../Images/NormalTab.gif) repeat-x 0 -54px;
		width: 100%;
	}
	.Normal_Tab li { /*margin-right:5px;*/}
	.Normal_Tab a {
		background: url(../Images/NormalTab.gif) no-repeat;
		height: 27px;
		font-weight: 700;
	}
	.Normal_Tab a span {
		height: 27px;
		line-height: 27px;
		margin-left: 12px;
		padding-right: 12px;
		background: url(../Images/NormalTab.gif) no-repeat;
	}
	.Normal_Tab a { background-position: 0 -27px;}
	.Normal_Tab .hover a, .Normal_Tab a:hover{ background-position: 0 0;}
	.Normal_Tab a span { background-position: 100% -27px; }
	.Normal_Tab .hover a span, .Normal_Tab a:hover span { background-position: 100% 0; }


	/* 1px 边框表格
	 <table class="Normal_Table-style01">
	 	<caption>表格标题</caption>
		<colgroup align=left>
		<colgroup align=center>
		<colgroup align=right>
		<col align=center span=4>

		
	 		<tr><th>列一</th><th列二></th><th>列三</th><th>列四</th></tr>


        	<tr><td>行一</td><td>行一</td><td>行一</td>><td>行一</td></tr>

     	</table>
	 */
	table.Normal_Table-style01 {border-collapse:collapse; border-spacing:0; font-size:100%;}
	table.Normal_Table-style01 {border:1px solid #efefef; width:100%;}
	table.Normal_Table-style01 caption{ text-align:left; color:#000000; font-size:13px; font-weight:bold;}
	table.Normal_Table-style01 th {text-align:center; font-weight:bold;}
	table.Normal_Table-style01 th, td { padding:1px;}
	
	table.Normal_Table-style01 th {text-align:center;}
	table.Normal_Table-style01 th {border-right:1px solid #efefef; background:#EFEFEF; color:#FF2F00;}
	table.Normal_Table-style01 td {border:1px solid #efefef;}



	/* 图片产品列表*/

	ul.ImageList-style01{
		float: left;
/*		clear:both;*/
		margin:5px 0 0 0;
		width:520px;
		
		background:#0000FF;
		}
	ul.ImageList-style01 li{
		overflow:hidden;
		_height:1%;
		height:153px;
		width:100px;
		text-align:center;
		margin:0 6px 0 0 ;
		float:left;
		display:inline;
		font:bold 11px/normal Arial, Helvetica, sans-serif, Tahoma;
		color:#3D3B45;
		
		
		background:url(images/order_now.gif) no-repeat 14px 134px;
		background:#0099FF;
		}
	ul.ImageList-style01 li img{	
		width:100px;
		height:100px;
		}
	ul.ImageList-style01 li span{
		color:#B57D0A;
		}
	ul.ImageList-style01 li a{
		margin:0;
		text-decoration:none;
		
		color:#990000;
		}
	ul.ImageList-style01 li a:hover{
		color:#000000;
		text-decoration:underline;}





	body{font:12px Arial, Helvetica, sans-serif, Tahoma;}
	#Head{margin:0 auto; width:1004px; text-align:left;}
	#Logo{ float:left; display:inline; background:url(../Images/Logo.jpg) left top no-repeat; width:294px; height:113px;}
	#HeadFlaOrImg{float:left; display:inline; background:url(../Images/HeadImg.jpg) top left no-repeat; width:1004px; height:231px; zoom:1;}
	#Foot{margin:0 auto; width:1004px;}
	#Copyright{}
	#Content{margin:0 auto; width:1004px; overflow:hidden; zoom:1;}
	#ToolBar{}
	
	
	#Head #HeadTop{float:left; display:inline; background:url(../Images/HeadBg.jpg) left top no-repeat; width:1004px; height:113px;}
	#Menu{ float:right; display:inline; overflow:hidden; margin:32px 10px 0 0; width:681px; height:39px;}
	
	#Foot{ background:url(../Images/FootBg.jpg) left top repeat-x; height:101px;}
	#Foot .logo{ float:left; display:inline; background:url(../Images/FootLogo.jpg) left top no-repeat; width:137px; height:53px; margin:31px 0 0 108px;}
	#Foot #Copyright{ color:#787979; margin:33px 0 0 303px; text-align:left; line-height:17px;}
	#Foot #Copyright a{color:#cdcbcb;}
	#Foot #Copyright a:hover{color:#f50;}
	
	
	#Content{ padding:23px 23px 10px 23px; width:958px; text-align:left;}
	
	#Content .ContentH2{background:url(../Images/ContentH2Bg.jpg) bottom left no-repeat; height:38px; color:#000000; font-size:14px; font-weight:bold; padding-left:30px;} 
	#Content p.pStyle01{ line-height:150%; text-indent:2em;}
	
	

	










