@charset "utf-8";
*{margin:0px;padding:0px;}
body{
	padding:0px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#E1F0F0;
	color:#3C3C3C;
	font-size:12px;
}
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
.clear{
	clear:both; 
	font-size:0;
	height:0px;
	line-height:0;
}
img{border:0px;}
a:link,a:visited{color:#333; text-decoration:none;}
a:hover,a:active{color:#f00; text-decoration:underline;}
/*img, div, input { behavior: url("../images/iepngfix.htc")};*/

/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/
#topMain{
	width:100%;
	background:url(../images/top_bg.gif) 0 0 repeat-x #E8ECDD;
	height:168px;
	color:#000;
}
#top{
	width:960px;
	margin:0 auto;
	padding:13px 0 0 0;
	height:155px;
	/*overflow:hidden;*/
}
#topLeft{
	background:url(../images/top_left_bg.gif) 0 0 no-repeat;
	width:324px;
	height:155px;
	margin:0px;  
	float:left;
}
#topLeft img{
	display:block;
	font-size:0;
	line-height:0;
	margin:5px 0 0 45px;
	border:none;
	width:230px;
	height:150px;
}
#top div.topNav{
	width:636px;
	height:24px;
	background:url(../images/top_nav_bg.gif) 0 0 repeat-x;
	margin:0 0 10px 0;
	float:left;
}
#top h1{
	float:left;
	width:612px;
	display:block;
	font-size:25px;
	line-height:39px;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 24px;
	margin:0;
	font-family:lucida Handwriting, "Arial Narrow", sans-serif;
	text-shadow:1px 1px 1px #000;
}
#top p{
	float:left;
	width:612px;
	display:block;
	font-size:12px;
	line-height:18px;
	height:36px;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 24px;
	margin:0 0 10px 0;
}
#top ul.nav{
	width:636px;
	border-top:#FFFFFF solid 1px;
	background-color:#3E3E3E;
	color:#fff;
	margin:0 0 0 0;
	float:left;
	font-size:0;
	line-height:0;
}
#top ul.nav li{
	border-left:1px solid #fff;
	float:left;
	font-size:0;
	line-height:0;
}
#top ul.nav li.noBdr{
	border:none;
}
#top ul.nav li a{
	display:block;
	padding:0 15px;
	font-size:11px;
	line-height:35px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background-color:inherit;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
}
#top ul.nav li a:hover{
	color:#fff;
	background-color:#BA0804;
}
#top ul.nav li a.hover{
	display:block;
	/*padding:0 16px 0 32px;*/
	font-size:11px;
	line-height:35px;
	font-weight:bold;
	text-decoration:none;
	color:#fff;
	background-color:#BA0804;
	/*cursor:text;*/
	text-transform:uppercase;
}
/*------------------------------------------------top--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain{
	width:100%;
	background:url(../images/body_bg.gif) 0 0 repeat-x #E1F0F0;
	color:#000;
	padding:20px 0 20px 0;
}
#body{
	width:960px;
	margin:0 auto;
	padding:0px;
}
/*------------------------------------------------left--------------------*/
#left{
	width:316px;
	float:left;
	/*height:522px;*/
	overflow:hidden;
}
#middle{ margin-left:10px;
width:316px;
float:left;
/*height:522px;*/
}
#right{
	margin-left:10px; width:288px; float:left; height:502px; background:#ABAA95; text-align:center; padding:10px;
}
#right .indexabout{font-size:11px;text-align:left;}


