﻿/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,th,td {margin:0;padding:0;}
body { margin:0; color:#111; font:12px/1.5em Arial, Tahoma, Verdana, Sans-Serif !important; font:11px/1.8em Verdana, Arial, Tahoma, Sans-Serif; background:url(bg.gif) #E5EEF5 repeat-y center; }
a:link, 
a:visited  { color:#2C4C78; text-decoration:none; }
a:hover    { color:#06F; text-decoration:underline; }
a:active   { color:red; text-decoration:none; }
img{border:0}

/*日期显示*/
 .date_show {
 		margin-top:-20px;float:right
}

.siderlists .date_show {
 		margin-top:-25px;float:right
}


#top_header,#top, #header, #nav, #main, #footer {
	width: 770px;
	margin: 0px auto;
	margin-bottom:5px;
	clear:both; 
}
#date {
	line-height: 20px;
	height: 20px;
	float: left;
	margin: 0;
	padding: 0;
}
#logo {
	float: left;
	height: auto;
	width: auto;
	line-height: 70px;
	text-align: center;
}
#banner {
	height: auto;
	width: auto;
	float: right;
	line-height: 70px;
	text-align: center;
}
#header {
	overflow: hidden;
}
#fav {
	line-height: 20px;
	float: right;
	height: 20px;
	margin: 0;
	padding: 0 10px 0 0;
}
#top {
	line-height: 20px;
	height: 20px;
}

