/* CSS Document */
*{ margin:0; padding:0}
body{ font:12px/24px "Arial"}
ul{ list-style:none}
a{ text-decoration:none; color:#333}
a:hover{ text-decoration:underline; color:#1f8dbf}
.font { font:12px/24px "Arial"; color:#333; line-height:30px}
.red { font:12px/24px "Arial"; color:#e77918}
#wrapper{ width:1003px; margin:0 auto 0 auto}

#header{}
#logo { background:url(images/index_01.jpg) no-repeat; width:1003px; height:92px}
#search { float:right; width:420px; font:12px/30px "Arial"; text-align:right; clear:both}
#nav { width:975px; height:37px; background:url(images/index_02.jpg); text-align:center; margin:0 16px 0 16px}
#nav ul{ margin:0 auto auto 10px}
#nav ul li{ display:block; float:left}
#nav ul li a{ color:#fff; font: 16px/37px "Arial"; display:block; padding:0 25px 0 25px}
#nav ul li a:hover{ color:#ff0000; text-decoration:none}
#nav ul li td a{ color:#1f8dbf; font: 12px/25px "Arial"; padding:0 10px 0 10px}
#nav ul li td a:hover{ color:#ff0000; text-decoration:none}
#nav ul .on a{ color:#ff0000;}
.navDiv { background:url(images/xian.gif); width:2px; height:37px}
#hui { width:975px; height:25px; background-color:#e2e2e2; margin:0 16px 0 16px}


#pagebody{ float:left; margin:auto; background:url(images/center_bg.gif) repeat; padding-left:15px; padding-right:16px}
#banner { width:970px; height:217px}
#center { float:left;width:950px; padding-left:15px; clear:left; overflow:auto}
#center .title{ background:url(images/index_04.jpg) no-repeat; width:940px; height:55px; border-bottom:1px dashed #bed0d6}
#tex { float:left; font:12px/24px "Arial"; width:940px; clear:both}
#tex p{ margin-top:10px; margin-bottom:10px}
#tex p a{ color:#286a9a;}
#images1 { float:left; background:url(images/b_01.jpg) no-repeat; width:972px; height:150px; margin-bottom:20px}
#images2 { float:left; background:url(images/b_02.jpg) no-repeat; width:972px; height:150px; margin-bottom:20px}
#images3 { float:left; background:url(images/b_03.jpg) no-repeat; width:972px; height:150px; margin-bottom:20px}
#images4 { float:left; background:url(images/b_04.jpg) no-repeat; width:972px; height:150px; margin-bottom:20px}
#images5 { float:left; background:url(images/b_05.jpg) no-repeat; width:972px; height:150px; margin-bottom:20px}
#images6 { float:left; background:url(images/b_06.jpg) no-repeat; width:972px; height:150px; margin-bottom:20px}

#sidebar { float:right; width:200px;}
#right{ float:left; clear:both}
#right dl { background:url(images/index_11.jpg) repeat}
#right dl dt{ background:url(images/index_08.jpg) no-repeat; height:27px; width:170px; font: bold 14px/27px "Tahoma"; color:#fff; padding-left:30px}
#right dl dd{ text-align:left; border-bottom:1px dashed #d5d5d5; margin:0 15px 0 15px; line-height:25px}
#right dl dd p{ text-align:left; width:170px; color:#006178;}
#right dl dd a{ line-height:30px; color:#286a9a; display:block; width:100%}
#right dl dd a:hover{ text-decoration:underline; color:#e87918}
#right_di { background:url(images/index_12.jpg) no-repeat; height:4px; width:200px; padding-bottom:5px}

#mainbody { float:left; width:725px; clear:both}
#mainbar { float:left; background:url(images/index_06.jpg) no-repeat; height:27px; width:534px; padding-left:50px; font: bold 12px/27px "Tahoma"; color:#fff}
#mainbar a{ text-decoration:none; color:#ff0000}
#mainbar a:hover{ text-decoration:underline; color:#1f8dbf}
#mainbg { float:left; background:url(images/index_07.jpg); height:27px; width:725px}
#more{ float:right; line-height:27px; margin-right:5px}
#more a{ color:#36729d}
#more a:hover{ text-decoration:underline; color:#e87918}
#about { float:left; width:690px; margin:20px 0 20px 10px; clear:both}
#equ1 { float:left; background:url(images/index_15.gif) no-repeat; width:249px; height:329px; margin:0 30px 0 30px}
#equ2 { float:left; background:url(images/index_16.gif) no-repeat; width:249px; height:329px; margin:0 30px 0 30px}
#weizi { float:left; width:600px; margin:10px 0 10px 10px; clear:both}

#footer{ float:left; height:65px; width:983px; clear:both}
#kuangdi { background:url(images/center_down.gif); width:993px; height:20px}
#meun { float:left; margin:10px 0 10px 20px; font:12px/24px "Arial"; width:963px; color:#666}
#meun a{ color:#666}
#meun a:hover{ text-decoration:underline; color:#36729d}

/*----------product------------*/
#product { float:left; width:735px; clear:both}
#pro { float:left; width:170px; height:196px; margin:20px 5px 0px 5px ; text-align:center; border-top: 5px solid #286a9a; border-left:1px dashed #286a9a; border-right:1px dashed #286a9a}
.pro { background-color:#005d78; font:12px/26px "Tahoma"; text-align:center; color:#FFFFFF}
.pro A { FONT-WEIGHT: bold; COLOR: #fff}
.pro A:hover { text-decoration:underline}
.pro_name { background-color:#5ea3b7; font:12px/26px "Tahoma"; text-align:center; color:#FFFFFF}
#open_img {  border-top: 5px solid #286a9a; border-left:1px dashed #286a9a; border-right:1px dashed #286a9a; width:430px; clear:both; text-align:center; margin-top:30px; margin-left:150px}
#about1 { float:left; width:725px; clear:both; text-align:center; margin-top:20px}
#open_img1 { border-top: 2px solid #286a9a; width:680px; height:440px; clear:both; text-align:center; margin-top:30px; margin-left:30px}
#open_img2 { border-top: 2px solid #286a9a; width:680px; height:814px; clear:both; text-align:center; margin-top:30px; margin-left:30px}
#open_xp { width:430px; height:50px; clear:both; text-align:center; margin-left:150px}


/*-----news-----------*/
#news { width:660px; padding:20px 20px 0 20px; float:left}
#news ul{ float:left; width:660px;}
#news ul li{ text-align:left; font:12px/18px "Tahoma"; height:28px; margin:10px; border-bottom:1px dashed #ccc;}
#news ul li a{ background:url(images/arrow.gif) no-repeat left 10px; line-height:30px; color:#286a9a; display:block; width:100%; padding-left:15px}
#news ul li a:hover{ background-color:#f0f0f0; color:#296da2}
#news dl{ float:left; width:660px;}
#news dl dt{ border-bottom:1px dashed #ccc; font:bold 14px/24px "Tahoma"; text-align:center; width:660px}
#news dl dd{ text-align:left; font:12px/18px "Tahoma"; height:28px; margin:10px; clear:both}
#news dl dd a{ display:inline;word-break:break-all; color:#333}
#news dl dd a:hover{ background-color:#f0f0f0; color:#ff6100}
.kuang { float:left; width:640px; padding:10px 0 10px 30px; color:#48b9ef}
.kuang a { border:1px solid #eee; padding:2px 5px 2px 5px; font-size: 14px; font-famliy:"Tahoma"; height:14px; color:#296da2}
.kuang a:hover{ color:#fff; background-color:#ff6c16; border:1px solid #296da2}
.kuang .on a{ color:#fff; background-color:#ff6c16; border:1px solid #ff5a00}

/*--------sitemap---------*/
#job { float:left; width:660px; padding:30px 30px 10px 30px}
#job .t{ float:left; margin:2px auto; width:600px; font:bold 12px/18px "Tahoma"; display:block}
#job .ta{ float:left; margin:2px auto; width:300px; font:12px/18px "Tahoma"; background-color:#F6F6F6; display:block}
#job .tj{ margin-left:200px; clear:both; width:350px;}
#job .tj a{ font-weight:bold; color:#296da2}
#job .tj a:hover{ font-weight:bold; background-color:#f0f0f0; color:#ff6100}
#job .bt{ float:right; border:1px solid #ace0eb; background:url(images/index_29.gif); height:25px; font:bold 12px/18px Tahoma;}
.k{ border-bottom:1px dashed #999;}

/*----------contact------------*/
#con_tex { float:left; width:400px}
#con_img { float:right; width:260px; background:url(images/index_13.gif) no-repeat; height:258px}
#con_img1 { float:right; width:260px; background:url(images/index_14.gif) no-repeat; height:196px}

/*----------feedback------------*/
#feedback{ float:left; margin:20px; color:#000; width:680px; clear:both}
.feedback span{margin-left:40px;display:block;line-height:28px}
.bo{ float:left; margin:2px auto; width:300px;}
.bo1{ float:left; margin:2px auto; width:600px;}
label{float: left;padding: 10px 5px 4px 10px; width:80px; text-align:right}
.feedback input{padding: 3px}
@media all and (min-width: 0px) {/* opera 7 styles */
.feedback input { padding:4px}
}
.feedback input,.feedback textarea{border: 1px solid #CCCCCC;margin:5px 0px}
.feedback textarea{padding: 2px; overflow:auto; width:450px}
.feedback .bt{width: 38px;height: 20px;font-size: 12px;border: solid 1px #CCCCCC;background: #FBFBFB;text-align: center;}
.btcenter{text-align: center;clear: left;padding: 4px 0px 0px;}
.feedback .sffocus {
background: #F0F9FB; /*----for IE----*/
border: 1px solid #1D95C7;
}
.feedback textarea:focus, .feedback input:focus {
background: #F0F9FB; /*----for firefox......----*/
border: 1px solid #1D95C7;
}
.feedback .botton{ background:url(images/botton1.gif); height:25px; width:60px; font: 12px/18px "Tahoma"; color:#FFFFFF; margin-right:20px}
@media all and (min-width: 0px) {/* opera 7 styles */
.feedback .botton { padding:0px}
}
.tj{margin-left:200px; clear:both}

/*CSS Digg style pagination*/

DIV.digg {
	PADDING: 10px; MARGIN: 3px; TEXT-ALIGN: center
}
DIV.digg A {
	BORDER-RIGHT: #aaaadd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaaadd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #aaaadd 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #aaaadd 1px solid; TEXT-DECORATION: none
}
DIV.digg A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.digg SPAN.current {
	BORDER-RIGHT: #000099 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000099 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000099 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000099 1px solid; BACKGROUND-COLOR: #000099
}
DIV.digg SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}