﻿
/*====== 默认样式重置(CSS Reset)开始 ======*/
	html, body { margin:0 auto;padding:0; }
	dl, dt, dd, ul, ol, li, p, h1, h2, h3, h4, h5, h6, th, td, hr {	padding: 0;margin: 0;}
	h1, h2, h3, h4, h5, h6, address, caption, cite, code, dfn, em, th, var ,strong{ font-style:normal; font-weight: normal;font-size: 100%;}
	table {	border-collapse: collapse;	border-spacing: 0;}
	label, input {vertical-align: middle;}
	ul,li{ list-style-type:none;}
	fieldset, img {border:0;}
	
/*====== 默认样式重置(CSS Reset)结束 ======*/


/*====== 布局相关定义开始 ======*/
	
	#container{ width:100%; padding-top:8px;}
	
    .mainContent { float:right; width:775px; overflow:hidden; }
    .sideBar {float:left; width:200px;overflow: hidden;}
.zclsideBar {float:left; width:750px;overflow: hidden;}

	.mainCenter { float:left; width:550px; overflow: hidden;}
    .mainSide { float:right; width:220px; overflow: hidden;}

    .mainContent2 {overflow: hidden; }

/*====== 布局相关定义结束 ======*/


/*====== 网站通用定义开始 ======*/
	body { color: #333;  font-size:12px; font-family: '宋体', Arial, sans-serif, Tahoma; }
	h1{ font-weight:bold; }
	
	a:link , a:visited{ color:#333; text-decoration:none; cursor:pointer;}
	a:hover ,a:active{ color:#FF0000; text-decoration:none; }
    a.hot,.hot{ color:#CB0003!important;}
	.sharp a:link, .sharp a:visited, .sharp{ color:#fff!important;}
	.sharp a:hover{ color:#fff;text-decoration:underline;}
	
/* --- 常用属性定义 --- */
	
	.text_center{ text-align:center;}
	.text_right{ text-align:right;}
	
	.flowright{ float:right;}
	.flowleft{ float:left;}
	
    .overflow_hidden { overflow: hidden;}
    .spacing {	font-size: 0px;	visibility: hidden;	line-height: 5px;}
    .clearbox {
	    border-top: 1px solid transparent !important;
	    margin-top: -1px !important;
	    margin-top: 0px;
		clear: both;
		font-size: 0px;
		line-height: 0px;
		height: 0px;
		border: 0px;
		visibility: hidden;     }   
		

/*--- 轮换图片 活动 ---*/
    .function_tab { 
	    float:left;
		position:relative;
		width:546px;
		height:260px;
		overflow:hidden;
		border:2px solid #a0caf3;
            }
    .function_tab img{ width:546px; height:260px; }
	
    .function_tab dd span{ position:absolute; bottom:3px; left:30px; color:#fff;}  

	.function_tab dt{ position:absolute; right:10px; bottom:10px; font-size:12px; z-index:100;}
    .function_tab dt a{ display:inline-block; background-color:#fff; border:1px solid #cdcdcd ; font-family:Tahoma; padding:0px 5px; color:#333; cursor:pointer;}
    .function_tab dt .function_on{ background-color:#FF0000;color:#fff; }
	
/*--- 产品列表 - 动态切换展示 ---*/
    .product_tab{ position:relative;  background:url(images/box2.gif) right top no-repeat; height:35px; line-height:35px; }
	.product_tab dt{ position:absolute; right:0px; top:0px;}
	.product_tab h2{ display:inline-block; background:url(images/box2.gif) left top no-repeat; padding-left:40px; height:35px; line-height:35px; color:#333; font-weight:bold; font-size:14px; }
	.product_tab dt a{display:inline-block; background:url(images/box2_on.gif) left top no-repeat; padding:0 15px; height:35px; line-height:35px; color:#333; font-weight:bold; font-size:14px; }
	
	.product_tab dt .product_on{ display:inline-block; background-color:#FFFFFF; }
	

	.product_list1{ border:1px solid #bacfe8; border-top:none; height:100%; overflow:hidden;}
	.product_list1 li{ float:left; text-align:center; color:#333;margin-top:15px; margin-bottom:5px; border-right:1px dashed #dddddd; overflow:hidden;}	
	.product_list1 .p_list_name {line-height:24px;}
	.product_list1 .p_list_pic {}
    .product_list1 .p_list_price {  color:#CC0000;line-height:22px;}	
    .product_list1 .p_list_pic img {padding:2px 5px;}
    .product_list1 .p_list_botton { display:none;}
	
	.two li{ width:49%; height:120px; border-bottom:1px dashed #dddddd; border-right:none;}
	.fiv li{width:20%; }
	.thr li{width:33%;  }
.zcltwo li{width:49%;  }
	.one li{width:100%;}
	
	
	.product_list2{ border:1px solid #bacfe8; border-top:none; height:100%; overflow:hidden;}
	.product_list2 li{ float:left;  color:#333; margin-top:15px; margin-bottom:7px; border-bottom:1px dashed #dddddd; }	
	.product_list2 .p_list_name {line-height:24px;}
	.product_list2 .p_list_pic {float:left; margin:0 5px;}
    .product_list2 .p_list_price {  color:#CC0000; line-height:22px;}	
    .product_list2 .p_list_pic img { padding:2px 5px;}
    .product_list2 .p_list_botton a { padding:2px 5px;}


	
/*--- 通用模块 list_a ---*/
    .news{ height:217px;}
	.sale{ height:253px;}
	.list_a ,.list_b ,.product_nav{ border:1px solid #bacfe8; border-top:none; padding:5px 10px;}
	.list_a ul{ background:url(images/no1.gif) left 5px no-repeat;} 
	.list_a li{ 
	     /*background:url(images/do1.gif) left 10px no-repeat;
		 width:180px;
		 padding-left:15px;*/
		 line-height:22px; 
		 padding-left:25px;
	      }

/*--- 通用模块 zcllist_a ---*/
    .news{ height:117px;}
	.sale{ height:253px;}
	.list_a ,.zcllist_b ,.product_nav{ border:1px solid #bacfe8; border-top:none; padding:5px 10px;}
	.list_a ul{ background:url(images/no1.gif) left 5px no-repeat;} 
	.list_a li{ 
	     /*background:url(images/do1.gif) left 10px no-repeat;
		 width:180px;
		 padding-left:15px;*/
		 line-height:22px; 
		 padding-left:25px;
	      }





/*--- 通用模块 list_b 热销排行---*/
	.list_b li{ background:url(images/triangleOrange.gif) left 8px no-repeat; line-height:24px; padding-left:12px; }
    .list_b li span { color:#9A1041; font-size:12px; font-weight:bold; margin-right:3px;    }
	
	.commit {padding:5px 10px; height:230px;}
	.commit li { line-height:25px; border-bottom:1px dashed #D9C3B8;}
	.commit li span{ text-align:right; display:block; color:#666;}
	
/*--- 通用模块 product_nav 商品节点---*/
	.product_nav li b{ background:url(images/icon5.gif) left top no-repeat; padding-left:25px; line-height:24px; font-size:14px; font-weight:bold;  color:#D6290B; }
	
	.product_nav div li{ display:block; line-height:22px; border-bottom:1px dashed #dddddd; }
	
	.product_nav div li a{padding-left:20px; color:#333; /*border-bottom:1px dashed #cdcdcd;*/}
	
	.product_nav div li a:hover{ display:block; background-color:#404246; color:#fff; /*text-decoration:underline;*/ }


/*--- 通用模块 mode_b ---*/
    .mode_a { height:100%; overflow:hidden;   }
	.mode_a h2{ background:url(images/box1.gif) right top no-repeat; height:36px;}
	.mode_a h2 span{display:inline-block; background:url(images/box1.gif) left top no-repeat; padding-left:35px; height:36px; line-height:30px; color:#333; font-weight:bold; font-size:14px; }
	
    .newst h2 span{display:inline-block; background:url(images/box1_hui.gif) left top no-repeat;}

	.rank h2 span{display:inline-block; background:url(images/box1_red.gif) left top no-repeat;  }
	
  	.mode_d { }
	.mode_d h2{ background:url(images/box2.gif) right top no-repeat; height:35px;}
	.mode_d h2 span{display:inline-block; background:url(images/box2.gif) left top no-repeat; padding-left:40px; height:35px; line-height:35px; color:#333; font-weight:bold; font-size:14px; }

  	.mode_c { }
	.mode_c h2{ background:url(images/box3.gif) right top no-repeat; height:28px;}
	.mode_c h2 span{display:inline-block; background:url(images/box3.gif) left top no-repeat; padding-left:35px; height:28px; line-height:28px; color:#333; font-weight:bold; font-size:14px; }
	
/*--- side产品导航 ---*/
   
	.mode_p h2{ background:url(images/box1.gif) right top no-repeat; height:36px;   }
	.mode_p h2 span{ display:inline-block; background:url(images/box1_white.gif) left top no-repeat; padding-left:35px; height:36px; line-height:30px; color:#565656; font-weight:bold; font-size:14px; }
	
	.mode_p .bgm { padding-bottom:8px; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; border-bottom:1px solid #D6D6D6;  }
	
/*====== index 布局定义 开始 ======*/
	

  

