body {	
	color: #333;
	font-size: 12px;
	font-family: "Microsoft YaHei","微软雅黑";
	background-color: #f8f8f8;
}

.container_12 {
	
}

/* headings */
h1, h2, h3, h4, h5, h6 {
	font-family: "Microsoft YaHei","微软雅黑";
	font-weight: normal;
	margin-bottom:5px;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 16px;
}
/* paragraphs, quotes and lists, links */
p {
    margin-bottom:5px;
}


label {
   color:#666;
}

ul, ol, li {
	padding: 0;
	margin: 0;
	list-style: none outside none;
}

/* anchors */
a, 
a:visited {
    color: #333;
    text-decoration: none;
}

a:hover {
	color: #448aca;	
}



/*================================================= */
/* header
================================================== */
#header {
	padding: 0px 0;
	position: relative;
}
#header h1 {
	text-align: center;
}
#header .tmall {
	position: absolute;
	padding: 1px 0;
	right: 0;
	bottom: 0;
	font-size: 20px;
	color: #448aca;
}
#header .tmall:hover {
	text-decoration: underline;
}

/*================================================= */
/* footer
================================================== */
#footer {
	margin: 0;
	padding: 20px 0;
	color: #8b8b8b;
	background: #d9d9d9;
	border-top: 4px solid #efefef;
}

#footer h2 {
	border-bottom: 1px solid #8b8b8b;
	font: 14px "Microsoft YaHei","微软雅黑";
	color: #8b8b8b;
	padding: 5px 0;
}

#footer p {
	font-size: 11px;
	line-height: 25px;
}

#footer .contact {
	border-bottom: 1px solid #8b8b8b;
	width: 210px;
	float: left;
	margin: 10px 10px 10px 10px;
}

#footer .contact h3 {
	font: 14px "Microsoft YaHei","微软雅黑";
	color: #8b8b8b;
	padding: 0;
	margin: 0;
}

#footer .contact p {
	font-size: 11px;
	line-height: 25px;
}

#footer .weixin {
	padding: 20px 0;
}
#footer .weixin img {
	float: left;
}
#footer .weixin span {
	font: 14px "Microsoft YaHei","微软雅黑";
	line-height: 30px;
	padding: 20px 20px 0 0;
	float: right;
}

#copyright {
	padding:20px 0 0 0;
	/*font: 12px "Microsoft YaHei","微软雅黑";*/
	color: #8b8b8b;
	text-align: center;
}


/*================================================= */
/* sidebar
================================================== */

#sidebar {
	/*margin: 10px 0;*/
}



.widget {
	margin: 0 0 20px 0;
}

.widget h2 {
	border-bottom: 1px solid #d9d9d9;
	padding: 10px 0;
	font: 16px "Microsoft YaHei","微软雅黑" bold;
}

.widget h3 {
	padding: 5px 0;
	font: 14px "Microsoft YaHei","微软雅黑" bold;
}

.widget ul li {
	padding: 10px 12px;
	background: url(../images/bullet_categories.png) no-repeat 0% 50%;
	font: 14px "Microsoft YaHei","微软雅黑" bold;
}

.widget ul li a:hover,
.widget ul li .current {
	color: #448aca;
}

.widget .text {
	padding: 10px;
	font-size: 12px;
	line-height: 20px;
}

/*================================================= */
/* logo
================================================== */
#logo {
	float: left;
}
/*================================================= */
/* menu
================================================== */
#menu {
	/*margin: 0 0 0 170px;*/
	float: left;
	margin: 0;
	padding: 0;

}
#menu li {
	float: left;
	list-style: none;
	font: 14px "Microsoft YaHei","微软雅黑"
}
#menu li a {
	display: block;
	padding: 25px 20px;
	text-decoration: none;
	border-bottom: 2px solid #f8f8f8;
	color: #333;
	white-space: nowrap
}
#menu li a.current, 
#menu li a.active, 
#menu li a:hover {
	color: #448aca;
	border-bottom: 2px solid #448aca;
}
#menu li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	visibility: hidden;
	background: #eeeeee;
	border-top: 2px solid #eeeeee;
	border-bottom: 2px solid #eeeeee;
	-webkit-box-shadow: #666 0px 2px 3px;
	-moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    z-index: 2000;
}
#menu li ul li {
	float: none;
	display: inline
}
#menu li ul li a {
	width: 150px;
	/*background: #A9C251;*/
	color: #24313C;
	border: none;
	padding: 8px 20px;
}
#menu li ul li a.current,
#menu li ul li a:hover {
	background: #FFF;
	border: none;
}
#menu .product-nav {
	width:380px;
}
#menu .product-nav li {
	float : left;
}