#right ul.thumb {
width:288px;
	padding:5px 0 0 0px;
	margin:20px 0px 0px;
	color:#000;
	float:left;
}
#right ul.thumb li {margin:0;float:left;position:relative;width:57px;height:70px;}
#right ul.thumb li img {width:48px;height:48px;border:1px solid #F1F5E5;padding:1px;background:#fff;position:absolute;left:0;top:0;-ms-interpolation-mode:bicubic;}
#right ul.thumb li img.hover {margin-top:15px;background:#ffffe0;border:1px solid #cbe087;}
.thumb_title{position:absolute;width:100px;height:20px;line-height:22px; overflow:hidden;margin:0;font-weight:700;background:#ffffe0;padding:0px;text-align:center;color:#3C3C3C;}





#right p.rightTxt{
	font:normal 11px/18px Arial, Helvetica, sans-serif;
	padding:10px 0 10px 0;
	border-bottom:#C5DADA solid 1px;
}
#right p.rightTxt span.red{
	font: bold 12px/18px Arial, Helvetica, sans-serif;
	color:#BA0804;
	background-color:inherit;
}
#right p.rightTxt a{
	display:block;
	background:url(../images/btn_login.gif) 0 0 no-repeat;
	width:32px;
	height:17px;
	line-height:17px;
	font-size:11px;
	
	
	color:#3C5101;
	background-color:inherit;
	text-decoration:none;
	margin:0 0 0 235px;
	padding:0 0 0 18px;
}
#right p.rightTxt a:hover{
	color:#BA0804;
	background-color:inherit;
}
#rightBot{
	width:645px;
	background:url(../images/right_bottom_bg.gif) 0 0 repeat-y;
	margin:0 0 0 25px;
}
#rightBot h2.one{
	display:block;
	width:296px;
	height:26px;
	background-color:#F2FBFB;
	color:#3C3C3C;
	margin:0 0 17px 0;
	float:left;
	padding:9px 0 0 8px;
}
#rightBot h2.one span{
	background:url(../images/bullet2.gif) 0 2px no-repeat;
	padding:0 0 0 27px;
	font:bold 18px/18px Arial, Helvetica, sans-serif;
}
#rightBot h2.two{
	display:block;
	width:296px;
	height:26px;
	background-color:#F2FBFB;
	color:#3C3C3C;
	margin:0 0 17px 0;
	float:right;
	padding:9px 0 0 8px;
}
#rightBot h2.two span{
	background:url(../images/bullet2.gif) 0 2px no-repeat;
	padding:0 0 0 27px;
	font:bold 18px/18px Arial, Helvetica, sans-serif;
}
#rightBot ul.first{
	padding:0 0 22px 8px;
	float:left;
}
#rightBot ul.first li{
	font-size:0;
	line-height:0;
}
#rightBot ul.first li a{
	display:block;
	background:url(../images/arrow_red.gif) 0 9px no-repeat;
	padding:0 0 0 12px;
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#447D7C;
	background-color:inherit;
	text-decoration:underline;
}
#rightBot ul.first li a:hover{
	color:#000;
	background-color:#D3E1E1;
}
#rightBot ul.sec{
	padding:0 0 22px 8px;
	float:right;
}
#rightBot ul.sec li{
	font-size:0;
	line-height:0;
}
#rightBot ul.sec li a{
	display:block;
	background:url(../images/arrow_red.gif) 0 9px no-repeat;
	padding:0 0 0 12px;
	font:normal 12px/24px Arial, Helvetica, sans-serif;
	color:#447D7C;
	background-color:inherit;
	text-decoration:underline;
}
#rightBot ul.sec li a:hover{
	color:#000;
	background-color:#D3E1E1;
}
#rightBot p.star{
	display:block;
	width:266px;
	background:url(../images/star.gif) 0 0 no-repeat;
	padding:0 0 0 27px;
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#BA0804;
	background-color:inherit;
	float:left;
}
#rightBot p.star2{
	display:block;
	width:225px;
	background:url(../images/star.gif) 0 0 no-repeat;
	padding:0 31px 0 27px;
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#BA0804;
	background-color:inherit;
	float:right;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:84px;
	background:url(../images/footer_bg.gif) 0 0 repeat-x;
}
#footer{
	width:960px;
	height:84px;
	margin:0 auto;
	position:relative;
}
#footer ul{
	font-size:11px;
	position:absolute;
	right:10px;
	top:19px;
}
#footer ul li{
	float:left;
	font:normal 11px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	font-size:11px;
	padding:0 10px;
	font:normal 11px/24px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	border-left:1px solid #fff;
}
#footer ul li a:hover{
	text-decoration:underline;
}
#footer ul li a.nobor{ border:none;}
#footer p.copyright{
	font:normal 11px/24px Arial, Helvetica, sans-serif;
	position:absolute;
	right:10px;
	top:38px;
	color:#B1CFCF;
	background-color:inherit;
}
/*------------------------------------------------footer--------------------*/
#content_about{padding:16px; width:928px;overflow:hidden; font-size: 14px; color: #444;text-indent:2em;line-height: 240%;}
#leftcategory{width:314px;  
	border:#B7D1D1 solid 1px;
	background-color:#F2FBFB;
	color:#3C3C3C;
	padding:10px 0 0 0;
	margin-bottom:10px;
	overflow:hidden;
	}
	
