/* CSS Document */
* {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
a {
	color:#FFF;
	display:inline-block;/*
	width:100%;*/
}
a:hover {
	color:#CCC;
}
body{
	background-color:#202125;
}
.wrap{
	width:995px;
}
.topnav{
	width:993px;
	height:37px;
	line-height:37px;
	background-image:url(../images/topnav-bg.gif);
	background-repeat:repeat-x;
	margin:5px auto;
	border:1px double #5B5A5B;
}
.topnav ul{
	width:700px;
	height:37px;
	line-height:37px;
	float:left;
}
.topnav ul li{
	width:100px;
	text-align:center;
	background-image:url(../images/top-nav-fenge.gif);
	background-position:right;
}
.topnav .nobg{
	background-image:none;
}
.topnav ul li a{
	width:100%;
	height:100%;
}
.topnav span{
	display:block;
	width:200px;
	height:37px;
	line-height:37px;
	text-align:right;
	float:right;
}
.topnav span a{
	width:49%;
	text-align:center;
	float:left;
}
.top-search-wrap{
	width:100%;
	height:40px;
	_height:25px;
	_padding-top:6px;
	_padding-bottom:8px;
	line-height:40px;
	text-align:center;
	margin:2px auto;
	background-color:#868686;
}
#classid{
	width:250px;
	height:20px;
	line-height:20px;
	background-color:#D8D6D7;
	color:#666;
}
#keyword{
	width:250px;
	height:18px;
	line-height:18px;
	background-color:#D8D6D7;
	margin-left:10px;
	color:#666;
}
	
.search-btn{
	margin-left:10px;
	cursor:pointer;
}
.main{
	margin-top:5px;
	background-color:#4C4A4B;
}
.main-left{
	width:284px;
}
.main-mid{
	width:711px;
}
.left-width{
	width:256px;
}
.left-top-bg{
	height:29px;
	line-height:29px;
	border:1px double #6F6D6E;
	width:254px;
	background-image:url(../images/mid-top-bg.gif);
	background-position:left -1px;
	background-repeat:repeat-x;
}
.left-top-left{
	width:91px;
	height:29px;
	line-height:29px;
	float:left;
	background-image:url(../images/left-row-top.gif);
	text-align:center;
	font-weight:bold;
}
.left-top-flow{
	display:block;
	padding-left:5px;
	float:left;
	color:#CCC;
	font-size:10px;
}
.left-top-more{
	display:block;
	float:right;
}
.left-content{
	width:254px;
	border:1px double #6F6D6E;
	margin:3px auto;
	background-color:#343334;
}
.left-news-list{
	width:240px;
	margin:0px auto;
	overflow:hidden;
}
.left-news-list li{
	height:25px;
	line-height:25px;
	overflow:hidden;
}


.footer{
	background-color:#4C4A4B;
	padding-top:10px;
	padding-bottom:10px;
}
.footernav{
	height:36px;
	background-image:url(../images/footer-nav-bg.gif);
	background-position:center;
}
.footernav ul{
	width:700px;
	height:36px;
	line-height:36px;
	margin:0px auto;
}
.footernav li{
	width:100px;
	text-align:center;
	background-image:url(../images/footer-nav-fenge.gif);
	background-position:right;
}
.footernav .nobg{
	background-image:none;
}
.copyright{
	text-align:center;
	line-height:2;
}
.main-mid-row-top-bg{
	width:698px;
	height:29px;
	line-height:29px;
	border:1px double #6F6D6E;
	background-image:url(../images/mid-top-bg.gif);
	background-repeat:repeat-x;
}
.mid-top-left{
	width:89px;
	height:29px;
	line-height:29px;
	float:left;
	background-image:url(../images/right-row-top-bg.gif);
	text-align:center;
	font-weight:bold;
}
.right-content{
	width:678px;
	border:1px double #6F6D6E;
	margin:3px auto;
	background-color:#343334;
	padding:10px;
	line-height:20px;
}
.goback{
	width:100%;
	clear:both;
	text-align:right;
}
.goback img{
	cursor:pointer;
}
.iproducts-list{
	width:678px;
	height:auto;
	overflow:hidden;
	clear:both;
	margin:0px auto;
}
.iproducts-list li{
	width:169px;
	height:230px;
	overflow:hidden;
	text-align:center;
	float:left;
	margin-bottom:10px;
}
.iproducts-list li img{
	_width:135px;
	max-height:135px;
	max-width:135px;
}
.iproducts-list li div{
	width:100%;
	height:169px;
}
.iproducts-list li span{
	width:135px;
	display:block;
	margin:0px auto;
	clear:both;
	height:20px;
	line-height:20px;
	background-color:#4C4A4B;
	overflow:hidden;
}

.news-detail-bar a{
	width:auto;
	display:inline-block;
}
.news-title a{
	display:block;
	width:100%;
}

.news-list li{
	height:25px;
	line-height:25px;
}
.news-time{
	text-align:right;
}
.products-list{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	clear:both;
}
.products-list li{
	width:169px;
	height:260px;
	margin-bottom:10px;
	float:left;
}
.products-list li img{
	_width:135px;
	max-width:135px;
	max-height:135px;
}
.products-list li div{
	width:100%;
	height:169px;
	clear:both;
	text-align:center;
}
.products-list li a{
	display:block;
	width:100%;
	height:100%;
}
.products-list li span{
	display:block;
	width:135px;
	height:20px;
	line-height:20px;
	margin:0px auto;
	clear:both;
}
.products-list li .products-list-viewdetail{
	height:23px;
	text-align:center;
}
.products-list li .products-list-viewdetail img{
	cursor:pointer;
}
.class-list h1{
	width:90%;
	height:30px;
	line-height:30px;
	clear:both;
	display:block;
	overflow:hidden;
	margin:0px auto;
}
.class-list h1 a{
	width:100%;
	height:100%;
}

.products-related{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	clear:both;
}
.products-related li{
	width:169px;
	float:left;
	height:auto;
	overflow:hidden;
	text-align:center;
}
.products-related li img{
	clear:both;
	display:block;
	_width:135px;
	max-height:135px;
	max-width:135px;
}

.products-related li span{
	display:block;
	height:20px;
	line-height:20px;
	clear:both;
}
.gallery{
	width:400px;
	float:left;
}
.des{
	width:278px;
	float:left;
	height:auto;
	overflow:hidden;
}
.banner{
	height:221px;
	overflow:hidden;
}

.newpager a{
	display:inline-block;
}
.h-v-resize img.resize{
	display:none;
}
/*产品其他角度图*/
A.browse {
	DISPLAY:block;
	FONT-SIZE: 1px;
	BACKGROUND: url(../images/jiantou.png) no-repeat;
	background-position:0px 35px;
	FLOAT: left;
	WIDTH: 20px;
	height:90px;
	CURSOR: pointer;
}
A.right {
	CLEAR: right;
	BACKGROUND-POSITION: -20px 35px;
	MARGIN-RIGHT: 0px;
}
A.left {
	MARGIN-LEFT: 0px
}
.scrollable {
	/* required settings */
	position:relative;
	FLOAT: left;
	overflow:hidden;
	width: 360px;
	height:100px;/* custom decorations */
}
.scrollable .items {
	/* this cannot be too large */
	width:20000px;
	position:absolute;
	clear:both;
	height:100px;
	overflow:hidden;
	padding-top:4px;
}
/* single scrollable item */
.scrollable img {
	float:left;
	display:block;
	margin:2px;
	background-color:#fff;
	border:1px solid #ccc;
	cursor:pointer;
	max-width:84px;
	max-height:84px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}