body{ margin:0; padding:0; color:#333; font-family:Arial, Helvetica, sans-serif; background:url(images/bg.png) repeat-x; font-size:12px; line-height:22px; }
*{ font-size:12px; margin:0; padding:0;font-family:Arial, Helvetica, sans-serif;}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; }
.clearfix { *zoom:1; font-size:0px;}
a{ color:#333; text-decoration:none}
a:hover{ color:#f00} 
a img{ border:none;}
ul li{ list-style:none;}

.wrapper{width:930px; margin:auto;}

/*头部样式*/
#header{ height:70px; padding-top:20px;}
#header h1{ float:left;}
#header .toplink{ position:absolute; top:10px; right:60px;color:#fff}
#header .toplink a{color:#fff}
/*头部样式*/

/*导航样式*/
#nav{ float:right; margin-top:8px;}
/*导航样式*/

/*大图样式*/
#banner img{ border:solid 2px #e4e4e4}
/*大图样式*/

/*内容样式*/
#content{ margin-top:10px;}
#content .left{ float:left; width:197px;}
#content .middle{ float:left; width:485px; display:inline; margin-left:3px; margin-right:6px;}
#content .right{ float:left; width:237px;}
#content .left #login{ width:182px; height:190px; background:url(images/login_bg.jpg) no-repeat; padding:14px 0 0 15px}
#content .left #login h2{ font-weight:bold; color:#FFFFFF;}
#content .left #login ul{ margin-top:20px;}
#content .left #login ul li{ width:160px; margin-left:0px; color:#FFFFFF; font-weight:bold; height:30px;}

#content .left #applications{ width:182px; height:317px; background:#dfdfdd; margin-top:8px; padding-left:7px; padding-top:8px;}
#content .left #applications img{ display:block;}
#content .left #applications .inner{ width:166px;*width:174px; padding-top:10px; position:relative;background:#000000; padding-left:9px; *padding-left:1px; text-align:center}
#content .left #applications .inner a{ color:#FFFFFF; } 
#content .left #applications .inner a:hover{ text-decoration:underline}
#content .left #applications .inner .imgbg{ position:absolute; top:10px; left:9px;}


/*首页新闻内容样式*/
#content .news{ float:left; display:inline; width:237px;  height:215px;}
#content .news h2{ color:#fff; font-weight:bold; padding-left:20px; width:217px; letter-spacing:0.1em; height:36px; background:url(images/title_bg.jpg) no-repeat; position:relative}
#content .news h2 span{margin-top:5px; position:absolute; top:-4px; left:140px;}

#content .news .inner{ width:221px; margin:auto; line-height:18px; padding-left:12px; padding-top:8px; background:url(images/222_32.jpg) repeat-x top; float:left}
#content .news .inner ul li{ width:221px;height:25px; line-height:20px; background:url(images/icon_nav1.gif) no-repeat 5px 6px;}
#content .news .inner ul li span{ float:right;}
/*首页新闻内容样式*/


/*首页关于我们内容样式*/
#content .about{ float:left; display:inline; width:237px; margin-right:8px;  height:215px;}
#content .about h2{ color:#fff; font-weight:bold; padding-left:20px; width:217px; letter-spacing:0.1em; height:36px; background:url(images/title_bg.jpg) no-repeat; position:relative}
#content .about h2 span{margin-top:5px; position:absolute; top:-4px; left:140px;}

#content .about .inner{ width:213px; text-indent:2em; margin:auto; line-height:19px; padding-right:8px; padding-left:12px; background:url(images/222_32.jpg) repeat-x top; float:left}
#content .about .inner a{ color:#0064f9}
#content .about .inner a:hover{ text-decoration:underline}
/*首页关于我们内容样式*/

.banner02{ width:473px; height:82px; margin-top:10px; border:solid 5px #e5e6e1; margin-bottom:10px;}

/*首页联系我们内容样式*/
#content #contact,#content #services{  width:237px}
#content #contact img,#content #services img{ display:block}
#content #contact h2,#content #services h2{ color:#FFFFFF; font-weight:bold; background:url(images/right_titlebg.jpg) no-repeat; padding-left:20px; width:217px; height:25px; line-height:25px;}
#content #contact h2 span,#content #services h2 span{ float:right;}
#content #contact .inner,#content #services .inner{ width:212px; margin:auto; background:#dfdfdd; padding-left:15px; padding-right:10px; line-height:19px; height:98px;}

#content #services{ margin-top:15px;}
#content #services .inner{ height:318px; padding-top:8px;}
#content #services .inner img{ border:solid 3px #fff; margin-bottom:12px}

/*首页联系我们内容样式*/

/*首页产品展示内容样式*/
#content #products{ width:1003px; height:180px;}
#content #products h2{ color:#003300; font-weight:bold; margin-left:10px; font-size:14px; margin-bottom:8px; padding-bottom:8px; border-bottom:dashed 1px #aaa}
#content #products h2 span{ float:right;margin-top:5px;}

#content #products .inner{ width:980px; margin:auto; margin-top:20px;}
#content #products .inner ul li{ width:208px; float:left; margin-right:12px; text-align: center; display:inline;}
#content #products .inner ul li img{ border:solid 1px #CCCCCC; margin-bottom:3px;}
#content #products .inner ul li a{ color:#666}
#content #products .inner ul li a:hover{ color:#f00}

/*首页产品展示内容样式*/
/*内容样式*/
#friendlink{ margin-top:10px;*margin-top:0;}
#friendlink .left{ float:left; background:url(images/qlink_left.jpg) no-repeat; width:196px; height:47px; line-height:47px; text-align: center; color:#FFFFFF}
#friendlink .right{ float:left; background:url(images/qlink_right02.jpg) repeat-x; width:734px; line-height:47px; color:#FFFFFF}
#friendlink .right a{ color:#FFFFFF}

#footer{height:45px; line-height:45px;  text-align:center;  background:url(images/bottom_bg.png) repeat-x bottom; color:#333}
#footer .left{ float:left; width:620px}
#footer .right{ float:right; width:260px;}
#footer a{ color:#333}



/* 文章内容 */
.article { height:auto;  padding:10px;  line-height:24px; word-wrap:break-word; word-break:break-all; text-align:left;   min-height:400px; _height:400px; }
.news_list{ height:auto; }
.news_list ul li { border-bottom:dashed 1px #aaa; line-height:28px; height:28px; background:url(images/news_ico.jpg) no-repeat 5px; padding-left:20px;  text-align:left; }
.news_list ul{ list-style-type:none; padding:10px;}
.news_list ul li span { float:right; color:#aaa; margin-right:10px; }
.pro2_list{ padding:20px 0px 20px 0px; overflow:hidden; color:#474747; }
.pro2_list ul li {  float:left; width:165px; height:170px; text-align:center; margin-left:7px; display:inline;}
.pro2_list ul li img { margin-bottom:5px; border:solid 1px #CCC;}
.pro2_list ul li p { text-align:center; margin:0; padding:0; }
.pager { text-align:center; padding:10px; }

/*内页*/
.inleft{width:146px; min-height:317px; _height:317px; height:auto; background:url(images/about_bg.jpg) #1AB1E8 top no-repeat; margin-top:8px; padding-left:7px; padding-top:8px;}
.inleft ul{ padding:60px 20px 20px 5px;}
.inleft ul li{ line-height:24px;}
.nav1{ background:url(images/list_bg.jpg) no-repeat; padding-left:40px;}
.nav2{ padding-left:50px;}
.inleft ul li a{ color:#004878; text-decoration:none; font-weight:bolder;}
.inleft ul li a:hover{ color:#CF0; text-decoration:underline;}
.inright{ width:725px; height:auto; min-height:450px; _height:450px; float:right;}
.positions{ width:700px; height:50px; border-bottom:solid 1px #999; text-align:left; line-height:50px; margin:0 auto;}


.channel {height:44px;line-height:44px;}
.channel a span {float:left;height:44px;line-height:44px;cursor:hand;}
/*---------------------------------*/
.channel .on0 a span {background:url(images/menu.jpg) -0px -44px;width:121px;}
.channel .off0 a span {width:121px;}
.channel .off0 a:link span,.channel .off0 a:visited span {background:url(images/menu.jpg) -0px 0;}
.channel .off0 a:hover span {background:url(images/menu.jpg) -0px -44px;}
/*---------------------------------*/
.channel .on1 a span {background:url(images/menu.jpg) -121px -44px;width:99px;}
.channel .off1 a span {width:99px;}
.channel .off1 a:link span,.channel .off1 a:visited span {background:url(images/menu.jpg) -121px 0;}
.channel .off1 a:hover span {background:url(images/menu.jpg) -121px -44px;}
/*---------------------------------*/
.channel .on2 a span {background:url(images/menu.jpg) -220px -44px;width:80px;}
.channel .off2 a span {width:80px;}
.channel .off2 a:link span,.channel .off2 a:visited span {background:url(images/menu.jpg) -220px 0;}
.channel .off2 a:hover span {background:url(images/menu.jpg) -220px -44px;}
/*---------------------------------*/
.channel .on3 a span {background:url(images/menu.jpg) -300px -44px;width:77px;}
.channel .off3 a span {width:77px;}
.channel .off3 a:link span,.channel .off3 a:visited span {background:url(images/menu.jpg) -300px 0;}
.channel .off3 a:hover span {background:url(images/menu.jpg) -300px -44px;}
/*---------------------------------*/
.channel .on4 a span {background:url(images/menu.jpg) -377px -44px;width:75px;}
.channel .off4 a span {width:75px;}
.channel .off4 a:link span,.channel .off4 a:visited span {background:url(images/menu.jpg) -377px 0;}
.channel .off4 a:hover span {background:url(images/menu.jpg) -377px -44px;}
/*---------------------------------*/
.channel .on5 a span {background:url(images/menu.jpg) -452px -44px;width:86px;}
.channel .off5 a span {width:86px;}
.channel .off5 a:link span,.channel .off5 a:visited span {background:url(images/menu.jpg) -452px 0;}
.channel .off5 a:hover span {background:url(images/menu.jpg) -452px -44px;}
/*---------------------------------*/
.channel .on6 a span {background:url(images/menu.jpg) -538px -44px;width:76px;}
.channel .off6 a span {width:76px;}
.channel .off6 a:link span,.channel .off6 a:visited span {background:url(images/menu.jpg) -538px 0;}
.channel .off6 a:hover span {background:url(images/menu.jpg) -538px -44px;}
/*---------------------------------*/
.channel .on7 a span {background:url(images/menu.jpg) -614px -44px;width:94px;}
.channel .off7 a span {width:94px;}
.channel .off7 a:link span,.channel .off7 a:visited span {background:url(images/menu.jpg) -614px 0;}
.channel .off7 a:hover span {background:url(images/menu.jpg) -614px -44px;}
/*---------------------------------*/
.channel .on0 {position:relative;}
.channel .on1 {position:relative;}
.channel .on2 {position:relative;}
.channel .on3 {position:relative;}
.channel .on4 {position:relative;}
.channel .on5 {position:relative;}
.channel .on6 {position:relative;}
.channel .on7 {position:relative;}
.channel .off0 .nlist {top:-500px;}
.channel .off1 .nlist {top:-500px;}
.channel .off2 .nlist {top:-500px;}
.channel .off3 .nlist {top:-500px;}
.channel .off4 .nlist {top:-500px;}
.channel .off5 .nlist {top:-500px;}
.channel .off6 .nlist {top:-500px;}
.channel .off7 .nlist {top:-500px;}


.channel .nlist {
	color:#333;
	*top:0px;
	_top:44px;
	left:0;
	margin-top:44px;
	_margin-top:0px;
	padding:5px 10px;
	border:1px solid #efefef;
    background-color:#fff;
	position:absolute;
	filter:Alpha(opacity=80);-moz-opacity:0.8;
	 text-align:left; line-height:18px; height:14px;
}
.channel .nlist a { line-height:18px; }
.channel .nlist a:link,.channel .nlist a:visited {color:#333;font-size:12px;font-weight:normal; line-height:18px;}
.channel .nlist a:hover {color:#f00;text-decoration:underline;}