/* $ \*/
#nav { border-bottom:10px solid #FFF; width:770px; background:url(nav_b.gif) #E5EEF5 repeat-x bottom; margin-top:10px; font-weight: bolder; }
#nav ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#nav LI {
	FLOAT: left; HEIGHT: 26px; padding-top:5px;white-space:nowrap;display: block;
}
#nav LI A {
	PADDING-LEFT: 6px; DISPLAY: block; BACKGROUND: url(nav_l.gif) no-repeat left top; LINE-HEIGHT: 20px; CURSOR: pointer; TEXT-DECORATION: none; border-bottom:1px solid #9BB4D1;
}
#nav LI A SPAN {
	LINE-HEIGHT: 20px; BACKGROUND: url(nav_r.gif) no-repeat right top; COLOR: #369; FONT-SIZE: 13px; FONT-WEIGHT: bold; TEXT-DECORATION: none; DISPLAY: block; PADDING-RIGHT: 6px; padding-top:5px;
}
#nav LI A:hover {
	BACKGROUND-POSITION: left -50px;
}
#nav LI A:hover SPAN {
	LINE-HEIGHT: 20px; BACKGROUND-POSITION: right -50px; COLOR: #369; TEXT-DECORATION: none; PADDING-RIGHT: 6px; padding-top:5px;
}
#nav ul li#active a {
	BACKGROUND-POSITION: left -50px;
}
#nav ul li#active a SPAN {
	LINE-HEIGHT: 20px; BACKGROUND-POSITION: right -50px; COLOR: #369; TEXT-DECORATION: none; PADDING-RIGHT: 6px; padding-top:5px;
}
/* $ */
#main {background-color:#FFFFFF;}
#sider #notice p {
	margin: 0 0 12px 3px;
	padding: 5px 10px;
	width:168px;
	border: 1px solid #84B0C7;
}
#sider {
	width: 190px;
	float: left;
	margin-top:5px;
	margin-left:3px;
}
#contentis {
	width: 564px;
	float: right;
	margin-left:3px;
	margin-top:5px
}
#contents {
	width: 564px;
	float: right;
	margin-right:3px;
	margin-top:5px
}
#contentsr {
	width: 564px;
	float: right;
	margin-top:5px
}
.space {
	height: 1px;
	clear: both;
	overflow: hidden;
}
.ads {
	clear: both;
}
#sider h2 {
	background: url(link3.gif) no-repeat left top;
	font-size: 12px;
	width: 176px;
	margin: 0;
	text-align:center;
	color: #000;
	line-height: 27px;
	height: 27px;
	border-left: 1px solid #84B0C7;
	border-right: 1px solid #84B0C7;
	border-top: 1px solid #84B0C7;
}
#contents .lists {
	width: 49%;
	float: left;
	margin: 0 3px 5px 0;
	border: 1px solid #84B0C7;
}
#sider ul {
	width: 178px;
	margin: 0 0 12px 0;
	padding: 5px;
	list-style-type: none;
	border-left: 1px solid #84B0C7;
	border-right: 1px solid #84B0C7;
	border-bottom: 1px solid  #84B0C7;
}
#sider li {
	line-height: 20px;
	padding: 0 5px 0 15px;
	background: url(jt-2.gif) no-repeat 2px center;
}
.siderlists {
	width: 184px;
	margin: 0 auto 10px auto;
}
#contents h2 {
	font-size: 12px;
	background: url(new.gif) no-repeat;
	line-height: 30px;
	margin: 0px;
	height: 28px;
	padding-left: 30px;
	padding-top:4px;
	color: #369;
}
#contents h2 a {color: #369;}
.news {
	float: right;
	width: 55%;
	height: 230px;
	overflow:hidden;
	margin-bottom:5px;
	border: 1px solid  #84B0C7;

}
.news img{padding:2px 0 2px 2px;border:1px #CCCCCC solid; margin-left:2px; margin-top:2px; margin-right:2px}
.news ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: 176px;
}
.news li {
	line-height: 19px;
	margin: 0px;
	padding: 0px 14px;
	width: 92%;
	float: left;
	background: url(dot1.gif) no-repeat 3px center;
}
.news strong {
	font-weight: normal;
	font-family: Verdana;
	float: right;
	margin: 0 18px 0 0;
	color: #666666;
	line-height: 21px;
}
.news h6 {
	float: left;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding: 0 0 0 12px;
	clear: none;
	line-height: 18px;
}
#contents .images {
	float: left;
	width: 42%;
	height: 210px;
	padding: 10px 5px 10px 5px;
	border: 1px solid #84B0C7;
	margin-bottom:5px
}
#contents .lists label {
	float: left;
}
#contents .lists strong {
    font-weight:700;
	cursor: pointer;
	float: right;
	margin-right: 10px;
	color: #0179F1;
}
#contents .lists ul {
	margin: 0 0 5px 0;
	padding: 5px;
	list-style-type: none;
}
#contents .lists li {
	background: url(dot1.gif) no-repeat 3px center;
	height: 20px;
	line-height: 20px;
	padding: 0 5px 0 15px;
}
#slideimg {
    margin:auto
}
#footer {
	height: 90px;
	padding: 12px 0 0 0;
	background-color:#FFFFFF;
	margin-top:10px;
	text-align:center
}
#footer p {
	line-height: 20px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: 20px;
}
.path {
    width:auto;
	font-size: 12px;
	background: url(grene_new.gif) no-repeat;
	line-height: 29px;
	margin: 3px 0 0 0;
	height: 29px;
	padding-left: 30px;
	border: 1px solid #84B0C7;
}
.path strong {
	cursor: pointer;
	float: right;
	margin-right: 5px;
}
#title {
	text-align: center;
	border-bottom: 1px dashed #84B0C7;
	border-left: 1px solid #84B0C7;
	border-right: 1px solid #84B0C7;
	padding: 10px 0 5px 0;
}
.newsinfo {
	border-left: 1px solid #84B0C7;
	border-right: 1px solid #84B0C7;
	border-bottom: 1px solid #84B0C7;
	padding: 10px;
	line-height: 18px;
}
.newslists ul {
	padding: 10px;
	margin: 0;
	list-style: none;
}
.newslists li {
	background: url(dot1.gif) no-repeat 3px center;
	padding:0 5px 0 10px;
	line-height: 20px;
	height: 20px;
}
.newslists strong {
	font-weight: normal;
	font-family: Verdana;
	float: right;
	margin: 0 18px 0 0;
	line-height: 20px;
}
 label {
	float: left;
	margin: 0;
	padding-left:  15px;
}
#contents .lists strong {
cursor: pointer;
    float: right;
