body {
	font-family:Arial;
	font-size:medium;
	font-style: normal;
	line-height: 18px;
	font-weight: normal;
	color:#313131;
	margin: 0px;
	padding: 0px;	
	background:#def4ff;	
	background-size:100%;
    font-family:"微软雅黑";
		
}

p,h1,h2,h3,div{ margin:0px; padding:0px;}	
ul,li,dl,dt,dd{ margin:0px; padding:0px; list-style-type:none;}
img{ border:none;}
a:link,a:visited,a:hover,a:active{ color:#313131; text-decoration:none;}
.clear{ clear:both;}
h1{ font-size:large; font-weight:normal;}
h2{ font-size:medium; font-weight:normal;}
h3{ font-size:small; font-weight:normal; line-height:18px;}
/*pagebox*/
#pagebox {width:100%; padding:15px 0; text-align:center; font-size:14px;}
.pageprev, .pagenext{
	margin:0 10px;
	width:50px;
	background-color:#F4F4F4;
	height:20px;
	line-height:20px;
	padding:5px 10px;
	outline:none;
	text-decoration:none;
	border:1px solid #ABABAB;
	background-image: linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -o-linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -moz-linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -webkit-linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -ms-linear-gradient(bottom, #E1E1E1 0%, #ffffff 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #E1E1E1),
	color-stop(1, #ffffff)
	);
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #666666;
	display:inline-block;
	text-align:center;
	text-shadow:0 1px #FFF;
}
.pageprev:active, .pagenext:active {
	line-height:21px;
	background-image: linear-gradient(bottom, #ffffff 0%, #E1E1E1 100%);
	background-image: -o-linear-gradient(bottom,  #ffffff 0%, #E1E1E1 100%);
	background-image: -moz-linear-gradient(bottom,  #ffffff 0%, #E1E1E1 100%);
	background-image: -webkit-linear-gradient(bottom,  #ffffff 0%, #E1E1E1 100%);
	background-image: -ms-linear-gradient(bottom,  #ffffff 0%, #E1E1E1 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #ffffff),
	color-stop(1, #E1E1E1)
	);
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 2px rgba(0, 0, 0, 0.25);
}
/*底部*/
.wzg_copyright {
	padding-top:10px;
    height: 18px;
    line-height: 18px;
    text-align: center;
	color:#555555;
	font-weight: 100;
    text-shadow:none;
	clear:both;
	font-size:12px;
}
.wzg_footer .jishu{
	font-size:12px;
	text-align:center;
	height:18px;
	line-height:18px;
	padding-bottom:5px;
}	
.jishu{ color:#666666;}	


#container{ margin:4% 3% 0 3%; padding:0 2%;
	background-image: linear-gradient(bottom, #fff8ed 0%, #feecc8 100%);
	background-image: -o-linear-gradient(bottom, #fff8ed 0%, #feecc8 100%);
	background-image: -moz-linear-gradient(bottom, #fff8ed 0%, #feecc8 100%);
	background-image: -webkit-linear-gradient(bottom, #fff8ed 0%, #feecc8 100%);
	background-image: -ms-linear-gradient(bottom, #fff8ed 0%, #feecc8 100%);
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #fff8ed),color-stop(1, #feecc8));
	
}
.pagebody {	margin:0 2%;	
}
	
/*index首页*/
/*cate16*/
#cate16{background-color: #000000;overflow-x: hidden;}
#nav {
	float:none;
	width:100%;
}
#scroller li p {
display: none;
}
#wrapper {
position: fixed;
}
#indicator {
position: fixed;
left: 0;
text-align: center;
bottom: 50px;
width: 100%;
}
#indicator > li {
display: inline-block;
float:none;
}
#indicator > li.active {
background: #cccccc;
}

#cate16 .mainmenu {
  z-index:20;
  color:#FFF;
  position: fixed;
  width: 100%;
  text-align:center;
  bottom: 30%;
  left:30%;
  float:left;
}
#cate16 .mainmenu ul {
	display: block;
	text-align:center; width:100%;
	
}
#cate16 .mainmenu li {
width:20%;
text-align: center;
display: block;
margin-top:10px;

float:left;
}



#cate16 .mainmenu li .menubtn{
width:100%; height:40%;
position: relative;
}
#cate16 .mainmenu li img {
width:120px;
margin-top: 10%;
border-radius: 5px;
}
#cate16 .menutitle {
color: #fff;
font-size: 14px;
display:inline;
text-align:center;
 width:100%;
}

