@charset "utf-8";

html, body{
	font-size: 12px;
}
body{
	min-width:1200px;
	/**overflow-y: scroll;*/
}
a {text-decoration: none; color: #8c8c8c;}
a:HOVER {text-decoration: none; color: #0B9443;}

/******mainLogo*******/
#mainTop{
	height: 36px; background: #f2f2f2; border-bottom: 1px solid #dfdfdf;
}
#mainTop .topMenu{
	width: 1200px; margin: 0 auto; height: 36px;
}
#mainTop .topMenu .leftTopMenu{
	width: 50%; float: left; height: 36px; line-height: 36px; font-size: 18px;
}
#mainTop .topMenu .leftTopMenu ul li{
	display: block; float: left; height: 36px;
}
#mainTop .topMenu .rightTopMenu{
	width: 50%; float: left; height: 36px; line-height: 36px;
}
#mainTop .topMenu .rightTopMenu ul li{
	display: block; float: right; height: 36px; width:137px;
}
#mainTop .topMenu .rightTopMenu ul li a{
	padding-left:3px;
}

/******mainLogo*******/
#mainLogo{
	height: 70px;
}
#mainLogo .content{
	height: 70px;
	width: 1200px; margin: 0 auto;
}
#mainLogo .content .node {
	float: left;
	height: 70px;
}
#mainLogo .content .node .siteLogo {
	float:left;
    z-index: 99;
	width: 120px;
	height: 70px;
}
#mainLogo .content .node .siteLogo .logo {
	display: block;
	width: 190px;
	height: 70px;
	background-image: url('../../mjs/img/index/logo_mj.png');
	background-repeat: no-repeat;
}

/******mainTitle*******/
#mainTitle{
	height: 40px;
	width: 1200px; margin: 0 auto; position: relative;
	z-index: 99;
}
#mainTitle .siteMenu ul li{
	height:40px; line-height:40px;
	float: left;
	width: 200px; text-align: center; font-size: 18px;
}
#mainTitle .siteMenu ul li a{
	text-decoration: none; color: #172c45;
}
#mainTitle .siteMenu ul li a:HOVER{
	text-decoration: none; color: #0B9443;
}
#mainTitle .siteMenu ul li.select{
	background: #0B9443;
}
#mainTitle .siteMenu ul li.select a{
	text-decoration: none; color: white;
}
#mainTitle .leftContainer{
	position: absolute;
	width:200px; height: 500px;
	left: 0px; top: 40px;
    z-index: 99;
	color: white;
	font-size: 14px;
	background: url('../../mjs/img/ad/left_bg.png') #0B9443 no-repeat;
    filter:alpha(opacity=90); opacity:.90; -moz-opacity:.90;
	text-align:left;
}
#mainTitle .leftContainer ul li{
	height:40px;
	line-height:40px;
	padding-left: 50px;
}
#mainTitle .leftContainer ul li:HOVER{
	background: #459F41;
}
#mainTitle .rightContainer .node{
	position: absolute;
	color: white;
	text-align: left;
	background: url('../../mjs/img/ad/left_bg.png') #0B9443 no-repeat;
	width:200px; height: 500px;
	right: 0px; top: 40px;
    filter:alpha(opacity=0); opacity:0; -moz-opacity:0;
    z-index: -1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	transform: translate3d(-0px, 0px, 0px);
	-webkit-transform: translate3d(-0px, 0px, 0px);
	-webkit-backface-visibility: hidden;
}
#mainTitle .rightContainer .node.select{
	position: absolute;
	color: white;
	text-align: left;
	background: url('../../mjs/img/ad/left_bg.png') #0B9443 no-repeat;
	width:200px; height: 500px;
	right: 0px; top: 40px;
    filter:alpha(opacity=90); opacity:.90; -moz-opacity:.90;
    z-index: 99;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	transform: translate3d(-0px, 0px, 0px);
	-webkit-transform: translate3d(-0px, 0px, 0px);
	-webkit-backface-visibility: hidden;
}
#mainTitle .rightContainer .node:HOVER{
	position: absolute;
	color: white;
	text-align: left;
	background: url('../../mjs/img/ad/left_bg.png') #0B9443 no-repeat;
	width:200px; height: 500px;
	right: 0px; top: 40px;
    filter:alpha(opacity=90); opacity:.90; -moz-opacity:.90;
    z-index: 99;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	transform: translate3d(-5px, 0px, 0px);
	-webkit-transform: translate3d(-5px, 0px, 0px);
	-webkit-backface-visibility: hidden;
}
#mainTitle .rightContainer .node .title{
	width:200px; height: 80px; line-height: 80px; text-align: center; font-size: 16px;
}
#mainTitle .rightContainer .node .product{
	width:200px; height: 190px; line-height: 190px; text-align: center;
}
#mainTitle .rightContainer .node .price{
	width:200px; height: 110px; line-height: 20px;
}