margin-right: 15px;
color: #0179F1;
} 
/*img*/
.imglists {
	width:100%;
	float:left;
	margin:auto; 
	margin-top:4px;
	margin-bottom:4px;
	border:1px solid #84B0C7
}
.newslists label {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
}
.imglists ul{
		float:left;
		margin:5px;
		text-align:center;
		width:100%;
		overflow:hidden;
}


.siderlists .im{
	margin:3px auto 15px auto;
	border:1px #CCCCCC solid;
	text-align:center;
 	width:125px;
	height:105px;
}
.siderlists .im img{
 	
	padding:3px;
 	width:122px;
	height:100px;
}
.imglists li{
	float:left;
	padding:0 0 0 5px;
	width:135px;
	height:148px;
	text-align:center;
	
}
.imglists .im{
    float:left;
 	width:125px;
	height:125px;
}
.imglists img{
	padding:3px;
	width:120px;
	height:120px;
 	border:1px #CCCCCC solid;
}

.attach {
	color: #369;
	margin: 12px 0 0 0;
 }
.attach img {
	border: 1px solid #84B0C7;
	padding: 7px;
	margin-top: 10px;
}

.commenttitle {
	font-size: 14px;
	clear:both;
	position:relative;
	height:18px;
	font-weight: bold;
	text-indent: 5px;
	border-left: 6px solid #84B0C7;
	border-bottom: 1px solid #84B0C7;
	background-color: #FFF;
	padding: 2px;
}

.quote {
	margin: 5px 0px;
	padding: 5px;
	border: 1px solid #84B0C7;
}

.commentcontent {
	margin: 5px 0px 15px 0px;
}
.commentdate {
	color: #777777;
	font-size: 11px;
	padding-top: 2px;
	text-align: right;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #84B0C7;
}
/*ҳʽ*/
.page {
	text-decoration: none;
	font-family: sans-serif;
	font-size: 12px;
	padding: 5px;
	background: #E7E7E7;
	margin: 0px;
	color:#000000
}
a.page, a.page:link, a.page:visited {
	font-family: sans-serif;
	text-decoration: none;
	color:#369;
}
a.page:hover  {
	font-family: sans-serif;
	text-decoration: none;
	color:#369;
	background: #D5E1E8;
}
/*  CSS  */
.search {
	width:770px;
	border-TOP: 1px solid #000;
	BORDER-BOTTOM: #84B0C7 1px solid ;
	margin:-5px auto 0 auto;
	background-color: #fff;
	height:35px;
	overflow:hidden;
}
.backgroundbord BUTTON {
    BORDER-RIGHT: 0pt; 
	BORDER-TOP: 0pt; 
	FONT-SIZE: 12px; 
	BACKGROUND: url(search0.gif) repeat-x 0px 0px; 
	BORDER-LEFT: 0pt; 
	WIDTH: 44px; 
	CURSOR: pointer; 
	BORDER-BOTTOM: 0pt; 
	HEIGHT: 21px;
	line-height:21px;
	color:#000;

}
.backgroundbord {
	WIDTH: 60px; 
	POSITION: relative;
}
.keyinput {
	WIDTH:150px;
	height:15px;
	margin-left:2px;
	BORDER: #cccccc 1px solid;
}
/*  HotKeyCSS  */
a.hotkey{ 
	color:#000000; 
	BACKGROUND: #ffffff;
	text-decoration:underline; 
} 
a.hotkey:link{ 
	color:#000000; 
	text-decoration:underline; 
	BACKGROUND: #ffffff
} 
a.hotkey:visited{ 
	color:#000000; 
	text-decoration:underline;
	BACKGROUND: #ffffff
} 
a.hotkey:active{ 
	color:#000000; 
	text-decoration:underline; 
	BACKGROUND: #ffffff
} 
a.hotkey:hover{ 
	color:#0099CC; 
	
	text-decoration:underline; 
	BACKGROUND: #ffffff
} 
/*  ҳCSS  */
#resultstyle {
	width:768px;
	border: 1px solid #84B0C7;
	margin-left: auto;
	margin-right: auto;
	margin-top:-20px;
	clear:both;
	background-color:#fff; 
	
}

