﻿body, div, address, blockquote, iframe, ul, ol, dl, dt, dd, 
h1, h2, h3, h4, h5, h6, p, pre, table, caption, th, td, 
form, legend, fieldset, input, button, select, textarea {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
}
ol, ul {
    list-style: none;
}
fieldset, img {
    border: 0;
}
:focus {
    outline: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}

body {
    color: #fff;
    background-color:#000;
    text-align: center;
    font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;
}

/*
body {
    color: #fff;
    background: url(body_bg.jpg) repeat-x #fff; /*#fff*/
    text-align: center;
    font: 12px/1.5 Tahoma, Helvetica, Arial, sans-serif;
}
*/
.cztopbg{
	background-image: url(cztopbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 50px;
}

.clearfix {
    display: inline-block;
}

.f14{
    font-size:12px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
}
/*\*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/**/
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.hidden {
    display: none;
}
html, body {
    height: 100%;
}
* html .container {
    height:100%;
}
.container {
    width: 960px;
    min-height: 100%;
    margin: auto;
	padding-top:5px;
    text-align: left;
    background: #000;
}
.container .wrap {
    margin:0 5px;
}
/**********图片放大效果层的divcss定义20091207*******/
#enlarge_images{position:absolute;display:none;z-index:2;border:5px solid #f4f4f4}
#enlarge_images img{MAX-WIDTH: 100%!important;HEIGHT: auto!important;width:expression(this.width > 400 ? "400px" : this.width)!important;}
#overlayer{position:absolute;z-index:200;width:340px;padding:3px;border:2px solid #999;background-color:#FFF;}
#overlayer img{width:320px;}

/**********链接定义*******/
a:link{
color:#f0f0f0;
text-decoration:none;
}
a:visited{
color:#f0f0f0;
text-decoration:none;
}
a:hover{
color:#fff;
text-decoration:underline;
}
a.white_a:link,a.white_a:visited{
color:#fff;
text-decoration:none;
}
a.white_a:hover{color:#fff;text-decoration:underline;
}
/********顶部背景图 背景色 css code***********/
.top_bg{
background-color:#000;
width:960px;
}
#header{
background:url(top_bg.jpg) no-repeat right bottom;
height:105px;
}
.header,.foot{
width:960px;
}

.col1, .col2, .col3, .col4, .col5, .news_sort {
    float: left;
    margin-right:10px;
}
.layout-cols2 .col1{
width:220px;
}
.layout-cols2 .col2{
width:710px;
}
/**************菜单 menu css code*****************/
.nav{
background:url(menu_bg.gif) no-repeat center center;
height:38px;
}
.nav ul{
padding-top:2px;
width:819px;
height:38px;
float:right;
}
.nav ul li{
width:117px;
float:left;
line-height:32px;
vertical-align:middle;
font-size:18px;
text-align:center;
}
 a.menu_a:link, a.menu_a:visited, a.menu_a:hover{
color:#fff;
text-decoration:none;
}



/**************left nav css code*****************/
.left_nav
{	
	width:200px;
	overflow:hidden;
	margin:0 auto;
}
.left_navbg1
{
	background:url(left_navbg1.jpg) no-repeat center center;
	width:200px;
	overflow:hidden;
	height:48px;	
}
.left_navbg1 h3
{
	line-height:32px;
	vertical-align:bottom;
	text-align:center;
	color:#fff;
	font-weight:bold;
}
.left_nav ul
{
	width:200px;
	margin:0 auto;
}
.left_nav ul li
{
	background:url(left_navbg2.jpg) no-repeat;
	height:29px;
	line-height:29px;
	padding-left:35px;	
}

.left_navbg3
{
	background:url(left_navbg3.jpg) no-repeat center center;
	width:200px;
	height:25px;
}
/**************左边栏 新闻动态css code********************/
.col1 .box
{
	width:200px;
	padding-top:20px;
	margin:0 auto;
}
.col1 .box ul
{
	width:200px;
}
.col1 .box ul li
{
	width:200px;
	overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
	float:left;
	line-height:25px;
	background:url(line.jpg) repeat;
}
.col1 .box a
{
	text-decoration:none;
}
/*********联系我们 msn skype css code**********/
.contact{
width:200px;
margin:0 auto;
background:url(contact.gif) no-repeat top center;
line-height:24px;
vertical-align:middle;
text-align:right;
}
.contact h3{
font-weight:bold;
font-size:18px;
padding-left:24px;
line-height:24px;
padding-top:5px;
color:#f00;
text-align:left;
}
.contact .tel{
padding-top:50px;
padding-left:5px;
text-align:right;
}
.contact .fax,.contact .email{
padding-left:5px;
}

