@charset "utf-8";
/* CSS Document */
ul,ol,li,span,a,a:hover { margin:0; padding:0;}
body{ font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#757575; background-color:#FFF; margin:0px; text-align:center}
a {color:#000; text-decoration:none;}
a:hover{color:#5b5b5b; }
.clearboth{clear:both;}
li{ list-style:none;}


/*page split part*/
.manu {display:block; width:98%; clear:both; MARGIN: 3px; padding:3px;TEXT-ALIGN: center; margin-top:15px; margin-bottom:25px;}
.manu A { MARGIN: 2px; padding:2px 5px;  COLOR: #4c4b4b; TEXT-DECORATION: none ;border:1px solid #4c4b4b;}
.manu A:hover { COLOR: #4c4b4b;  padding:2px 5px; border:1px solid #4c4b4b; background:#f6f6f6;}
.manu A:active {   COLOR: #4c4b4b; padding:2px 5px;border:1px solid #4c4b4b;background:#f6f6f6;}
.manu .current {BORDER: #4c4b4b 1px solid; PADDING:2px  5px; FONT-WEIGHT: bold;  MARGIN: 2px;  COLOR: #fff; BACKGROUND-COLOR: #4c4b4b}
.manu .disabled {BORDER: #eee 1px solid; PADDING:2px  5px;  MARGIN: 2px;  COLOR: #ddd; } 
/*******************/


.pngfix {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}
/*  behavior: url("JS/iepngfix.htc"); background: url(../images/connect.png) no-repeat center center; */


.split{height:9px;}


/* =====top part=======  */
.logo{ width:320px; height:91px; background:url(../images/logo.gif) no-repeat center center;}
.nav{ border-top:1px solid #a7a7a7; border-bottom:1px solid #a7a7a7;}
.nav img{ border:0; float:left;}

/*====== center part======*/


/* =====left part=======  */
#left{width:195px; height:100%;}
.login input{ display:block; width:52px; height:20px; background:url(../images/loginBtn.gif) no-repeat center center; color:#FFF; text-align:center; line-height:20px; border:0; cursor:pointer;}

#left ul{ margin-top:12px; margin-left:8px;}
#left li{ display:block; background:url(../images/classDot.gif) no-repeat center 0px; width:177px; line-height:22px; text-align:left; margin-bottom:9px; list-style:none;}
#left li span{ margin-left:26px;}
#left li li { display:block; height:24px; background:#fff; margin:0; list-style:none;}
#left li li span{ margin-left:20px;}
#left li a{ display:block; width:177px; height:22px;}
#left li li a{ display:inline;}
.lt li{ display:block; height:30px; width:155px;border-bottom:1px dashed #eeefef; text-align:left; line-height:30px;}
/*.lt li a{ color:#757575;}
.lt li a:hover{ color:#373737;}*/

/* =====right part=======  */
#right{width:775px;}
.newPro {border:1px solid #dddddd; background:url(images/contentBG.gif) repeat-x  left top;}
.newPro ul{ display:inline-block; margin-top:20px; margin-left:16px; }
.newPro ul li{  display:block; float:left; width:184px; height:190px; text-align:center;}
.content{ display:inline-block; margin-top:5px; margin-bottom:30px; text-align:left; line-height:22px; padding:5px; }

	/*news.asp*/

	.newPro ol{ display:block; }
	.newPro ol li{ clear:both; list-style:none; display:block; width:765px; height:25px; list-style:none; text-align:left; line-height:25px;}
	.news_detail_title{ width:765px; height:45px; line-height:20px;}
	.news_detail{ padding:20px 10px; text-align:left; line-height:20px; border-top:1px solid #eeefef; }
	.news_detail_footer{ width:100%; height:25px; line-height:25px; text-align:right; }
	.newsMsg1{ width:605px; text-align:left;  padding-left:10px;border-bottom:1px dashed #eeefef; }
	.newsMsg2{ width:160px;  text-align:left;border-bottom:1px dashed #eeefef; }
	
	/*productShow.asp*/
	.smallpic li{ display:block; width:40px; height:40px; border:1px solid #d9d9d9; float:left; margin-left:3px; cursor:pointer;}


/*  footer part */
#footer{width:100%; height:100%;}