#result ul{
	margin:0;
	font-family: ",verdana, arial, "sans-serif;
	list-style:none;
}
#result li { 
    width: 760px;
	padding-top:3px; 
	padding-right:5px; 
	padding-bottom:3px; 
	display:block;
	float:left;
	border-bottom: 1px dashed #84B0C7;
	text-indent:18px;
}

h2 {
	font-size: 12px;
	padding-left: 12px;
	height: 30px;
    line-height: 30px;
	color: #369;
}


/* 推荐*/
.tui {float:left;width:100%;height:115px;margin:0 0 5px 0;border:1px solid #84B0C7;font-family:verdana,Arial;text-align:left;font-size:12px; overflow:hidden}
.tui a:link{ text-decoration:none; color:#000000;}
.tui a:hover{ text-decoration:none;}
.tui_font{float:left;width:14px;height:100%;background-color:#E5EEF5;color:#369;padding:20px 3px 0 3px; margin-right:5px}

.tui_l {float:left; width:224px; margin:auto;}
.tui_l ul{ float:left;width:164px; margin:auto;}

.tui_2 {float:left; width:290px; margin:auto;}
.tui_2 ul{width:180px; margin:auto;}
.tui li{font-size:12px;line-height:19px; list-style-type:none;}
.tui_img{float:left; width:82px;padding:2px 0 2px 2px;border:1px #CCCCCC solid; margin-left:2px; margin-top:2px; margin-right:2px}


#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; margin:auto; display:none}
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:375px; padding:2px; border:1px solid #ccc; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image {width:500px}
#image img {position:absolute; z-index:25; width:500px; height:375px}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}

#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideeleft {float:left; width:20px; height:81px; background:url(scroll-left.gif center center no-repeat; background-color:#222}
#slideeleft:hover {background-color:#333}
#slideeright {float:right; width:20px; height:81px; background:#222 url(scroll-right.gif) center center no-repeat}
#slideeright:hover {background-color:#333}
#slideearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
 #slideearea img{ width:100px;height:70px;border:0px;}
#slideer {position:absolute; left:0; height:81px}
#slideer img {cursor:pointer; border:1px solid #666; padding:2px}
#jj {margin-top:15px;margin-bottom:15px; height:84px; border:1px #CCCCCC solid; padding:4px;}
#jj .tt { color:#FF0000; margin-left:20px; padding-right:8px;width:140px; font-size:16px; font-weight:800;}

.txtlists{ float:right;width:420px; height:145px; overflow:hidden;margin:auto; margin-left:-20px}
.txtlists li{height:20px; width:40%; overflow:hidden; text-align:left; margin-left:10px; line-height:20px;background: url(dot1.gif) no-repeat 3px center; padding-left:15px}
.newsright {width:300px;}
.newsright2 {width:220px;}
.souimg { background:url(search.gif); margin-left:5px; width:70px}
.gonggao {background-color:#369}
.gonggao1 {background-color:#369}
.gonggao2 {BORDER-RIGHT: #84B0C7 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #84B0C7 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 12px; FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#84B0C7); BORDER-LEFT: #84B0C7 1px solid; CURSOR: hand; COLOR: black; PADDING-TOP: 2px; BORDER-BOTTOM:#84B0C7 1px solid }
.gonggao3 {background-color:#84B0C7}
.sou11 {padding-top:3px;padding-bottom:5px;border-top: 1px dashed #d1e3db;width:700px;}
.message {width:768px; margin:auto; clear:both; margin-top:10px;}
#slidearea { width:240px; height:195px; margin: 0 auto; } 
#slidearea img {width:240px; height:195px; border:0px; } 
#slidefooter {width:240px; height: 18px; margin: 0 auto;} 
#slidenext, #slideprev {width: 20px; height: 18px; overflow: hidden; line-height: 18px; } 
#slideprev {float: left; } 
#slidenext {float: right; } 
#slidetext { margin:0; line-height: 18px; width:230px !important; width:238px; height: 18px; overflow: hidden; text-align: center; }
.dc {padding-top:13px;text-align:center;width:50px; color:#000; font-size:12px;}
.dc a:link{
	color:#000;
	text-decoration:none;
	font-size:1.1em;
	font-size:12px; 
}
.dc a:visited{
	color: #000;
	text-decoration:none;
	font-size:12px;
}
.dc a:hover{
	color:#000;
	text-decoration:none;
	font-size:12px;
} 
.link{ WIDTH: 770px; border:1px solid #84B0C7; background-color:#fff; padding-bottom:5px; text-align:left; margin:0 auto;}
.link h3 {	PADDING: 0 0 0 30px; color: #369; background: url(grene_new.gif) no-repeat; HEIGHT: 33px;  FONT-SIZE: 14px; line-height:33px; margin-bottom:-5px;}
.link h3 a {COLOR: #369;}
.link ul {WIDTH: 100%; margin:0 auto;}
.link li{ float:left; list-style:none;margin:5px;white-space:nowrap;display: block; line-height:20PX;}

/*自定模块*/
.diy_left_model,.diy_middle_model,.diy_right_model,.diy_bottom_model{ margin:5px 0; overflow:hidden;word-wrap: break-word; word-break: normal}
.diy_left_model,.diy_right_model,.diy_bottom_model ul{ width:98%;padding:4px; overflow:hidden; margin:0 auto}

.diy_left_model,.diy_right_model{ width:100%; padding:0;}

.diy_middle_model{float:left;width:100%;border:1px solid #84B0C7}
.diy_middle_model ul{margin:5px; padding:0;}
.diy_middle_model p{margin:0; padding:0;}

.diy_top_model,.diy_bottom_model{WIDTH: 768px;border: 1px solid #84B0C7; background-color:#fff;margin:0 auto; margin-top:5px; margin-bottom:5px;}
.diy_top_model ul,.diy_bottom_model ul{ float:left; padding: 5px ; margin:0 auto}
.diy_top_model h2,.diy_bottom_model h2{ PADDING: 0 0 0 30px;background: url(grene_new.gif) no-repeat; FONT-SIZE: 14px; line-height:33px; height:33px; color:#369;}

.diy_bottom_model li{ float:left; list-style:none;margin:5px;display: block; height:18px; overflow:hidden}


/*  商城左侧 */
form.search{}
div.sea-keyword,div.sea-term{padding:2px 0;}

.sea-keyword{ float:left}
.sea-field{ float:right}
input.keyword{width:90px;border:1px solid #BBBBBB;}

input.sea-btn{height:23px;line-height:23px;color:#00156E;font-weight:bold;border:1px solid #0095C9;background-color:#CFE8F5;background-repeat:repeat-x;padding:0 1px;cursor:pointer;}
.sea-button{ margin:5px 0; text-align:left}
.level1 { width:180px ; margin-bottom:5px }
.bar {font-size:14px; color:#006699;background: url(sun.gif) no-repeat center left; font-weight:bold;PADDING: 0 4px 0 20px;}
.bar a, .bar a:hover{color:#006699; TEXT-DECORATION: underline;}
.item {PADDING: 0 0 0 30px;}
.item a{TEXT-DECORATION: underline;}
.user { font-size:16px; color:#000080;}
.partCart { color:#888; line-height:16px; background: url(cart.gif) no-repeat center left;}
.partCart li{ background: url();}
#side-user-menu-cart { background: url(car.gif) no-repeat center left;font-size:16px; color:#006699; font-weight:bold;PADDING: 0 4px 0 20px;}
#side-user-menu-cart a, #side-user-menu-cart a:hover{color:#006699; TEXT-DECORATION: underline;}

.index_goods_pic{
    float:left;
	padding: 8px 4px 4px 16px;
 	width:120px;
	height:160px;
}

.index_goods_pic img {
width:85%;
height:60%;
}
.a{ width:100%; text-align:center; font-size:14px; font-weight:bold; height:25px; line-height:25px; overflow:hidden;}
.b{ width:100%; text-align:center}
.b img{
	width:57px;
	height:22px;
	border:0;
	padding:0;
}

/*商品展示页*/
.goodlists {width:100%;float:left;margin:0 auto; margin-bottom:4px;padding:0 0 10px 0;border:1px solid #D8DDE5;font-size: 14px;}

.goodlists  h2 {color: #29458C;line-height: 28px;height: 28px;padding-left:10px;BACKGROUND: url(link1.jpg) repeat-x;margin:0;}
.goodlists  h3 {font-size: 14px;color: #29458C;line-height: 28px;height: 30px;padding-left: 13px;float:left;width:98%;BACKGROUND: url(link3.jpg) repeat-x;}

.goodpic {width:45%; float:left; text-align:center}
.fist_pic{border:1px #B2B2B2 solid;padding:2px;margin:0 auto; width:86%; height:200px}
.fist_pic img{width:99%; height:98% }
.list {width:98%; float:left; padding:5px}
.shop {width:50%; float:right; text-align:left; float:12px}
.title { width:100%;float:left; font-size:14px; text-align:center; font-weight:bolder; height:35px; line-height:35px;}


.pices {width:100%;float:left;margin-left:10px;margin-bottom:5px;padding-bottom:5px;}
.pices li{
	float:left;
	width:58px;
	height:58px;
	margin:3px;
	cursor:hand;
	text-align:center;
}

.pices img{
	padding:3px;
	width:47px;
	height:47px;
 	border:1px #CCCCCC solid;
}


/*购物车*/
.table { border:1px solid #D8DDE5; margin-top: 10px; line-height:30px; text-align:center;}
.table1 { border:1px solid #D8DDE5; margin-top: 10px; line-height:30px; text-align:left;}
.table2 { border:1px solid #D8DDE5; margin: 10px 0; text-align:left;}
.td4 { border-bottom:1px solid #D8DDE5; line-height:20px;padding:5px 0px 5px 0px;}
.tr { background:#E9F1FF; font-size:12px; font-weight:bolder;}
.tr1 { background:#F4F4E8; text-align:center; line-height:50px;}
.td { border-right:2px solid #E3E6EB; border-bottom:2px solid #E3E6EB;}
.td1 { border-bottom:2px solid #E3E6EB;}
.td2 { border-right:2px solid #E3E6EB; border-bottom:2px solid #E3E6EB; padding-left:10px;}
.td3 { border-bottom:2px solid #E3E6EB; padding-left:10px;}

/*商品列表页*/
.cate_goods{ width:98%;padding:0; margin:0 auto;}
.cate_goods ul{ width:100%;border-bottom:1px #CCCCCC dashed; margin:0; padding:5px 0}
.cate_goods .goods_pic{ width:15%;float:left;margin:4px}
.cate_goods .goods_pic img { width:100px; height:65px;}
.cate_goods .goods_right{ width:76%; float:right}
.cate_goods .goods_text{ width:80%; float:left}
.cate_goods .goodstitle { font-size:18px; font-weight:800; width:100%;}
.cate_goods .goodsdes{ text-align:left; color:#999999}

.cate_goods .actions{ width:15%; float:right; padding-top:20px}
.cate_goods .infos img { width:58px; height:24px; border:0;}
.cate_goods .price{color:#FF0000; font-size:16px;}


