﻿@import url("border.css");
@import url("widget.css");

body {font-family: "Arial";font-size: 12px;color: #666666;line-height: 180%; padding:0; margin:0}
a{color:#464646;  text-decoration:none;}
a:hover{color:#000000;	text-decoration:underline;}
h3{margin:0; padding:0;}

.allWrap{ margin:0 auto; width:960px}
.allWrapInside{ margin:0 auto; width:960px;}

/*********** header ***********/
#header{margin:0 auto 10px auto; width:960px;}
.topBanner{width:100%; height:130px;}
.menuWrap{width:100%; height:40px; background:url(../images/menuBg.jpg) repeat-x;}
.menuWrap .topMenu{float:left; width:500px; height:34px; line-height:34px; padding:0 10px;}
.menuWrap .topMenu a,.menuWrap .topMenu a:hover{color:#333; font-size:14px; text-decoration:none;}
.menuWrap .topLinks{float:right; line-height:34px; padding:0 10px;}
.menuWrap .topLinks li {display:inline; padding-right:7px; padding-left:3px;}
.searchWrap{width:100%; height:30px; line-height:30px; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fff;}
.searchWrap .search{float:left; width:250px; padding:0 10px 0 0;}
.searchWrap .news{float:right; padding:0; width:700px;}
.searchWrap .news .ArticleList{height:30px;}
.searchWrap .news .ArticleList ul{height:30px;}
.searchWrap .news .ArticleList ul li{float:left; height:30px; line-height:30px; margin-right:20px; display:inline;}
.searchWrap .mini-search{background:none; float:left; padding:0px; position:relative; width:190px;}
.mini-search .input-text{margin-right:4px; width:150px;}

.menuWrap .topLinks .welcome {color:#E22174;}


/*********** main layout ***********/
.leftColumn{float:left; width:220px;}
.mainColumn{float:left; width:500px; margin:0 10px; display:inline;}
.rightColumn{float:right; width:220px;}
.insideMainColumn{float:left; width:720px; margin:0 0 0 10px; display:inline;}
#yourPosition{margin:0 10px;}

.leftColumn .AdvBanner{margin:10px 0;}


/*********** footer ***********/
.footBanner{clear:both; margin:0 auto; width:960px; text-align:center;}
.footBanner span{float:left; padding:10px 0;}
.footBanner .banner01{margin:0 10px 0 180px;}
.footBanner .banner02{margin:0 10px;}
.footBanner .banner03{margin:0 10px;}
#footer{clear:both; margin:0 auto; width:960px; border-top:1px solid #D8D8D8; padding:10px 0 0; text-align:center;}






.ShopCartWrap{ cursor:pointer}

.topMainBannerArea{ background:url(topMainBannerArea.gif); width:753px; height:275px; padding:6px 4px;overflow:hidden}
.topMainBannerArea .series{ float:left; height:275px; }
.topMainBannerArea .a{ width:453px; position:relative;z-index:1 }
.topMainBannerArea .b img{ border:1px solid #ccc; border-bottom:0}
.topMainBannerArea .b{ width:119px;}
.topMainBannerArea .c{ width:181px;}

#slidergoods{position:relative; height:auto; overflow:hidden; border:1px solid #ccc;}
#slidergoods .GoodsListWrap{ width:1180px; position:absolute; left:0; top:0;height:152px;}
#slidergoods .GoodsListWrap .itemsWrap .item{ padding-right:10px;  border-right:1px dotted #ccc;}

.middleitmeshow{background:#fff url(middleitemshowbg.gif) repeat-x;}
.middleitmeshow .showitem { padding:15px 0 0 40px;}
.middleitmeshow .showitem .pic{ position:relative}
.middleitmeshow .showitem .pic .siderintro{ position:absolute; top:0; left:-30px; width: 22px; height: 106px; color:#fff; line-height:14px}
.middleitmeshow .red{ background:url(middleitemshowTitle-red.gif) no-repeat}
.middleitmeshow .yellow{ background:url(middleitemshowTitle-yellow.gif) no-repeat}
.middleitmeshow .green{ background:url(middleitemshowTitle-green.gif) no-repeat}
.middleitmeshow .middleitmeshowArt { border-top:1px solid #ccc;}
.middleitmeshow .middleitmeshowArt h6{ margin:2px; text-align:left;}

.vcat .c-cat-depth-1 { padding:0; margin:0; overflow:hidden;_height:1%}
.vcat .c-cat-depth-1 ul{ padding:0; margin:0}
.vcat .c-cat-depth-2 { padding:0;}
.vcat .c-cat-depth-2  table{width:100%;}
.vcat .c-cat-depth-2  td{width:40%; padding:2px; margin:0}
.vcat .c-cat-depth-2  td a{ display:block; border:1px solid #ccc; background:#efefef; text-align:center; padding:1px 2px;}


.middleSep{ border-top:1px solid #ddd; border-bottom:1px solid #ddd;padding:10px 0; margin:10px auto}
.middleSep .VsepTips{ float:left; width:12px; padding:3px; color:#fff; line-height:14px; }
.middleSep .colorGreen{ background:#b7b82d}
.middleSep .colorYellow{ background:#b89c2d}
.middleSep .colorRed{ background:#b82d55}
.middleSep .middleSepContent{ float:left; width:161px; margin-right:5px; border-right:1px solid #ddd; margin-right:10px }
.middleSep .middleSepContent .GoodsListWrap{ text-align:left; padding:0;}
.middleSep .middleSepContent .GoodsListWrap h6{ margin:0;} 

.middleCulomnPic{ margin:5px auto; text-align:center}
.middleCulomnPic img{ border:1px solid #ccc; margin:10px 0}

#Foot{ background:#fff url(footbg.gif) repeat-x; margin-top:10px; }
.footArticle{ margin-top:20px;}
.footPicInfo{padding:10px; text-align:center; border-bottom:1px solid #ccc;}
.footPicInfo .AdvBanner{ display:inline; margin-right:10px;}

.headerInfo .menu li  div{ padding:3px; margin:0; line-height:20px;}
.headerInfo .menu li  .v-m-page a{ color:#000;}


.pro_gonggao {
	height: 255px;
	width: 258px;
	background-image: url(pro/gonggao.jpg);
	float: left;
}


.pro_tuijian {
	padding-top: 8px;
	width: 950px;
	float: left;
}
.tuijianlist ul li {
	float: left;
	height: 178px;
	width: 147px;
	list-style-type: none;
	margin-top: 59px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 9px;
	padding: 0px;
}
.tuijianlist ul {
	margin: 0px;
	padding: 0px;
}

.pro_list {
	background-image: url(pro/bg.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 220px;
	width: 728px;
}

.pro_top {
	width: 950px;
	padding-bottom: 8px;
}
.tuijianlist {
	width: 692px;
	height: 255px;
	background-image: url(pro/tuijian.jpg);
	overflow: hidden;
}


.GoodsList .goodsImg img{border:1px solid #999; width:140px; height:140px;}
.rightColumn .GoodsList .goodsImg img{border:0px; width:70px; height:70px;}
.mainColumn .item{padding:0;}