.fixer{ 
	position:fixed; 
	top:0px;
	_position:absolute;
	_top:expression(documentElement.scrollTop+10 + "px");
	width:100%;
	z-index: 1000;
	/*background-color: rgba(248,248,248,0.9);*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'true', startColorstr = '#EEF8F8F8', endColorstr = '#EEF8F8F8');*/
}

#menu-current {
	position:absolute;
	font: 18px "Microsoft YaHei","微软雅黑";
	color: #448aca;
	padding: 20px;
}

.hidden {
	visibility: hidden;
}

/*================================================= */
/* search
================================================== */

/* search */
#search {
	width:170px;
	margin-top: 18px;
	padding: 0;
	float: right;
}

#search .text {
	width : 125px;
	border: 1px solid #d7d7d7;
	color: #999;
	font-size: 12px;
	font-family: Arial;
	padding: 8px 15px 8px 28px;
	background: url(../images/search_icon.png) no-repeat 4% 54%;
	/*background-color: #fff;*/
	outline: none;
	cursor: text;
	font-family: Tahoma, Arial, sans-serif;
}

#search .text:focus {
	border: 1px solid #d1d1d1;
	color: #676767;
	-webkit-box-shadow: 0 0 3px #e8e8e8;
	-moz-box-shadow: 0 0 3px #e8e8e8;
	box-shadow: 0 0 3px #e8e8e8;
}

/*#sitesearch input {
	float: left;
}

#sitesearch .text {
	width:185px;
	height:27px;
	background-color:transparent;
	border: 1px solid #ddd;
	padding:0;
	color: #448aca;
	font-size: 12px;
	line-height: 27px;
	text-indent: 5px;
}*/

/*================================================= */
/* share
================================================== */
.share{position:fixed;width:40px;bottom:15%;right:0;z-index:890;}
.share .share_box{
	width:100%;
	margin-bottom:3px;
	/*background:#d9d9d9;*/
	text-align:center;
	position:relative;
	top:0;
	left:0;
	background-color: rgba(248,248,248,0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'true', startColorstr = '#99F8F8F8', endColorstr = '#99F8F8F8');
}
.share .share_box a{
	display:block;
	height:35px;padding-top:5px;
}
.share .share_box a:hover{
	/*background:#ae1324;*/
	text-decoration:none;
}

.share .share_box a:hover .title,
.share .share_box .title{
	color:#fff;
	font: 12px "Microsoft YaHei","微软雅黑";
	display:block;padding-left:6px;
	line-height:18px;width:30px;
	margin-top:-2px;
}

.share .red_bag{
	background:#448aca;
	text-decoration:none;
}
.share .share_layer{
	border:1px solid #ccc;
	background:#fff;
	position:absolute;
	right:47px;
	bottom:-44px;
	padding:10px;
}

