﻿/*-----------------------------------------------------------

	Basic Style Sheet ( support  IE7/IE6/ Mozilla Firefox browser )
	
	Date:    2009.8.26
	Author:  Mr.Jiao
	QQ:      117707486
	E-mail:  117707486@qq.com
	Website: http://www.bjrhti.com/

-------------------------------------------------------------*/
* {
	margin: 0; padding: 0;
}
div,form,img {
	margin: 0; padding: 0; border: 0;
}
ul,ol,li,dl,dt,dd{
	list-style-type:none;
}
table,td,tr,th{
	font-size:12px;margin: 0; padding: 0;
}
img {
	vertical-align:top;
}
a            { 
	color:#4D4D4D; text-decoration: none 
}
a:hover      { 
	color:#4D4D4D; text-decoration: underline 
}
a.blue,a:hover.blue {
	color:#0066AE
}
.clear {
	clear:both;font-size:0;overflow:hidden
}
.input-1 {
	background:url('../Images/input-bg.GIF') repeat-x;border:1px solid #999;height:17px;line-height:17px;font-family: Verdana, Arial, Helvetica, sans-serif;
}
.submit-1 {
	background:url('../Images/submit.GIF') no-repeat;border-style:none;width:52px;height:19px;line-height:19px;color:#fff;text-align:center
}
.t-img {
	border:1px solid #ccc;padding:1px
}

body 		 {
	font-size: 12px;text-align: center;color: #4D4D4D;font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrapper     {
	text-align:left;width: 980px;margin:auto;  
}
#container {
	text-align:left;width: 980px;margin-top:8px;
}

/*== Head style 
----------------------------------------*/
.logo {
	margin:0 0 8px 8px
}
.nav {
	background:url('../Images/nav-bg.GIF') repeat-x;height:41px;margin-bottom:8px
}
.nav ul {
	margin-left:11px
}
.nav ul li {
	width:120px;font-size:14px;font-weight:bold;text-align:center;float:left;line-height:41px;
}
.nav ul .end {
	width:118px
}
.nav ul .end a{
	background:none
}
.nav ul li a {
	display:block;background:url('../Images/nav-right.GIF') right 8px no-repeat;color:#fff;width:100%
}
.nav ul li a:hover {
	background:url('../Images/nav-li.gif') no-repeat;color:#fff;text-decoration: none
}

/*== Left style
----------------------------------------*/
#left {
	width:250px;float:left
}
#left h2 {
	background:url('../Images/left-h2.GIF') no-repeat;line-height:28px;height:28px;font-size:14px;color:#000;text-indent:25px;
}
#left .search {
	background:url('../Images/left-search-bg.GIF') 20px bottom no-repeat;margin:10px 0;line-height:25px
}
#left .search p {
	margin:5px 0 0 60px;
}
.left-product-list {
	margin:10px 0;z-index:88;position:relative
}
.left-product-list ul li{
	position: relative;line-height:25px;height:25px;text-indent:10px;padding-left:10px;
}
.left-product-list ul li a {
	background:url('../Images/left-product-list.GIF') 0 9px no-repeat;display:block;color:#0066AE;
}
.left-product-list ul li a:hover {
	background:url('../Images/left-product-list.GIF') 0 -24px no-repeat;display:block;
}
.left-product-list ul li ul{z-index:99;width:240px;display:block;position:absolute;top:0px;left:200px; padding:0 10px;border:1px solid #E0E0D8;background:#FBFAF8;;display: none;iframe}
.left-product-list ul li ul h3 {
	font-size:12px;text-align:center;line-height:35px;border-bottom:1px dashed #E0E0D8
}



#left .contact {
	line-height:25px;color:#0066AE;padding:10px
}
#left .link {
	padding:10px 0 2px 0
}
#left .link li {
	width:250px;height:35px;margin-bottom:8px
}

/*== Right style
----------------------------------------*/
#right {
	width:720px;float:right
}
#right h2 {
	background:url('../Images/right-h2.gif') repeat-x;height:28px;line-height:28px;font-size:14px;color:#000;
}
#right h2 span {
	background:url('../Images/right-h2-span.gif') 15px 3px no-repeat;padding-left:30px
}
#right h2 em {
	float:right;margin:5px 20px 0 0
}
#right .about {
	padding:10px 0;line-height:25px;overflow: auto;zoom:1;
}
#right .about .flash {
	float:right;margin-left:10px;border:5px solid #DDDDDD
}

