@charset "gb2312";
/* CSS Document */
/*重置基本样式*/
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd{margin:0; padding:0;}
body{background:#fff url(../images/top.gif) repeat-x top;color:#555;font:12px Tahoma,'';}
li{list-style-type:none;}
h1,h2,h3,h4,h5,h6 {font-size:12px; font-weight:normal;}
input,button,textarea,select{font:100% Tahoma,'';}




/*基本链接样式 */
a{color: #555;text-decoration:none; font-size:12px}/* ?? */
a{outline:none;blr:expression(this.onFocus=this.blur());}/*?*/
a:hover {color: #1c9a00; text-decoration:none;}/* ?? */



.white{color:#fff;}


/* 浮动 */
.left{ float: left;}
.right{ float: right;}
.clear{ clear: both; }
.noBorder{border:none;}


img,li{ vertical-align:top;}


.blank15px{ height:15px; line-height:15px; font-size:0; clear:both}
.blank20px{ height:20px; line-height:20px; font-size:0; clear:both}
.blank10px{ height:10px; line-height:10px; font-size:0; clear:both}

.header{ width:994px; margin:0 auto; background:url(../images/h12.gif) no-repeat left top; height:117px;}
.header span{ width:275px; color:#0588cc; float:right; margin-top:77px;display:block; line-height:18px; height:18px;}
.header span a{color:#0588cc; }.header span a:hover{color:#444; }


.nav{ width:994px; margin:0 auto;}
.nav ul{ width:994px; background:url(../images/nav.gif) no-repeat;height:35px; line-height:35px; overflow:hidden;}
.nav ul li{ float:left; height:35px; line-height:35px;}
.nav ul li a{ float:left; text-align:center; height:35px; line-height:35px; text-indent:-9999px; display:block; background:#fff;}
.nav ul li a:hover{ float:left; text-align:center; height:35px; line-height:35px; text-indent:-9999px; display:block;}

.nav ul li a.home{ width:162px; background:url(../images/nav.gif) no-repeat 0 0px;}
.nav ul li a.home:hover{ width:162px; background:url(../images/navhover.gif) no-repeat 0 0px;}

.nav ul li a.about{ width:110px; background:url(../images/nav.gif) no-repeat -162px 0px;}
.nav ul li a.about:hover{ width:110px; background:url(../images/navhover.gif) no-repeat -162px 0px;}

.nav ul li a.service{ width:110px; background:url(../images/nav.gif) no-repeat -272px 0px;}
.nav ul li a.service:hover{ width:110px; background:url(../images/navhover.gif) no-repeat -272px 0px;}

.nav ul li a.product{ width:110px; background:url(../images/nav.gif) no-repeat -382px 0px;}
.nav ul li a.product:hover{ width:110px; background:url(../images/navhover.gif) no-repeat -382px 0px;}

.nav ul li a.news{ width:100px; background:url(../images/nav.gif) no-repeat -492px 0px;}
.nav ul li a.news:hover{ width:100px; background:url(../images/navhover.gif) no-repeat -492px 0px;}

.nav ul li a.job{ width:110px; background:url(../images/nav.gif) no-repeat -592px 0px;}
.nav ul li a.job:hover{ width:110px; background:url(../images/navhover.gif) no-repeat -592px 0px;}

.nav ul li a.messige{ width:110px; background:url(../images/nav.gif) no-repeat -702px 0px;}
.nav ul li a.messige:hover{ width:110px; background:url(../images/navhover.gif) no-repeat -702px 0px;}

.nav ul li a.contact{ width:182px; background:url(../images/nav.gif) no-repeat -812px 0px;}
.nav ul li a.contact:hover{ width:182px; background:url(../images/navhover.gif) no-repeat -812px 0px;}


.content{ width:994px; margin:0 auto; overflow:hidden;}
.content .banner{ width:665px;}
.content .news{ width:303px; margin-right:10px;}
.news ul{ width:303px; height:241px; padding-top:10px;overflow:hidden;background:url(../images/newsbg.gif) no-repeat left top;}
.news ul li{ line-height:26px; height:26px; background:url(../images/line.gif) repeat-x left bottom;width:303px; display:block; white-space:normal; overflow:hidden; text-indent:2em;}
.news ul li a{ line-height:26px; height:26px; background:url(../images/arrow.gif) 15px center no-repeat;width:303px; display:block; white-space:normal; overflow:hidden; text-indent:2em;}
.news ul li a:hover{ line-height:26px; height:26px; background:url(../images/arrow.gif) 15px center no-repeat;width:303px; display:block; white-space:normal; overflow:hidden; text-indent:2em;}



.content .about{ width:319px; margin-right:10px;}

.about h3{ width:319px}
.aboutcon{ width:319px; height:219px; background: url(../images/aboutbg.gif) no-repeat left top; overflow:hidden;}
.aboutcon b{ width:269px; display:block; margin:10px auto;}
.aboutcon p{ width:279px; padding:0 20px; line-height:20px;}
.aboutcon ul{ width:299px; padding:15px; overflow:hidden;}
.aboutcon ul li{ float:left; width:290px; margin:0 15px 10px 0;}



.content .service{ width:319px; margin-right:10px;}
.service h3{ width:319px}
.servicecon{ width:319px; height:219px; background: url(../images/aboutbg.gif) no-repeat left top; overflow:hidden;}
.servicecon b{ width:269px; display:block; margin:10px auto;}
.servicecon p{ width:150px; float:left; line-height:22px; height:22px;}
.servicecon p a{ background:url(../images/fwxm_icon.gif) 10px center no-repeat; display:block; text-indent:2em;}




.footer{ background:url(../images/copybg.gif) repeat-x bottom; height:110px; clear:both;}
.copy{ width:994px; margin:0 auto;}
.copy p{ line-height:110px; height:110px;}




/*产品展示*/

.inforcon{ width:994px; margin:0 auto; }
.inforLeft{ width:230px; float:left;}


.inforLeft .leftTop{ width:230px; height:7px; background:url(../images/lefttop.gif) center bottom no-repeat; font-size:0;}

.inforLeft .leftCt{ width:230px; }
.leftCt h3{ width:230px;text-align:center; background:url(../images/h3bg.gif) 0 top  no-repeat; line-height:36px; height:36px; font-size:14px; font-weight:bold; color:#fff;}
.leftCt ul{ width:200px; margin-left:15px; background:#f4f0f1; border:1px solid #ddd9da; border-bottom:none; border-top:none;}
.leftCt ul li{ width:200px; display:block; text-indent:2.5em; margin:0 auto; border-bottom:1px solid #e5e3e4; background:url(../images/fwxm_icon.gif) 15px center no-repeat; line-height:30px; cursor:pointer;}
/*.leftCt ul li a{ color:#037cb5; text-decoration:none;}
.leftCt ul li a:hover{ color:#555; text-decoration:none;}*/

.inforLeft .leftBt{ width:188px; padding-left:15px;}


.contactBar{ width:200px; margin-left:15px; background:#f4f0f1; border:1px solid #ddd9da; border-bottom:none; border-top:none;}
.contactBar h3{ width:180px;  display:block; margin:0 auto; background:#549f44; line-height:26px; height:26px; color:#fff; text-align:center; font-weight:bold;}
.contactBar p{ width:170px; overflow:hidden; display:block; margin:0 auto; line-height:20px; background:#d2fcca; padding-left:10px;}
.contactBar p img{ width:70px; text-indent:0; margin:0 5px 5px 5px; background:#d2fcca; float:left;}




.inforRight{ width:742px; float:right; margin-right:17px; overflow:hidden;}
.inforRight h3{ width:742px; height:37px; line-height:36px; text-indent:2em; background: url(../images/inforbarbg.gif) no-repeat;}




.inforRight dl{ width:720px;border-bottom:1px dotted #cfcfcf; overflow:hidden;}

.inforRight dl dt{ float:left; width:120px;}
.inforRight dl dt img{ width:111px; float:left; background:#fff; border:1px solid #cfcfcf;}
.inforRight dl dd{ width:742px; line-height:20px; padding-left:15px; display:block; float:left;}


.inforRight dl dd.bt{ width:742px; line-height:30px; height:30px;}

.inforRight dl dd.more{background:url(../images/morebg.gif) no-repeat 15px center; text-indent:5px; font-size:12px; line-height:21px; height:22px; }
.inforRight dl dd.more a{ color:#FFF;}



.quotes {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
.quotes A {	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none}
.quotes A:hover {	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
.quotes A:active {	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid}
.quotes SPAN.current {	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0}
.quotes SPAN.disabled {	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid}

.shownews{ text-align:center;}
.shownews h1{ border-bottom:1px #CCCCCC solid; height:25px; line-height:25px; text-align:center; width:95%; margin:auto; font-size:14px; font-weight:bold; margin-bottom:10px;}
.shownews .newscontent{ width:95%; text-align:left; line-height:25px; margin:auto;}
.shownews .showimg{ margin-top:30px; margin-bottom:30px;}
.serverlist{magin:0px; padding:0px; width:96%; margin:auto;}
.serverlist  li{ text-align:left; border-bottom:1px dotted #666666; height:25px; line-height:25px; position:relative;}
.serverlist li span{ right:5px; position:absolute;}
.serverlist table{ border-bottom:1px #999999 dotted; margin-bottom:20px; width:100%; }
.serverlist table tr td{ font-size:12px; line-height:22px; padding-left:5px;}
.serverlist .bt{ font-size:14px; font-weight:bold; height:30px;}

.guest{}
.guest table{ margin:auto; width:600px; }
.guest table tr td{ height:30px; line-height:30px; background-color:#FFFFFF; padding-left:5px; }
.guest .red{ color:#FF0000; font-size:12px; }
.g2{ background-color:#999999; width:600px; margin:auto;}

.jobcontent{}
.jobcontent table{ width:700px; border:1px solid #999999; margin:auto; }
.jobcontent table tr td{ border-bottom:1px solid #999999;}
.jobcontent .job_bt{ height:25px; line-height:25px; background-color:#D2EFFD; padding-left:10px; font-size:14px; font-weight:bold; }
.jobcontent table td table{ width:90%; margin:auto; margin-bottom:10px; margin-top:10px; border:0px;}
.jobcontent table td table td{ border:0px; text-align:left;}
.jobcontent .title{ height:25px; line-height:25px; font-size:12px; font-weight:bold; width:70px; }

.more22{width:62px; height:22px; background:url(../images/morebg.gif) no-repeat; text-align:center; font-size:12px; line-height:22px;}
.more22 a{ color:#FFF;}
.more22 a:hover{ color:#FFF; }