.sweep_img{padding:10px;}
.share_box .help_list li{line-height:26px;height:26px;background:url(../images/dian.png) no-repeat 6px 12px;}
.share_box .help_list li a{line-height:26px;height:26px;padding:0 0 0 14px;text-align:left;}
.help_list li a:hover{color:#fff;}

.share_triangle{width:12px;height:40px;position:absolute;right:45px;bottom:-12px;z-index:100;}
.border_sj,.con_sj{display:block;width:18px;height:28px;font-size:18px;overflow:hidden;font-family: SimSun;}
.border_sj{color:#ccc;font-style:normal;}
.con_sj{color:white;margin:-14px -2px 0 0;margin:-28px 0 0 -2px;}


/*================================================= */
/* panel
================================================== */
.panel {
	border: 1px solid #eee;	
	background-color: #fff;
}

.panel:hover {
	border: 1px solid #448aca;
}

.panel h3 {
	margin: 10px 0 5px 0;
	padding: 0;
	font: 16px "Microsoft YaHei","微软雅黑";
	text-align: center;
}
.panel h3 a,
.panel h3 a:visited {
	color: #8b8b8b;
}
.panel h3 a:hover {
	color: #448aca;
}

.panel h4 {
	margin: 0px 20px;
	padding: 5px 0;
	font: 12px "Microsoft YaHei","微软雅黑";
	text-align: center;
	color: #999999;
	border-bottom: 1px solid #d9d9d9;
}

.panel .text {
	padding: 5px 20px;
	font-size: 12px;
	color: #8b8b8b;
}

.p350 {
	height: 350px;
	overflow: hidden;
}

.p300 {
	height: 300px;
	overflow: hidden;
}

/* scale */
.scale {
	width:100%;
	overflow: hidden;
}

.scale img {
	width : 100%;
	border: none;
	display: block;
	left: 0px;
	top:0px;
	overflow: hidden;
}

/* related title */
.related-title {
	background: url(../images/divider_bg.png) repeat-x;
	background-position: 50% 62%;
	margin: 20px 0;
}

.related-title span {
	color: #8b8b8b;
	font-weight: bold;
	letter-spacing: -0.5px;
	font: 18px "Microsoft YaHei","微软雅黑";
	background: #f8f8f8;
	padding: 0 10px 0 0;
}

#content-wrapper .related-title span {
	background: #fff;
}


/*================================================= */
/* thumbview
================================================== */

#thumb-view {
	margin: 10px 0;
	padding: 0;
}
#thumb-view li {
	float: left;
	list-style: none;
}

#thumb-view li a {
	display: block;
	text-decoration: none;
	color: #8b8b8b;
	white-space: nowrap;
	padding: 10px;
}

#thumb-view li a:hover {
	background: rgba(255,255,255,0.9);
	color: #448aca;
}
#thumb-view li div {
	margin: -140px 140px;
	padding: 20px;
	position: absolute;
	visibility: hidden;
	background: rgba(255,255,255,0.9);
	color: #8b8b8b;
	z-index: 100;
}

#thumb-view li div img{
	width : 500px;
	border: none;
}


#thumb-view li div p{
	font: 14px "Microsoft YaHei","微软雅黑";
	text-align: center;
	padding: 5px;
}


/*================================================= */
/* wrapper
================================================== */
#header-wrapper {
	background: url(../images/wrapper-bg.png);
	/*background-color: rgba(248,248,248,0.8);*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'true', startColorstr = '#EEF8F8F8', endColorstr = '#EEF8F8F8');*/
}


#menu-wrapper {
	border-bottom: 4px solid #efefef;
	background: url(../images/wrapper-bg.png);
	/*background-color: rgba(248,248,248,0.8);*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'true', startColorstr = '#EEF8F8F8', endColorstr = '#EEF8F8F8');*/
	/*filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'true', startColorstr = '#80000000', endColorstr = '#80000000');*/
}

#home-wrapper {
	width: 100%;
	position: static;
	overflow-x : hidden;
	overflow-y : hidden;
	padding: 0 0 20px 0;
}

#content-wrapper {
	width: 100%;
	position: static;
	overflow-x : hidden;
	overflow-y : hidden;
	background-color: #fff;
	padding: 40px 0;
}

#banner-wrapper {
	position: absolute;
	height:550px;
	width:100%;
	z-index: -100;
	top:0;
}

#open-wrapper {
	position: absolute;
	z-index: 200;
	width: 100%;
	top:0;
}

#open-wrapper .container_12 {
	position: relative;
}

#open-wrapper a {
	position: absolute;
	display: block;
	top: 0;
	left : 900px;
	width: 30px;
	height: 50px;
	background: url(../images/open.png);
}

#title-wrapper {
	height: 400px;
}

#title-wrapper .title {
	float: left;
	margin:50px;
	padding: 60px;
	color: #fff;
	font: 36px "Microsoft YaHei","微软雅黑" bold;
	/*background: url(../images/wrapper-bg.png);*/
}


#sidebar {
	width:220px;
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

#main {
	width:960px;
	display: inline;
	float: left;
}

#main.has-sidebar {
	width:720px;
}

/*================================================= */
/* content
================================================== */
#content {
	margin: 0;
}

#content .title {
	padding: 20px 0;
	font: 22px "Microsoft YaHei","微软雅黑" bold;
	text-align: center;
}

#content .meta {
	color: #8b8b8b;
	font-size: 14px;
	text-align: center;
	padding :5px 0 20px 0;
	border-bottom: 1px solid #d9d9d9;
}