/******.scrollImg*******/
.scrollImg {
	width:1200px; margin: 0 auto; height: 500px; overflow: hidden; position: relative;
}
.scrollImg .node{
	position: absolute;
	left:0;
	top:0;
	width:1200px;
	margin: 0 auto;
    filter:alpha(opacity=0); opacity:0; -moz-opacity:0;
	-webkit-transition: 0.5s;
	-webkit-transition: 0.5s;
	z-index: 0;
}
.scrollImg .node.select{
	position: absolute;
	left:0;
	top:0;
	width:1200px;
	margin: 0 auto;
    filter:alpha(opacity=100); opacity:1; -moz-opacity:1;
	-webkit-transition: 0.5s;
	-webkit-transition: 0.5s;
	z-index: 98;
}
.scrollImg .icon-slides{
	width: 41px;
	text-indent: -9999em;
	overflow: hidden;
	z-index: 99;
	background-image: url("../../mjs/img/icon/icon-slides.png");
	background-repeat: no-repeat;
	cursor: pointer;
}
.scrollImg .icon-slides.icon-slides-prev {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background-position: -84px center;
}
.scrollImg .icon-slides.icon-slides-prev:HOVER {
	background-position: 0px center;
}
.scrollImg .icon-slides.icon-slides-next {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background-position: -125px center;
}
.scrollImg .icon-slides.icon-slides-next:HOVER{
	background-position: -42px center;
}


/******mainContent*******/
#mainContent{
	width: 1200px; margin: 0 auto; position: relative;
}
#mainContent table tr td{
	padding-left: 5px;
}
#mainContent .container {
	position: absolute;
	top: 180px;
	left: 940px;
	font-size: 9pt;
	display: block;
	width: 255px;
	text-align: left;
	z-index: 99;
}
#mainContent .container .content {
	position: absolute;
	border: 0px;
	width: 100%;
	height: 100%;
}
#mainContent span.signpost {
	position: absolute;
	width: 30px;
	height: 40px;
	left: 795px;
	top: 225px;
	background: url('../../mjs/img/icon/lubiao_bg.png') no-repeat;
}
#mainContent span.rp{
	cursor:pointer;
	background: url('../../mjs/img/Retailer_Partners/Retailer_Partners.jpg') no-repeat;
}
#mainContent span.rp.bg_jd{
	display:block;
	float:left;
	width: 400px;
	height: 200px;
	background-position: 0px 0px;
}
#mainContent span.rp.bg_tm{
	display:block;
	float:left;
	width: 400px;
	height: 200px;
	background-position: -400px 0px;
}
#mainContent span.rp.bg_wal{
	display:block;
	float:left;
	width: 400px;
	height: 200px;
	background-position: -800px 0px;
}
#mainContent span.rp.bg_car{
	display:block;
	float:left;
	width: 400px;
	height: 120px;
	background-position: 0px -200px;
}
#mainContent span.rp.bg_met{
	display:block;
	float:left;
	width: 400px;
	height: 120px;
	background-position: -400px -200px;
}
#mainContent span.rp.bg_dix{
	display:block;
	float:left;
	width: 400px;
	height: 120px;
	background-position: -800px -200px;
}
#mainContent span.rp.bg_ppr{
	display:block;
	float:left;
	width: 380px;
	height: 160px;
	background-position: 0px -320px;
}
#mainContent span.rp.bg_woo{
	display:block;
	float:left;
	width: 420px;
	height: 160px;
	background-position: -380px -320px;
}
#mainContent span.rp.bg_auc{
	display:block;
	float:left;
	width: 400px;
	height: 160px;
	background-position: -800px -320px;
}
#mainContent span.rp.bg_kin{
	display:block;
	float:left;
	width: 400px;
	height: 200px;
	background-position: 0px -480px;
}
#mainContent span.rp.bg_dar{
	display:block;
	float:left;
	width: 300px;
	height: 200px;
	background-position: -400px -480px;
}
#mainContent span.rp.bg_ham{
	display:block;
	float:left;
	width: 500px;
	height: 200px;
	background-position: -700px -480px;
}



/******mainProduct*******/
#mainProduct{
	width: 1200px; margin: 0 auto;
}
#mainProduct .title{
	text-align: left;
	height: 40px; line-height: 40px;  font-size: 18px; color: #666;
	padding-top: 20px;
}
#mainProduct .content{
	height: 420px; border: 1px solid #dfdfdf;
}
#mainProduct .content .left{
	float: left; height: 420px; width: 747px; border-right: 1px solid #dfdfdf;
}
#mainProduct .content .left img{
	height: 420px; width: 100%;
}
#mainProduct .content .right .top{
	height: 209px; border-bottom: 1px solid #dfdfdf;
}
#mainProduct .content .right .top img{
	height: 209px; width: 210px;
}
#mainProduct .content .right .bottom{
	height: 210px; border: 0px solid #dfdfdf;
}
#mainProduct .content .right .bottom img{
	height: 210px; width: 210px;
}

/******mainBottom*******/
#mainBottom{
	width: 100%; height: 40px; line-height: 40px; text-align: center;
}

/******weixinDiv*******/
#weixinDiv{
	cursor: pointer; position: relative; z-index: 100;
}
#weixinDiv .img{
	display: none;
	position: absolute;
	z-index: 100;
	left: 0;
	top: 36px;
	width: 190px;
	height: 190px;
	box-shadow: 0 0 5px #aaa;
}
#weixinDiv:HOVER .img{
	display: block;
	position: absolute;
	z-index: 100; box-shadow: 0 0 5px #aaa;
	left: 0;
	top: 36px;
	width: 190px;
	height: 190px;
	box-shadow: 0 0 5px #aaa;
}
#weixinDiv .img img{
	width: 190px;
	height: 190px;
}