.skype{
width:182px;
line-height:25px;
vertical-align:middle;
text-align:center;
margin:0 auto;
color:#006600;
font-weight:bold;
}
.skype img{
padding-top:8px;
}
.box1{
float:left;
width:710px;
}
.box01{
float:left;
}
/**************中间部分 右边栏  推荐产品,最新产品,热卖产品css code********************/
.col2 .box {
width:710px;
float:left;
}
.col2 .box img{

}
.flash{
	border:solid 1px #333;
	float:left;
}
.col2 .index_about{
width:185px;
margin:0 5px;
float:left;
line-height:25px;
word-break:break-all;
background:url(line.jpg) repeat;
}
/**************右边内容 新品上市 可以左右滚动图片css code********************/
.cutstr{
width:88px;
 white-space:nowrap;
   word-break:keep-all;
   overflow:hidden;
   text-overflow:ellipsis;

}
.blk_18 {
BORDER: #e3e3e3 1px solid; 
MARGIN-TOP: 8px; 
FONT-SIZE: 12px;
BACKGROUND: #000; 
OVERFLOW: hidden; 
 WIDTH: 708px;
  ZOOM: 1
}
.blk_18 .pcont {
FLOAT: left; OVERFLOW: hidden; WIDTH: 668px
}
.blk_18 .ScrCont {
WIDTH: 32766px; ZOOM: 1
}
.blk_18 #List1_1 {
FLOAT: left
}
.blk_18 #List2_1 {
FLOAT: left
}
.blk_18 .LeftBotton {
BACKGROUND: url(left.gif) no-repeat; FLOAT: left; MARGIN: 31px 1px; WIDTH: 15px; HEIGHT: 72px
}
.blk_18 .RightBotton {
BACKGROUND: url(left.gif) no-repeat; FLOAT: left; MARGIN: 31px 1px; WIDTH: 15px; HEIGHT: 72px
}
.blk_18 .LeftBotton {
BACKGROUND-POSITION: 0px 0px; MARGIN-LEFT: 5px
}
.blk_18 .RightBotton {
BACKGROUND-POSITION: 0px -100px; MARGIN-LEFT: -1px
}
.blk_18 .LeftBotton:hover {
BACKGROUND-POSITION: -20px 0px
}
.blk_18 .RightBotton:hover {
BACKGROUND-POSITION: -20px -100px
}
.blk_18 .pl IMG {
DISPLAY: block; MARGIN: 6px auto 1px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.blk_18 .pl {
BORDER: #f3f3f3 1px solid;
FLOAT: left;
WIDTH: 114px; 
LINE-HEIGHT: 24px;
TEXT-ALIGN: center; 
TEXT-DECORATION: underline
}
.blk_18 A.pl:hover {
BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; BACKGROUND: #fff; BORDER-LEFT: #ff9900 1px solid; COLOR: #ff9900; BORDER-BOTTOM: #ff9900 1px solid
}
.commu_cont3 {
MARGIN: 9px 7px 7px; LINE-HEIGHT: 150%
}
.commu_cont3 UL {
WIDTH: 188px
}
/***热卖产品标题栏背景图定义***/
.bar3{
background:url(hot_products_bar.jpg) no-repeat center center;
height:25px;
}
.col2 .box_title{
width:710px;
float:left;
background:url(a_r_btbg2.gif) repeat-x center center;
}
.col2 .box_title2{
background:none;
}
.box_title h3{
background:url(a_r_btbg1.gif) no-repeat top left;
width:141px;
font-size:12px;
line-height:30px;
vertical-align:middle;
color:#fff;
text-align:center;
font-weight:bold;
float:left;
}

.box_title span{
float:right;
margin-top:7px;
margin-right:10px;
}
.box3 ul{
padding-top:5px;
width:710px;
background:url(hot_products_bgr.jpg) no-repeat right top;
}
.box3 ul li{
width:118px;
background:url(hot_products_bg.jpg) no-repeat top left;
overflow:hidden;
float:left;
}
.box3 ul li div{
margin:0 auto;
}
.box3 ul li img{
padding-top:20px;
margin:0 auto;
}

.box3 .pl IMG {
DISPLAY: block; MARGIN: 6px auto 1px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.box3 .pl {
BORDER: #f3f3f3 1px solid;
FLOAT: left;
WIDTH: 114px; 
LINE-HEIGHT: 24px;
TEXT-ALIGN: center; 
TEXT-DECORATION: underline
}
.box3 A.pl:hover {
BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; BACKGROUND: #fff; BORDER-LEFT: #ff9900 1px solid; COLOR: #ff9900; BORDER-BOTTOM: #ff9900 1px solid
}





/***********底部 css code****************/
.friendlink
{
		line-height:18px;
	border-bottom:1px solid #ccc;
	background-color:#333;
}
.friendlink ul
{
	width:960px;
	
}
.friendlink ul li
{
	width:88px;
	float:left;
	text-align:center;
	overflow:hidden;
}
	
.bottom
{
	padding-top:5px;
}
.footer{
width:960px;
margin:15px 0 0 0;
color:#fff;
font-weight:bold;
text-align:left;
background-color:#ea339d;
}
.footer span{
float:left;

}
.footlink ul{
width:960px;
}
.footlink ul li{
width:88px;
line-height:30px;
vertical-align:middle;
float:right;
text-align:center;
}
.foot_right{
width:960px;
text-align:center;
line-height:24px;
color:#666;
}

/*********************新闻列表css***********************************/
/*********************新闻列表css***********************************/
/***.newslist{
background:url(newslist_right.gif) no-repeat top right;
}
.newsshow{
background:url(newslist_right2.gif) no-repeat top right;
}***/
.newslist .pages{
width:496px;
margin:0 30px;
text-align:center;
}
.col2 .dh{
width:380px;
float:left;
padding-left:10px;
line-height:30px;
vertical-align:middle;
text-align:left;
}
.news_list{
margin:0px 30px 10px 30px;
height:250px;
width:496px;
}
.news_list ul{
margin:0px;
padding:0px;
float:left;
}
.news_list ul li{
float:left;
width:496px;
border-bottom:solid 1px #ccc;
line-height:24px;
}
.news_list span{
float:right;
color:#F90;
}

.news_show{
margin:0px auto 0px 30px;
float:left;
line-height:24px;
width:496px;
}
.news_show .title{
text-align:center;
font-weight:bold;
}
.news_show .news_info
{
margin:8px 0;
border:dashed 1px #ccc;
text-align:center;
}

/*********************新闻列表css***********************************/
/*********************新闻列表css***********************************/


/*********************产品css***********************************/
/*********************产品css***********************************/
.product-list-content
{
    height:143px;
    width:420px;
    font-size:14px;
    clear:both;
    overflow:hidden;
}
.referenceprice{
color:#EA339D;font-weight:bold;}
.products_list{
BACKGROUND: #000; 
OVERFLOW: hidden; 
margin:30px 30px 10px;
width:610px;
}
.products_list .pl {
BORDER: #f3f3f3 1px solid;
FLOAT: left;
WIDTH: 118px; 
LINE-HEIGHT: 24px;
TEXT-ALIGN: center; 
TEXT-DECORATION: underline
}
.products_list ul{
margin:0px;
padding:0px;
float:left;
}
.products_list ul li{
float:left;
width:124px;
border-bottom:solid 1px #ccc;
line-height:24px;
}
.products_list img{
DISPLAY: block;
 MARGIN: 6px auto 1px; 
 CURSOR: pointer; 
 BORDER-TOP-STYLE: none; 
 BORDER-RIGHT-STYLE: none; 
 BORDER-LEFT-STYLE: none; 
 BORDER-BOTTOM-STYLE: none
}
.products_list a:hover
{
BORDER: #ff9900 1px solid;
BACKGROUND: #fff;  
COLOR: #ff9900;
}
.MagicZoomBigImageCont {

}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#fff;
	background:		#91b817;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}
/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */

/* CSS class for thumbnail link <A> */
.MagicThumb {
    cursor: url(cursor/zoomin.cur), pointer;
    outline: none;
}

/* CSS class for the thumbnail link <A> when the big image is zoomed */
.MagicThumb-zoomed { cursor: default; }

/* CSS class for span inside the thumbnail <A> */
.MagicThumb span { display: none; }

/* CSS class for the thumbnail image */
.MagicThumb img { outline: none; }

/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #cccccc; outline: none; }

/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(cursor/zoomout.cur), pointer; }

/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
    color: #333333;
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 11px;
    padding: 8px 16px;
}

/* CSS class for the control bar */
.MagicThumb-controlbar {
	display: block;
	height: 18px;
}

.MagicThumb-controlbar a {
	display: block;
	width: 18px;
	height: 18px;
	margin: 0px 1px;
	outline: none;
	float: left;
	overflow: hidden;
}

.MagicThumb-controlbar a span {
	display: block;
	width: 1000px;
	height: 1000px;
	background: transparent url(graphics/controlbar.png) no-repeat 0 0;
	outline: none;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* CSS class for the loading message box */
.MagicThumb-loading {
	border: 1px solid #000000;
	background: #ffffff url(graphics/loader.gif) no-repeat 2px 50%;
	padding: 2px 2px 2px 22px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	font-family: sans-serif;
}
/*********************产品css***********************************/
.contactMail{BACKGROUND: url(contact_now_s.gif) no-repeat; FLOAT: right; MARGIN:10px 1px; WIDTH: 106px; HEIGHT:20px}
 a.contactMail:link, a.contactMail:visited, a.contactMail:hover{BACKGROUND:url(contact_now_s.gif) no-repeat; FLOAT: right; MARGIN:10px 1px; WIDTH: 106px; HEIGHT:20px;border:0px;font-size:10px;}
/*********************产品css***********************************/