#content .content {
	font-size: 14px;
	line-height: 25px;
	overflow: hidden;
	padding:20px 10px;
}

/*
#bg-content {
	margin: 50px 0;
	background:rgba(255, 255, 255, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'true', startColorstr = '#AAFFFFFF', endColorstr = '#AAFFFFFF');
}

#bg-content .title {
	padding: 20px 0;
	font: 18px "Microsoft YaHei","微软雅黑" bold;
	text-align: center;
}

#bg-content .content {
	font-size: 14px;
	line-height: 25px;
	padding: 0 50px 50px 50px;
}
*/
/*================================================= */
/* paging
================================================== */
.paging {
	margin : 20px 0;
	font-size: 14px;
}

.paging .total{
	float: right;
}

.paging a {
	border: 1px solid #d9d9d9;
	margin: 2px;
	padding: 6px 10px;
	background-color: #f8f8f8;
}

.paging a:hover,
.paging .current {
	background-color: #448aca;
	color: #000;
}

/*================================================= */
/* product
================================================== */
.filters {
/*float:left;*/
clear:both;
/*width:1000px;*/
}

.filters .filter {
/*float:left;*/
clear:both;
/*width:960px;*/
display: block;
padding:20px;
margin-bottom:20px;
border: 1px solid #d9d9d9;
}

.filters .filter a {
/*float:left;*/
display:inline-block;
padding:5px;
margin-right:10px;
font-size:14px;
text-transform:uppercase;
outline:none;
}
.filters .filter a:hover {
	color: #448aca;
}

.filters .filter .active {
background:#eee;
color:#111;
}

.filters .container {
float:left;
clear:both;
width:100%;
position:relative;
}

.filters .container ul,
.filters .container ul li {
display:block;
list-style:none;
padding:0;
margin:0;
}

.filters .container ul li {
float:left;
margin:0 8px 8px 0;
font-size:0;
line-height:0;
}

.filters .container a {
display:block;
float:left;
width:192px;
height:192px;
}

/*================================================= */
/* product
================================================== */
.product-list {


}

.product-item {
	margin: 10px 0;
	padding: 4px;
	border: 1px solid #fff;
	/*background-color: #fff;*/
}
.product-item:hover {
	border-color: #ae1324;
}

.product-item .img-wrapper {
	overflow: hidden;
	height: 210px;
}

.product-item .img-wrapper img {
	width : 100%;
}


.product-item .title {
	padding: 1px 2px;
	overflow: hidden;
	height: 18px;
}

.product-item .title a {
	font-size: 12px;
	color: #000;
}

.product-item .title a:hover {
	color: #ae1324;
	text-decoration: underline;
}

.product-item .region {
	padding: 1px 2px;
	font: 14px "Microsoft YaHei","微软雅黑";
	color: #ae1324;
}

.product-item .region span{
	font: 12px "Microsoft YaHei","微软雅黑";
	margin-left: 20px;
	color: #8b8b8b;
}

.product-item .type {
	padding: 1px 2px;
	color: #8b8b8b;
	font-size: 12px;
	font-weight: bold;
}

.product-item .type span {
	float: right;
	color: #448aca;
	font-weight: normal;
}

.product-list .country-title {
	font: 28px "Microsoft YaHei","微软雅黑";
	color: #448aca;
	border-bottom: 1px solid #d9d9d9;
	padding: 10px 0;
}

.product-list .brand-title {
	font: 24px "Microsoft YaHei","微软雅黑";
	color: #ae1324;
	float: right;
}

.product-list .brand-title span {
	font-size: 16px;
	color: #8b8b8b;
}

.product-list .group {
	padding: 8px;
	margin: 10px 0;
	border: 1px solid #d9d9d9;
}

.product-list .country-btn {
	text-align: center;
	display: inline-block;
	width: 120px;
	font-size: 14px;
	color: #8b8b8b;
	padding:10px 0;
}

.product-list .brand-btn {
	margin : 5px 10px;
	font-size: 14px;

}


.product-list .meta {
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #ffe3b8;
	background-color: #fff1dc;
	font-size: 12px;
	/*text-align: right;*/
}

.product {
	
}

.product .img-wrapper {
	border: 1px solid #d9d9d9;
	padding: 5px;
	width: 360px;
	height: 360px;
	overflow: hidden;
}