#leftcategory h2.supp{
	display:block;
	width:247px;
	height:51px;
	background:url(../images/help_support_bg.gif) 0 0 no-repeat;
	margin:0 0 23px 4px;
	padding:0 0 0 59px;
	font-weight:normal;
	font-size:23px;
	color:#333;
	background-color:inherit;
}
#leftcategory h2.supp span{
	font:normal 11px/22px Arial, Helvetica, sans-serif;
	color:#F2FBFB;
	/*background-color:#019391;*/
	display:block;
}
#leftcategory div.img{
	overflow:hidden;
	width:116px;
	height:67px;
	margin:0 8px 13px 4px;
	float:left;
	padding:1px;
	border:1px solid #ccc;
	overflow:hidden;
}
#leftcategory div.img img{
	width:116px;
	height:67px;
}
#leftcategory div.title{
	display:block;
	width:156px;
	_width:154px;
	height:61px;
	padding:10px 10px 0 10px;
	margin:0 0 13px 0;
	float:left;
	background-color:#E1F0F0;
	font:normal 12px/16px  Arial, Helvetica, sans-serif;
	color:#1D1D1B;
	overflow:hidden;
}

#leftcategory div.title a{
	width:155px;
	background-color:#E1F0F0;
	font:bold 12px/16px  Arial, Helvetica, sans-serif;
	color:#5F7006;
	text-decoration:underline;
	float:left;
}
#leftcategory div.title a:hover{
	/*background-color:#F2FBFB;*/
	color:#1D1D1B;
	text-decoration:none;
}


#leftcategory ul.leftcat{float:left;padding:0 15px; width:285px; overflow:hidden;}
#leftcategory ul.leftcat li{ float:left; height:30px; line-height:30px; border-bottom:1px solid #ccc; width:270px; background:url(../images/category_icon.gif) no-repeat 0 center; padding-left:12px;white-space:nowrap; overflow:hidden;}
#leftcategory ul.leftcat ul{padding-left:15px;}
#leftcategory ul.leftcat ul.one{width:255px;}
#leftcategory ul.leftcat ul.one li{width:255px;}
#leftcategory ul.leftcat ul.two{width:240px;}
#leftcategory ul.leftcat ul.two li{width:240px;}


#leftcategory ul.leftcat ul.three{width:225px;}
#leftcategory ul.leftcat ul.three li{width:225px;}





#leftcategory ul.leftcat li.cur,#leftcategory ul.leftcat li.cur a{color:#BA0804;}






