@charset "utf-8";
/* CSS default.css */
/*==Author: Cat==*/
/* 首页样式*/
@import url(reset.css);
@import url(module.css);
@import url(public.css);
@import url(jsmenu.css);


.main{ width:980px; margin:0 auto; text-align:center; margin-top:15px; overflow:hidden;}

.rowFirst{ width:979px; overflow:hidden;}
.rowNews{ float:right; width:228px;  margin-left:10px; height:258px; }
.news{ height:193px; background: url( ../img/bg.png) no-repeat -1px -141px; overflow:hidden; text-align:left;}
.news h2{ margin-top:25px; padding-left:30px; margin-bottom:10px; font-size:14px; font-weight:700; position:relative;}
.news h2 span{ position:absolute; top:2px; right:15px; font-size:12px;}
.news ul{}
.news ul li{ padding-left:15px; width:190px; height:24px; line-height:20px;overflow:hidden; line-height:24px; background:}
.rowNews .platformBtn{}
.rowNews .platformBtn a{ background:url(../img/bg.png) no-repeat  -290px -156px;  width:224px; height:55px; display:block; text-align:center; line-height:55px; font-weight:700; color:#fff; margin-top:10px;}
.rowScroll{ float:right; width:507px; height:258px;}
/*==========================================*/

.rowSecond{ margin-top:10px;}

.rowSecond .rowLeft{ float:left; width:225px;}/*右边列框架*/
.way{ background:url(../img/bg.png) no-repeat 0 -416px; width:222px; padding-bottom:10px;overflow:hidden;}
.way h2{ color:#FFF; text-align:left; font-weight:700; font-size:14px; padding-left:10px; position:relative; line-height:28px; height:28px;}
.way h2 span{ position:absolute; right:28px; font-size:12px; top:3px; color:#666;}
.way li{ position:relative; text-align:left; margin-top:8px;  }
.way li img{border: 1px solid #ddd; 
    padding: 3px; /*Inner border size*/ 
    background: #fff; /*Inner border color*/ }
.way li span{ position:absolute; right:30px;  top:8px;}
.way li span a{ color:#1c62be;font-weight:700; font-size:14px;}
.way li a img{ background-color:#f5f5f5; display:block;}
.way li a:hover img{ border: 1px solid #f1f1f1; background-color:#ddd;}

.top5{ background:url(../img/bg.png) no-repeat 0 -416px; width:222px; padding-bottom:10px;overflow:hidden;}
.top5 h2{ color:#FFF; text-align:left; font-weight:700; font-size:14px; padding-left: 25px; position:relative; line-height:28px; height:28px;}
.top5 h2 span{ position:absolute; right:28px; font-size:12px; top:3px; color:#666;}
#top5nav{overflow:hidden;height:100%; padding-top:20px; text-align:left; width:222px;}
#top5nav ul{display:none;}
#top5nav li{display:block;width:198px;cursor:pointer; margin-bottom:8px; overflow:hidden; position:relative;}
#top5nav li a{display:block;text-decoration:none;width:100%;line-height:20px;}
#top5nav li a:hover{background:#FFF}
#top5nav h3{margin:0;color:#F60;font-size:12px; color:#787878; padding:0; overflow:hidden;}
#top5nav h3 span{ display:block; float:left; }
#top5nav h3 span.tNo{background: url(../img/licon.gif) no-repeat;height:22px; line-height:22px; width:21px; text-align:center; }
#top5nav h3 span.tName{overflow:hidden; margin-left:5px; width:120px; height:22px;}
#top5nav h3 span.tPrice{position:absolute; display:block; top:3px; right:0;}

#top5nav li ul li{margin:3px 5px 0 0;  border:1px solid #EEE ; width:195px; height:92px; overflow:hidden;}

#top5nav .current{ color:#F60}
#top5nav .current span.tNo{background: url(../img/liconCurrent.gif) no-repeat;height:22px; line-height:22px; width:21px; text-align:center; color:#fff;}
#top5nav .current a{ color:#F60; font-weight:700;}
#top5nav .current a:hover{ color:#F60; text-decoration:underline;}
/*==========================================*/


.rowSecond .rowMain{ float:left; width:742px;margin-left:10px; overflow:hidden;}
.mbox{ width:740px; text-align:left;}
.mbox h1{ height: 50px; width:740px;  background:url(../img/bg.png) no-repeat; position:relative;}
.mbox h1 label{text-indent:-9998px; display:block; }
.mbox h1 span.more{ position:absolute; z-index:10; right:15px; top:25px; font-size:12px; }
.mbox h1 span a{font-weight:700; margin-left:20px; color: #1c62be;}
.mbox h1.special{ background-position: -232px -427px;}
.mbox h1.stock{ background-position: -232px -503px;}
.mbox h1.site{ background-position: -232px -593px;}
.mbox ul{ background:url(../img/bg.png) no-repeat -240px -750px;  margin:5px 0; height:240px; }
.mbox ul li{ float:left; width:130px; margin:0 27px; _margin:0 21px; _display:inline;text-align:left;}
.mbox ul li ul{ background:none;}
.mbox ul li div li img{ width:116px; height:116px;}
.mbox ul li div li a img{ border: 1px solid #ddd; padding:5px;  background-color: #fff; }
.mbox ul li div{ }
.mbox ul li div li a:hover img{ background-color:#f1f1f1;border: 1px solid #fba90d;  }	
.mbox ul li div li { float:none; margin:6px 0; width:125px; display:block;}

.mbox .price{ color:#F00; font-weight:700; text-align:left;}
.mbox .yPrice{ text-decoration:line-through; text-align:left;}
.mbox .name { line-height:20px; height:20px; overflow:hidden;}
.mbox .see{ background: url( ../img/bg.png) no-repeat -765px -158px; padding-left:18px; line-height:18px; height:20px; overflow:hidden;}
.mbox .see a{ color:#1c62be;}
.mbox .see a:hover{ text-decoration:underline;}

/* Slide 轮播样式 */
.slide-container {
	width:505px;
	height:255px;
	border:1px solid #ccc;
	/*background-color:#fba90d;*/
	overflow:hidden;
}
#slide-panel {
	/* 下面四项必须设置 */
	position:relative;
	width:505px;
	height:255px;
	overflow:hidden;
}
#slide-panel div { position:absolute; left:0; top:0; }
#slide-panel div img {
	display:block; /* fix img's 3px bug in ie6*/
	width:505px;
	height:255px;
}
/*轮播控制数字，1.2.3.4.....*/
#slide-trigger {
	position:relative;
	top:-25px;
	width:500px;
	text-align:right;
	padding-right:5px;
}
#slide-trigger a {
	display:inline-block;
	margin-right:3px;
	width:16px;
	height:16px;
	line-height:16px;
	text-align:center;
	color:#d94b01;
	background-color:#fff5e1;
	border:1px solid #f47500;
	outline:none;
	overflow:hidden;
}
#slide-trigger a:hover { text-decoration:none; }
#slide-trigger a.current {
	width:18px;
	height:18px;
	line-height:18px;
	font-weight:bold;
	color:#FFF;
	background:url(../img/t-bg.png) repeat-x;
}