.product .title {
	font: 20px "Microsoft YaHei","微软雅黑";
	padding: 5px 0;
	border-bottom: 1px dotted #8b8b8b;
}

.product .property {
	margin: 10px 0;
}

.product .property li {
	padding: 3px 0;
	font-size: 14px;
	color: #8b8b8b;
}

.product .property li span{
	color: #000;
	
}

.product .brief {
	font-size: 14px;
	line-height: 28px;
	color: #8b8b8b;
}


/*================================================= */
/* news
================================================== */
.news-list {
	border-bottom: 1px solid #e1e1e1; 
	margin-bottom: 15px;
}

.news-list h2 a {
	font-size: 22px;
	font-weight: normal;
	color: #464646;
	font-family: "Open Sans", Arial, Tahoma, sans-serif;
	text-decoration: none;
	display: inline-block;
	line-height: 28px;
	letter-spacing: -0.5px;
}

.news-list h2 a:hover {color: #777;}

.news-list .content{
	font-size: 14px;
	line-height: 25px;
	margin: 15px 0 0 0;
}

.news-list a.entry {
	font-size: 16px;
	color: #448aca;
	font-family: Tahoma, Arial, sans-serif;
	margin: 15px 0 20px 0;
	display: inline-block;
	padding: 0 12px 0 0;
	background: url(../images/bullet_post_entry.png) no-repeat right;
	background-position: 100% 60%;
}

.news-list a.entry:hover {
	color: #888; 
	background: url(../images/bullet_post_entry_hover.png) no-repeat right;
	background-position: 100% 60%;
}

.news-list .meta {color: #777; font-size: 12px; margin: 1px 0 15px 0;}
.news-list .meta a {color: #6f9c00;text-decoration: none;}
.news-list .meta a:hover {color: #999;}

.news-list .icon-calendar {
	background: url(../images/calendar_ico.png) no-repeat;
	display: inline-block;
	height: 13px;
	width: 12px;
	margin: 0 0 -1px 0;
	padding: 0 5px 0 0;
}

.news-list .icon-author {
	background: url(../images/author_ico.png) no-repeat;
	display: inline-block;
	height: 16px;
	width: 13px;
	margin: 0 0 -5px 8px;
	padding: 0 8px 0 0;
}

.news-list .icon-comment {
	background: url(../images/comment_ico.png) no-repeat;
	display: inline-block;
	height: 15px;
	width: 11px;
	margin: 0 0 -5px 8px;
	padding: 0 8px 0 0;
}

/*================================================= */
/* article
================================================== */
.article-list{ width:675px; padding:5px 15px 0px 10px;}
.article-list dl{ width:100%; padding:15px 0px; border-bottom:1px solid #ddd; position:relative;}
.article-list dl dt{ float:left;  width:190px; }
.article-list dl dd{overflow:hidden; }
.article-list dl dd .title{ font: 16px "Microsoft YaHei","微软雅黑"; font-weight:700; padding:0px 0px 6px 0px;}
.article-list dl dd .title a{ color:#555;}
.article-list dl dd .title a:hover{ color:#448aca; text-decoration:none;}
.article-list .abstract{ color:grey;font-size:14px;}
.article-list .abstract p{ height:75px; line-height:25px;}
.article-list .abstract p a{ position:absolute; padding-right:6px; color:#448aca; top:96px; right:0px;}
.article-list .meta{ padding:8px 0 0 0;color:#888; font-size:12px;}
.article-list .meta .time{ display:block; float:right; padding-right:6px;  }

/*================================================= */
/* home
================================================== */
.home-list{ width:100%; padding:5px 15px 0px 10px;}
.home-list dl{ width:100%; padding:15px 0px; border-bottom:1px solid #ddd; position:relative;}
.home-list dl dt{ float:left;  width:60px; }
.home-list dl dd{overflow:hidden; }
.home-list dl dd .title{ font: 16px "Microsoft YaHei","微软雅黑"; font-weight:700; padding:0px 0px 6px 0px;}
.home-list dl dd .title a{ color:#555;}
.home-list dl dd .title a:hover{ color:#448aca; text-decoration:none;}
.home-list .abstract{ font-size:14px;}
.home-list .abstract p{ height:55px; line-height:25px;}