#content{margin-left:10px;float:left;width:634px;overflow:hidden; background:#fff; margin-bottom:20px;}
#prolistinfo{padding:10px 20px;width:594px;overflow:hidden; min-height:650px;}
#prolistinfo h2{font-size:16px;line-height:25px;font-weight:700;}
#prolistinfo .proclasscontent{font-size:12px;line-height:120%;margin:10px 0px;}
/*productlist*/
#prolistinfo .productlist{float:left;width:280px;margin:0 10px 5px 0;height:230px;}
#prolistinfo .productlist .img{max-width:220px;max-height:150px;text-align:center;margin:0px auto;}
#prolistinfo .productlist .title{font-size:11px;font-weight:700;width:280px;height:30px;overflow:hidden;line-height:30px;margin-top:5px;text-align:center;}
#prolistinfo .productlist .title a{color:#333; text-decoration:none;}
#prolistinfo .productlist .title a:hover{color:#333; text-decoration:underline;}
#prolistinfo .productlist .text{color:#333;font-size:11px;float:left;width:280px;height:40px;line-height:120%;overflow:hidden;text-indent:2em;text-align:center;table-layout:fixed; word-break: break-all;font-weight:normal;}
#prolistinfo .proinfoleft{float:left; width:300px; margin-top:10px; overflow:hidden; min-height:650px;}
#prolistinfo .proinfoleft img{width:300px;}
#prolistinfo .proinforight{float:left; width:284px;margin-top:10px; margin-left:10px; font-size:11px; line-height:180%;}
#prolistinfo .imgList{float:right; width:280px;}
#prolistinfo .imgList a{ outline: none;}
#prolistinfo .imgList a img {
	border: 1px solid #BBB;
	padding: 2px;
	margin: 10px 5px 10px 0;
	vertical-align: top;
	width:50px;
	height:50px;
}
/*articlelist*/
.articlelist{width:594px;}
.articlelist ul{padding:0px;}
.articlelist ul li{list-style:none; height:36px;width:594px;line-height:36px; background:url(../images/line_bg.gif) bottom repeat-x; overflow:hidden;}
.articlelist ul li span{float:right;padding-right:10px;color:#888888;font-size:12px;}
.articlelist ul li a:link,.articlelist ul li a:visited{color:#333; text-decoration:none;padding-left:20px;background:url(../images/ico09.gif) 10px 4px no-repeat;font-size:12px; }
.articlelist ul li a:hover,.articlelist ul li a:active{color:#f00; text-decoration:underline;}
/*shownews*/
.shownews{padding:0px; width:594px; overflow:hidden;}
.shownews .title{height:40px; line-height:40px; font-size:16px; font-weight:700; text-align:center;}
.shownews .addtime{height:30px; line-height:30px;text-align:center; border-top:1px dashed #ccc; color:#666666;font-size:12px;}
.shownews .shownewscontent{line-height:150%; font-size:12px;}
.shownews .shownewscontent p{line-height:150%;}
.shownews .back{height:30px; line-height:30px;text-align:right; margin:40px 10px;}
.shownews .back a{color:#333; text-decoration:underline;}
/*pagenum*/
#bottompage{width:98%;text-align:right;padding:15px 0;clear:both;}
#bottompage span,#bottompage a,#bottompage b {font-size:11px;font-family:Arial, Helvetica, sans-serif;margin:0 2px;}
#bottompage span font {color:#f00;font-size:11px;}
#bottompage a, #bottompage b {border:1px solid #004D95;background:#fff;padding:1px 4px;text-decoration:none;color:#333;}
#bottompage span {padding-right:10px}
#bottompage b, #bottompage a:hover {background:#0058AC;color:#fff;}
/*navigation-down*/
.navigation-down{position:absolute;top:169px;left:0px;width:100%;z-index:999;}
.navigation-down .nav-down-menu{width:100%;margin:0;background:#344157;position:absolute;top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:920px; padding-left:40px;position:relative}
.navigation-down .nav-down-menu dl{float:left;margin:18px 80px 18px 0}
.navigation-down .menu-1 dl{margin:20px 40px 25px 0; text-shadow:1px 1px 1px #000;}
.navigation-down .menu-1 dt{font-weight:700; font-size:14px;color:#61789e;padding-bottom:10px;border-bottom:1px solid #61789e;margin-bottom:10px}
.navigation-down .menu-1 dt a{color:#61789e; text-decoration:none;}
.navigation-down .menu-1 dt a:hover{color:#fff;}
.navigation-down .menu-1 dd a{color:#fff;font-weight:normal; font-size:11px; line-height:30px; background:url(../images/nav_icon.gif) no-repeat 0 center; padding-left:10px;}
.navigation-down .menu-1 dd a:hover{color:#60aff6}