.clr {
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
}

/*shop*/
a.back{ display:block; background:#a40000 url(../images/backbj.jpg) no-repeat bottom ; position:absolute; right:4%; color:#FFFFFF; height:2.5em; padding:1.5em 0.5em 0.5em 0.5em;}		
.topname{ height:5em;}
.topname img{ width:80%; padding-top:1em;}	
.navshop{ }
.navshop h1.shopname{ width:50%; background:#332f29; color:#FFFFFF; text-align:center; padding:0.5em;}
.navbox{ margin:0.5em 0;}
.navpic{ width:60%;}
.navspan{ width:2%;}
.navmain{ width:28%;}
.navmain h1.en{ font-style:italic;color:#a40000; font-size:small; line-height:12px; max-height:2em; overflow:hidden;}
.navmain h1.cn{ padding-bottom:0.5em; max-height:1.5em; overflow:hidden;}
.navmain h3{ max-height:3em; overflow:hidden; color:#666666;}
.meun{ text-align:center;}
.meun td{ width:33%;}
.meun a { display:block;}
.meun img{ width:40px;}

/*prolist*/
.location{ height:5em;}
.location h1.en{ padding-top:1em; font-style:italic;color:#a40000; font-size:small; max-height:2em; overflow:hidden; }
.loaction h1.cn{ padding-bottom:0.5em; max-height:1.5em; overflow:hidden;}

.pro dl{ width:46%; height:11em; float:left; margin-left:2%; margin-right:2%;}
.pro dl dt{ width:100%; height:5em; border:#FFFFFF solid 1px; box-shadow:0 0px 3px rgba(0,0,0,0.3);; margin-bottom:0.5em;}	
.pro dl dd{ width:100%;}
.pro dl dd h1{ color:#a40000; height:1em; overflow:hidden; margin-bottom:0.2em;}
.pro dl dd h3{ color:#666666; max-height:3em; overflow:hidden;}


/*picshow*/
/*Thumbnails*/
#thumbs{
	width:480px;
	margin:0px auto 20px;
	text-align:center;
}

#thumbs a{
	width:120px;
	height:120px;
	display:inline-block;
	border:#FFFFFF solid 1px;
	box-shadow:0 0px 3px rgba(0,0,0,0.3);
	border-radius:0px;
	margin: 6px 6px 40px;
	position:relative;
	text-decoration:none;
	
	background-position:center center;
	background-repeat: no-repeat;
	
	background-size:cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
}

#thumbs a:after{
	background-color: #a40000;
    border-radius: 4px;
    bottom: -136px;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    content: attr(title);
    display: inline-block;
    font-size: 12px;
    max-width: 90px;
    overflow: hidden;
    padding: 2px 10px;
    position: relative;
    text-align: center;
    white-space: nowrap;
}

#credit{
	background-color: rgba(255, 255, 255, 0.2);
	border-radius: 8px;
	font-size: 11px;
	margin: 0 auto 70px;
	opacity: 0.5;
	padding: 12px 16px;
	text-align: center;
	width: 400px;
}
/*Media Queries*/
@media screen and (max-width: 960px) {
	#thumbs, #credit{
		width:auto;
	}
	
	footer{
		display:none;
	}
	
	#bsaHolder{
		display:none;
	}
}

/*infoview*/
.info { padding:0 0.5em; line-height: 24px;}
.info h1{ color:#a40000; border-left:#a40000 solid 4px; padding-left:0.5em; margin-bottom:1em; border-radius: 4px;}
.info img{border:#FFFFFF solid 1px; box-shadow: 0 0px 2px rgba(0, 0, 0, 0.3);}