.product-list {width:720px;margin-bottom:10px} 
.product-list ul{} 
.product-list ul li{width:130px;padding:10px 7px 30px 7px;float:left;cursor:pointer;height:150px;position:relative;} 
.product-list ul li p {line-height:20px;height:20px;text-align:center}
.product-list ul li.show {z-index:999}
.product-list ul li.show dl{display:block;position:absolute}
.product-list ul li dl {word-break: break-all;z-index:9999;display:none; background:#E8F1FC;left:-10px;top:0px;width:159px;padding:5px;border:1px solid #5074D8;}
.product-list ul li dd {text-align:center;padding:5px 0;border-bottom:1px dashed #CCCCCC;background:#fff}
.product-list ul li dt {color:#000;line-height:21px;}

.news {
	padding:10px 0
}
.news li {
	background:url('../Images/news-icon.GIF') 0 center no-repeat;line-height:25px;height:25px;text-indent:12px;border-bottom:1px dashed #ccc;
}
.news li span {
	float:right;color:#0066AE
}
.news li a {
	display:block
}
.scroll {
	text-align:center;line-height:25px;border:1px solid #ccc;margin-bottom:8px
}
.content {
	line-height:25px;margin:10px 0
}
.content h3 {
	text-align:center;font-size:14px;line-height:30px;color:red
}
.content h4 {
	text-align:center;line-height:30px;font-size:12px
}
.close {
	text-align:right
}
.productview_left {
	line-height: 30px;
}
.productview_right {
	text-align: center;padding-top: 10px;
}
.productview_right {
	color: red;
}
.productview_summary {
	font-weight: bold;margin-bottom: 10px;clear: both;	border-bottom: 1px dotted #AFAFAF;line-height: 30px;height: 30px;text-indent: 20px;
}

/*== Message style
----------------------------------------*/
.addbook {
	margin-top: 10px;
}
.addbook dl {
	width: 100%;
}
.addbook dl dt {
	clear: both;width: 200px;float: left;padding: 4px;padding-top: 8px;text-align: right;
}
.addbook dl dd {
	margin: 0 0 0 118px;padding: 4px;text-align: left;
}
.addbook dl dt span {
	font: 1em Verdana !important;color: #FF0000;
}
.addbook select {
	width: 80px;
}
.addbook textarea {
	font-family: arial, helvetica, sans-serif;border: 1px solid #999;
}
div#submit {
	text-align: left;padding: 4px;padding-left: 270px;
}
.book dl {
	margin-top: 10px;
}
.book dl {
	overflow: auto;zoom: 1;margin-bottom: 5px;
}
.book dl dt {
	line-height: 30px;height: 30px;background: #EDEEEF;
}
.book dl dt span {
	float: left;padding: 0 15px;line-height: 30px;text-align: center;font-size: 16px;color: #FFFFFF;font-weight: bold;height: 30px;background: #2251A1;
}
.book dl dt em {
	font-style: normal;padding-right: 10px;float: right;color: #808080;font-size: 12px;
}
.book dl dd {
	line-height: 28px;text-align: right;
}
.book dl dd span {
	float: right;width: 625px;text-align: left;
}
.book dl dd .adminreply {
	background: #F6F6F6;color: #A20010;
}
.book dl dd em {
	font-style: normal;font-size: 12px;color: #808080;
}

/*== Flash style
----------------------------------------*/
.flash-tab{
	width:235px; height:176px; overflow:hidden;position:relative;
}
.slider{
	position:absolute;
}
.slider li{ 
	list-style:none;display:inline;
}
.slider img{ 
	width:235px; height:176px; display:block;
}
.num{ 
	position:absolute; right:5px; bottom:5px;
}
.num li{
	float: left;color: #000000;text-align: center;line-height: 16px;width: 16px;height: 16px;font-family: Arial;font-size: 12px;cursor: pointer;overflow: hidden;margin: 3px 1px;border: 1px solid #5F5F5F;background-color: #fff;
}
.num li.on{
	color: #000;line-height: 21px;width: 21px;height: 21px;font-size: 16px;margin: 0 1px;border: 1px solid #5F5F5F ;background-color: #A7A7A7;font-weight: bold;
}

/*== Footer style
----------------------------------------*/
#footer {
	clear:both;background:#393939;color:#fff;line-height:25px;text-align:center;padding:5px 0
}
#footer a,#footer a:hover {
	color:#fff;text-decoration: underline
}