
/** body **/

body{margin:0; font-size:12px;  color:#48453D; background:#fff;}

ul,li { padding: 0px; margin: 0px; list-style-type:none;}

dl,dt,dd { padding: 0px; margin: 0px; list-style-type:none;}

p{ padding: 0px; margin: 0px; list-style-type:none;}

form{ padding:0; margin:0;}

a:link{ color:#333;text-decoration: none;}

a:visited{ color:#333;text-decoration: none;}

a:hover{color:#1B4EA1;text-decoration: none;}



/** head **/

#head{ width:1000px; height:160px; margin:0 auto; clear:both;}

#logo{ padding:20px 0 24px 40px; height:46px; width:960px;}

#nav{ height:70px; width:1000px;}

.nav_u{ width:964px; height:34px; background:#1E51AC; padding-top:2px; padding-left:36px;}

.nav_u div{ width:926px; height:34px; background:url(images/nav_back.gif) no-repeat; padding-left:2px;}

.nav_u dl{ float:left;}

.nav_u dd{ float:left; width:74px; text-align:left; padding-left:15px; height:34px; line-height:34px;}

.nav_u a:link{ color:#fff; font-size:14px; font-weight:bold;background:url(images/nav_line.gif) right no-repeat; display:block;}

.nav_u a:visited{ color:#fff; font-size:14px; font-weight:bold;background:url(images/nav_line.gif) right no-repeat; display:block;}

.nav_u a:hover{ color:#fff; font-size:14px; font-weight:bold;background:url(images/nav_line.gif) right no-repeat; display:block;}

.on{ background:url(images/on.gif) center bottom no-repeat;}


.nav_d{ width:930px; padding-top:8px; height:26px; background:url(images/nav_bottom.jpg); color:#1B4EA1; padding-left:70px;}

.nav_d a:link{ color:#1B4EA1;}

.nav_d a:visited{ color:#1B4EA1;}

.nav_d a:hover{ color:#1B4EA1;}




/** main **/

#page{ width:1000px; margin:0 auto;}

#main{ width:1000px; float:left; background:url(images/body_back.jpg) top repeat-x; padding-top:18px;}

/** sidebar **/

#s_left{ width:198px; float:left; padding-left:10px;}

#s_right{ padding-left:13px; width:250px; float:left;}

/** center **/ 

#center{ width:506px; padding-left:13px; float:left;}

.ad{ height:267px; padding-bottom:20px;}

.ad_u{ height:37px; width:506px;}

.ad_b{ height:230px; width:506px; background:url(images/b_back.gif); text-align:center;}

.ad_b img{ width:500px; height:224px; margin-top:3px;}

.ad_left{ width:310px; height:25px; background:url(images/ad_left.gif); line-height:25px; padding-left:15px; float:left;}

.ad_right{ float:right; padding-top:6px;}




.zl{ width:506px; height:205px;}

.zl_t{ height:27px; background:url(images/d.gif) bottom repeat-x; width:500px; padding-left:6px; }

.zl_t div{ width:84px; height:18px; text-align:center; float:left;margin-right:3px;}

.zl_t div a:link{ color:#666; width:84px; height:18px; background:url(images/zl_off.gif); display:block;  padding-top:9px;}

.zl_t div a:visited{color:#666; width:84px; height:18px; background:url(images/zl_off.gif); display:block; padding-top:9px;}

.zl_t div a:hover{color:#000; width:84px; height:18px; background:url(images/zl_on.gif); display:block; padding-top:9px;}

.text{ padding:20px 15px 0 15px; line-height:200%;}

.text strong{ color:#1660AE; font-size:14px;}




.news_text { padding-top:8px; padding-bottom:10px;}

.news_text dd{ height:23px; border-bottom:1px dashed #E1E1E1; line-height:23px; padding-left:10px;}

.news_text a:link{ color:#464646;}

.news_text a:visited{ color:#464646;}

.news_text a:hover{ color:#1B4EA1;}

.rc{ width:250px; height:190px; background:url(images/career.gif);}

.box_a{ padding:50px 0 0 10px;}

.box_a dl{ padding-left:25px; background:url(images/sd.gif) 15px 6px no-repeat; line-height:18px; padding-bottom:5px;}

.box_a dt{ height:18px;}

.box_a dd{ height:18px;}


/** footer **/

#footer{ height:77px; background:url(images/footer_back.gif) bottom repeat-x; clear:both; width:1000px; margin:0 auto; line-height:180%; padding-top:17px;}

#footer div{ float:left; color:#fff;}


/** news **/

#box{ padding-left:13px; width:710px; float:left;}

.about{ width:710px; float:left;}

.about_t{ height:27px; background:url(images/d.gif) bottom repeat-x; width:704px; padding-left:6px; }

.about_t div{ width:84px; height:18px; text-align:center; float:left;margin-right:3px;}

.about_t div a:link{ color:#666; width:84px; height:18px; background:url(images/zl_off.gif); display:block;  padding-top:9px;}

.about_t div a:visited{color:#666; width:84px; height:18px; background:url(images/zl_off.gif); display:block; padding-top:9px;}

.about_t div a:hover{color:#000; width:84px; height:18px; background:url(images/zl_on.gif); display:block; padding-top:9px;}

.text{ padding:20px 15px 0 15px; line-height:200%;}

.text strong{ color:#1660AE; font-size:14px;}





.box_d{ width:700px; float:left; padding-left:10px; padding-bottom:20px;}

.wh{line-height:25px; font-size:14px; padding-top:10px;}

.wh dl{ margin-bottom:5px; height:30px; font-size:12px; border-bottom:1px dashed #ccc;} 

.wh dt{ float:left; width:550px; position:absolute;}

.wh a:link{ color:#666;}

.wh a:visited{ color:#666;}

.wh a:hover{ color:#666;}  

.wh dd{ float:right; width:60px; padding-right:10px; color:#ccc;}

.page{ text-align:center; height:30px; line-height:30px;}

.news_title{ height:30px; border-bottom:1px solid #dedede; line-height:30px; color:#000;}



/** news_show **/

.box_k{ width:700px; padding-bottom:20px; }

.nr_t{ height:40px; border-bottom:1px solid #dedede; margin:25px 20px 5px 20px; text-align:center; line-height:40px; font-size:18px; color:#222; font-weight:bold;}

.nr_ly{ height:30px; line-height:30px; text-align:center;}

.nr_img{ text-align:center; padding:20px 0;}

.nr_d_n{ line-height:22px; text-align:left; padding:0 20px;}

.nr_d_a{ padding:20px; text-align:center;}
.nnn{color:#000;background:url(images/zl_on.gif);}

.about_t00{ height:27px; background:url(images/d.gif) bottom repeat-x; width:704px; padding-left:6px; }

.about_t00 div{ width:84px; height:18px; text-align:center; float:left;margin-right:3px;color:#000; width:84px; height:18px; background:url(images/zl_on.gif); display:block; padding-top:9px;}

<!----------------------------以下为图片轮换所用到的样式----------------------------->
.texttitle {COLOR: #C10001}
.texttitle A:link,.texttitle A:visited{COLOR: #C10001; TEXT-DECORATION: none}
.texttitle A:hover,.texttitle A:active{COLOR: #C10001; TEXT-DECORATION: underline}

#imgTitle {
	FILTER: ALPHA(opacity=70); LEFT: 0px; OVERFLOW: hidden; POSITION: relative; TEXT-ALIGN: left
}
#imgTitle_up {
	LEFT: 0px; HEIGHT: 1px; TEXT-ALIGN: left
}
#imgTitle_down {
	LEFT: 0px; TEXT-ALIGN: right
}
.imgClass {padding:1px 0 0 0}

#txtFrom {
	VERTICAL-ALIGN: middle; PADDING-TOP: 2px; TEXT-ALIGN: center
}
.button {PADDING:2px 7px; BACKGROUND: #7b7b63; margin:0px; FONT: bold 9px sans-serif; BORDER-LEFT: #fff 1px solid; TEXT-DECORATION: none
}
A.button,A.button:link,A.button:visited {
	COLOR: #fff; FONT-FAMILY: sans-serif; BACKGROUND: #000; TEXT-DECORATION: none
}
A.button:hover {
	BACKGROUND: #fff; COLOR: #fff; FONT-FAMILY: sans-serif; TEXT-DECORATION: none
}
.buttonDiv {
	BACKGROUND: #000; FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 21px; HEIGHT: 1px; TEXT-ALIGN: center
}
.trans {
	FILTER: progid:DXImageTransform.Microsoft.Alpha(startX=0, startY=0, finishX=100, finishY=100,style=1,opacity=0,finishOpacity=40); WIDTH: 90px; BACKGROUND-COLOR: #000
}
<!----------------------------以上为图片轮换所用到的样式----------------------------->
/** products **/



