/* -------------资讯频道样式--------------- */
#wrap{ 
   margin: 0 auto; width: 952px; background: #fff
}
#wrap #infoLeft{ 
   width: 640px; margin: 0 10px 0 0; float: left
}
#infoLeft #info_coleL{ 
   float: left; width: 260px
}
#slidesImage{ 
   clear:both
}

#infoS{ 
   border: 1px solid #6e83a8; background: #f9f9f9; padding: 5px 0 8px 9px
}
.infoSearch{
   border: #999b9a 1px solid; padding: 4px 3px 0 4px; width: 210px; height: 18px; color: #444
}
.infobtn{
   font-size: 13px; width: 74px; height: 24px; background: url(../img/info_btn.gif) no-repeat; border: 0; color: #6b3209; font-weight: bold; padding: 3px 0 0 0
}

#pageNum{ 
   padding: 5px 0 5px 0; text-align: center
}
#pageNum a{ 
   margin:0 0 0 2px; font-size:13px
}
#gnmb{
   border-top: 1px solid #ccc; background: #ffffed; padding: 6px; text-align: right
}

#infoNav{ 
   border: 1px solid #dadada; padding: 4px 8px; font-size: 13px; height: 24px; clear: both
}
#infoNav li{ 
   float: left; line-height: 18px; padding: 0 5px 0 0
}
#infoNav li a{ 
   float: left; display: block; padding: 4px 4px 2px 4px
}
#infoNav li a:hover{
   color: #000
}
#infoNav .current a{
   background: #5f6dad; color: #FFF; background: url(../img/infoNav_cur.gif); border: 1px solid #4a5696; font-weight: bold; padding: 3px 4px 1px 4px
}
#infoNav .current a:hover{
   color: #FFF
}

.infoCole1{
   color: #2d509f
}
.infoCole1 .title{ 
   background: url(../img/info_tbg.gif); height: 27px
}
.infoCole1 .title h1{ 
   font-size: 14px; float: left; padding: 7px 0 0 6px
}
.infoCole1 .title h1 a{ 
   color: #2d509f
}
.infoCole1 .title h1 a:hover{ 
   color: #ff7000
}
.infoCole1 .title .info_tl{ 
   float: left; background: url(../img/info_tl.gif) no-repeat; width: 5px; height: 26px
}
.infoCole1 .title .info_tr{ 
   float: right; background: url(../img/info_tr.gif) no-repeat; width: 5px; height: 26px
}
.infoCole1 ul{ 
   padding: 10px 0 10px 6px; line-height: 18px; clear: both; border: 1px solid #7590d9; border-top: 0
}
.infoCole1 li{ 
   padding: 0 0 0 6px; width: 240px; height: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}

#jbft{
   border-top: 0; clear: both; height: 80px; padding: 8px 0 10px 2px
}
#jbft #pic{
   float: left
}
#jbft #pic img{ 
   border: 1px solid #ccc
}
#jbft #content{ 
   float: left; padding: 0 0 0 4px; width: 168px
}
#jbft #content h3{
   font-size: 12px; text-decoration: underline
}
#jbft #content p{
   color: #333; padding: 6px 0 0 0; line-height: 16px
}

#infoLeft #info_coleR{ 
   float: left; width: 365px; margin: 0 0 0 5px
}
.latestNews{ 
   padding: 0 0 0 4px; color: #2d509f
}
.latestNews ul{ 
   margin:0
}
.latestNews li{ 
   font-size: 14px; line-height: 22px; width: 365px; height: 19px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}

.infoCole2{
   color: #2d509f; width: 365px
}
.infoCole2 .title{ 
   background: url(../img/info_tbg.gif); height: 27px; border-bottom: 1px solid #ced8f1
}
.infoCole2 .title h1{ 
   font-size: 14px; float: left; padding: 7px 0 0 2px
}
.infoCole2 .title span{ 
   float: left; padding: 6px 0 0 250px
}
.infoCole2 .title .info_tl{ 
   float: left; background: url(../img/info_tl.gif) no-repeat; width: 5px; height: 26px
}
.infoCole2 .title .info_tr{ 
   float: right; background: url(../img/info_tr.gif) no-repeat; width: 5px; height: 26px
}
.infoCole2 ul{ 
   padding: 4px 0 1px 4px; line-height: 22px
}
.infoCole2 li{ 
   padding: 0 0 0 6px; width: 365px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}

#productNews{
   color: #2d509f; float: left; width: 365px
}
#productNews #title{ 
   background: url(../img/info_tbg.gif); height:27px; border-bottom: 1px solid #ced8f1
}
#productNews #title h1{ 
   font-size: 14px; float: left; padding: 7px 0 0 2px
}
#productNews #title span{ 
   float: left; padding: 6px 0 0 250px
}
#productNews #title #info_tl{ 
   float: left; background: url(../img/info_tl.gif) no-repeat; width: 5px; height: 26px
}
#productNews #title #info_tr{ 
   float: right; background: url(../img/info_tr.gif) no-repeat; width: 5px; height: 26px
}
#productNews ul{ 
   padding: 4px 0 1px 4px; line-height: 22px
}
#productNews #pNImg{ 
   float: left; width: 112px; padding: 10px 0 0 4px
}
#productNews #pNImg img{ 
   border: 1px solid #ccc
}
#productNews #pNImg span{ 
   display: block; text-align: center
}
#productNews #pNList{
   float: left; width: 240px
}
#productNews #pNList li{ 
   padding: 0 0 0 2px; width: 240px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}

#qtinfo{ 
   clear: both
}

.hzinfo{
   color: #2d509f; width: 100%
}
.hzinfo .title{ 
   background: url(../img/info_tbg.gif); height: 27px
}
.hzinfo .title h1{ 
   font-size: 14px; float: left; padding: 7px 0 0 6px
}
.hzinfo .title span{ 
   float: left; padding: 6px 0 0 250px
}
.hzinfo .title .info_tl{ 
   float: left; background: url(../img/info_tl.gif) no-repeat; width: 5px; height: 26px
}
.hzinfo .title .info_tr{ 
   float: right; background: url(../img/info_tr.gif) no-repeat; width: 5px; height: 26px
}

.hzNews{
   border: 1px solid #7590d9; border-top: 0; clear: both; height: 204px
}
.hzNews h1{
   font-size: 12px; border-bottom: 1px solid #ccc; font-weight: normal
}
.hzNews h1 a{
   color:#000000
}
.hzNews ul{
   padding: 4px 0 0 0; line-height: 22px; font-size: 12px
}
.hzNews .motice{ 
   font-size: 12px; float: left; width: 280px; margin: 6px 0 0 8px; border-left: 1px solid #ccc; padding: 0 0 0 12px
}
.hzNews .motice li{ 
   padding: 0 0 0 2px; width: 280px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}
.hzNews .news{
   font-size: 12px; float: left; width: 303px; margin: 6px 4px 0 5px
}
.hzNews .news li{ 
   padding: 0 0 0 2px; width: 300px; height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}
.hzNews .news .hzImg{ 
   clear: both; padding: 6px 0 0 0
}
.hzNews .news .hzImg img{ 
   border: 1px solid #ccc; padding: 2px; margin: 0 7px 0 0
}

.bbs{
   color: #2d509f; clear: both
}
.bbs .title{ 
   background: url(../img/lc_titlbg.gif); height: 27px
}
.bbs .title h1{ 
   font-size: 14px; float: left; padding: 7px 0 0 6px
}
.bbs .title .bbs_tl{ 
   float:left; background: url(../img/lc_titll.gif) no-repeat; width: 5px; height: 26px
}
.bbs .title .bbs_tr{ 
   float: right; background: url(../img/lc_titlr.gif) no-repeat; width: 5px; height: 26px
}
.bbs ul{ 
   padding: 10px 0 10px 10px; line-height: 20px; border: 1px solid #ffb41a; border-top: 0; font-size: 12px
}
.bbs li{ 
   width: 280px; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}
.bbs li span{ 
   padding: 0 0 0 8px; color: #000; text-decoration: underline; font-size: 12px
}




.bbs9828{
   color: #2d509f; clear: both
}
.bbs9828 .title{ 
   background: url(../img/lc_titlbg.gif); height: 27px
}
.bbs9828 .title h1{ 
   font-size: 14px; float: left; padding: 7px 0 0 6px
}
.bbs9828 .title .bbs_tl{ 
   float:left; background: url(../img/lc_titll.gif) no-repeat; width: 5px; height: 26px
}
.bbs9828 .title .bbs_tr{ 
   float: right; background: url(../img/lc_titlr.gif) no-repeat; width: 5px; height: 26px
}
.bbs9828 ul{ 
   padding: 10px 0 10px 10px; line-height: 20px; border-top: 0; font-size: 12px
}
.bbs9828 li{ 
   width: 180px; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}
.bbs9828 li span{ 
   padding: 0 0 0 8px; color: #000; text-decoration: underline; font-size: 12px
}






#topNews{ 
   border: 1px solid #c2cfef; background: #f2f5fd; padding: 4px; clear: both; height: 80px
}
#topNews h1{ 
   font-size: 28px; font-family: "黑体"; clear: both; height: 30px; text-align: center
}
#topNews ul{ 
   width: 100%
}
#topNews li{ 
   float: left; width: 200px; margin: 0 0 0 5px; line-height: 19px
}
#topNews li a{
   float:left
}

#dynamic{ 
   border: 1px solid #cad0df; background: #ffffdb url(../img/gb.gif) no-repeat; padding: 4px 0 6px 20px; margin: 4px 0
}

#wrap #infoRight{
   width: 300px;	float: right; height: 100%
}

#htopic{
   border: 1px solid #c988ba; padding: 0 0 10px 0; height: 120px
}
#htopic #title{
   background: #ecdae6; height: 24px; border-top: 4px solid #c988ba
}
#htopic #title h1{
   font-size: 14px; padding: 4px 0 0 10px; color: #2d509f
}
#htopic #listBox{ 
   clear: both; padding: 6px 0 0 0
}
#htopic #listBox #pic{ 
   float: left; padding: 0 0 0 10px; width: 115px
}
#htopic #listBox #pic img{ 
   border: 1px solid #ccc
}
#htopic #listBox #topicList{ 
   float: left; padding: 0 0 0 10px
}
#htopic #listBox #topicList ul{ 
   line-height: 16px
}

.infoTR{
   background: #ecdae6; height: 24px; border-bottom: 1px solid #ccc; padding: 3px 0 0 4px
}
.infoTR h1{
   font-size: 14px; border: 1px solid #c988ba; border-bottom: 0; background:#fff; padding: 6px 6px 3px 6px; color: #2d509f; float: left; position: relative; top: 1px
}
.infoTR h1 a{ 
   color: #333
}

.topic{
   border: 1px solid #c988ba; width: 298px
}
.topic ul{ 
   padding: 12px 0 14px 10px; color: #2d509f
}
.topic li{ 
   width: 280px; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}

.infoUp{
   border: 1px solid #c988ba; width: 298px
}
.infoUp ul{
   padding: 0px 10px; background: url(../img/nimLine.png) no-repeat bottom left; font-size: 12px; line-height: 25px; background: url(../img/infoNum.png) 8px 7px no-repeat; height: 255px
}
.infoUp li a{ 
   padding: 0 0 0 18px; float: left; width: 255px; height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}
.infoUp span{ 
   color: #666666; float: left; width: 35px; text-align: right
}
.nobg{ 
   background: none
}

.stieNew{
   border: 1px solid #c988ba; width: 298px; height: 200px
}
.stieNew .list{ 
   float: left; padding: 10px 0 0 10px; line-height: 20px
} 
.stieNew .list li{ 
   width: 280px; height: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis
}

/*-------------------技术文章-------------------*/
#Recommended{
   clear: both
}
#Recommended #title{ 
   clear: both; border-top: 1px solid #3366cc; background: #e5ecf9; height: 20px
}
#Recommended #title h1{ 
   float: left; font-size: 12px; color: #003399; padding: 4px 0 0 6px; font-weight: normal
}
#Recommended #title span{ 
   float: right; padding: 5px 4px 0 0
}
#Recommended ul{ 
   padding: 4px 0 1px 4px; line-height: 22px
}

.article{
   color: #2d509f; width: 100%
}
.article .title{ 
   background: url(../img/info_tbg.gif); height: 27px; border-bottom: 1px solid #ced8f1
}
.article .title h1{ 
   font-size: 14px; float: left; padding: 7px 0 0 2px
}
.article .title span{ 
   float: left; padding: 6px 0 0 250px
}
.article .title .info_tl{ 
   float: left; background: url(../img/info_tl.gif) no-repeat; width: 5px; height: 26px
}
.article .title .info_tr{ 
   float: right; background: url(../img/info_tr.gif) no-repeat; width: 5px; height: 26px
}
.article ul{ 
   padding: 4px 0 1px 4px; line-height: 22px
}
.article .artBox{
   clear: both
}
.article .artBox .apic{ 
   float: left; margin: 20px 0 0 0
}
.article .artBox .apic img{ 
   border: 1px solid #aaa
}
.article .artBox .aList{ 
   float: left
}

/*-------------------技术文章-------------------*/
#jobMain{ 
   float: left; width: 750px
}
#jobMain #mainLeft{ 
   float: left; width: 160px
}
#jobMain #mainRight{ 
   float: left; width: 590px; border-top:#CCCCCC 1px dotted;
}

#jobRight{ 
   float: right; width: 190px; border: 1px solid #ccc; border-top: 0
}
#jobRight ul{ 
   padding: 8px 0 10px 4px; line-height: 21px; color: #2d509f
}

.jhead{
   clear: both; padding: 0 0 2px 0; height: auto; margin: 10px 0 0 0
}
.jhead h1{ 
   float: left; font-size: 16px; width: 200px; padding-left:2px; padding-bottom:3px; height:20px;
}
.jhead h1 a:link{
   color: #000
}
.jhead h1 a:visited{
   color: #000
}
.jhead h1 a:hover{
   color: #006699
}
.jhead h1 a:active{
   color: #0033CC
}

.jhead h1 span{ 
   color: #444; font-weight: normal; font-size: 12px
}
.jhead .more{ 
   float: right; background: url(../img/lx_icon.gif) no-repeat left center; padding: 2px 0 0 8px; width: 40px
}

.zlistHead{ 
   clear: both; border: 1px solid #ccc; height: 30px; background: #e5ecf9
}
.zlistHead li{ 
   float: left; border-right: 1px solid #ccc; padding: 8px 4px 8px 8px; font-weight: bold; color: #444
}
.ylistHead{ 
   clear: both; border: 1px solid #ccc; height: 30px; background: #ffcc66
}
.ylistHead li{ 
   float: left; border-right: 1px solid #ccc; padding: 8px 4px 8px 8px; font-weight: bold; color: #444
}

.zplist{ 
   border-right: 1px solid #ccc
}
.zplist td{ 
   border-bottom: 1px solid #ccc; padding: 8px; border-left: 1px solid #ccc
}

.jobR_title{ 
   background: url(../img/plbg.gif) no-repeat; padding: 8px 0 8px 0
}
.jobR_title h1{ 
   font-size: 14px; border-bottom: 1px solid #ccc; padding: 1px 0 1px 22px; background: url(../img/pticon.gif) no-repeat 6px 4px
}
#jobSearch{ 
   clear: both; margin: 0 2px 10px 0; border-bottom:1px solid #CCCCCC; padding-bottom:10px; background-color:#feedc2
}
#jobSearch h1{ 
   font-size: 14px; border-bottom: 1px solid #ccc;  margin: 0 0 8px 0; padding: 2px 0 4px 0
}
#jobSearch p{ 
   padding: 0 0 0 8px
}
#jobcom{
   line-height: 21px; margin-right:2px; border:1px #CCCCCC solid; padding-bottom:2px; margin-bottom:5px;
}
#jobcom h1{ 
   font-size: 14px; border-bottom: 1px solid #ccc; height:21px; padding-left:4px; padding-top:4px;
}
#jobcom #hzpic{ 
   padding: 10px 0
}
#jobcom #hzpic img{ 
   border: 1px solid #ccc; margin: 0 0 6px 0
}
#jobcom ul{ 
   padding: 0px 10px 10px 0px; line-height: 21px; color: #2d509f
}
.jobselect01{
	width:97px;
}
.jobselect02{
	width:157px;
}
#fromepjob01{
	margin-right:2px;
}
/*-------------------jobList-------------------*/
#jobL{ 
   float: left; width: 750px
}
#jobR{ 
   float: right; width: 190px; border: 1px solid #ccc
}
#jobR ul{ 
   padding: 8px 0 10px 4px; line-height: 21px; color: #2d509f
}

/*----------------jobshow-------------*/
#qzInfo{ 
   clear: both; font-size: 14px; line-height: 25px; padding: 10px
}
#qzInfo_title{
   border-bottom: 1px solid #ccc; clear: both; height: 1%
}
#qzInfo h1{ 
   border: 1px solid #ccc; border-bottom: 0; font-size: 14px; position: relative; background: #feedc2; float: left; width: 80px; text-align: center; top: 1px
}
#qzInfo #date{ 
   float: right; font-size: 12px; color: #666666
}
#qzInfo p{ 
   text-indent: 26px; padding: 10px; line-height: 21px
}
.jobshow{ 
   padding: 16px 0 0 8px
}
.jobshow span{ 
   font-size: 12px; color: #333; margin: 0 16px 0 0; font-weight: bold
}

#messages{
   clear: both; padding: 10px 20px 10px 20px; border: 1px solid #999b9a; margin: 20px 0 4px 0; height: 100%
}
#mes1{ 
   float: left
} 
#mes2{ 
   float: left; color: #666; padding: 6px
}
.mestext{
   border: #999b9a 1px solid; padding: 1px 2px 1px 2px
}
.mesInput{
   border: #999b9a 1px solid; width: 76px; padding: 1px 2px 1px 2px
}
.mesPassword{
   border: #999b9a 1px solid; width: 76px; font-size: 11px; padding: 1px
}
#messages #user{ 
   clear: both; padding: 4px 0; margin: 0 0 5px 0
}
#email{ 
   padding: 10px 0; border-top: 1px dashed #ccc; margin: 5px 0 0 0
}
.jobshowtext{
   border: #999b9a 1px solid; padding: 6px; width: 690px; height: 60px; color: #333
}
.emaiInput{
   border: #999b9a 1px solid; width: 116px; padding: 1px
}
.fysm{ 
   color: #666666
}

/*----------------Dynamicshow-------------*/
#hzhead{
   clear: both; padding: 8px 0 4px 16px; height: 10px; border-bottom: 1px solid #ccc; font-weight: bold; font-size: 14px; background: url(../img/arrow.gif) no-repeat left center
}
#hzList{
   border: 1px solid #c4c4c4; padding: 8px
}
#hzList li{ 
   border-bottom: 1px solid #ededed; font-size: 14px; padding: 14px 0 8px 5px; line-height: 18px
}
#hzList li a{ 
   background: url(../img/dot.gif) no-repeat left center; padding: 0 0 0 14px; text-decoration: underline; color: #003399
}
#hzList li a:hover{
   color: #990000
}

#hzList li span{ 
   font-size: 12px; color: #444; display: block; margin: 0 0 0 14px
}
.hzInput{
   border: #999b9a 1px solid; width: 99px; padding: 1px 2px 1px 2px
}
#hzInfo{ 
   clear: both
}
#hzInfo h1{
   font-size: 22px; padding: 18px 0 6px 6px; color: #ff6600
}
#hzInfo #jbinfo{ 
   line-height: 25px; font-size: 14px; padding: 10px; border: 1px  dashed #ccc; border-top: 1px solid #c4c4c4; margin: 5px
}
#hzInfo #jbinfo span{ 
   font-weight: bold; font-size: 12px; color: #4a4a4a
}

#showDetails{ 
   padding: 6px; line-height: 25px; font-size: 14px
}
#showDetails #title{
   padding: 12px 0 9px 2px; background: url(../img/hz_icon.gif) no-repeat bottom left; font-weight: bold; color: #ff7000; font-size: 14px; margin: 0 0 16px 0
}
#showDetails #text{ 
   margin: 0 80px 40px 30px
}
#showDetails p{ 
   text-indent: 26px; margin: 0 0 10px 0
}

#listS{ 
   padding: 6px 0 0px 20px
}

#jnewsList{ 
   width: 748px; border: 1px solid #cbcbcb; padding: 10px 0
}
#jnewsList ul{
   line-height: 23px; font-size: 14px; padding: 0 10px
}
#jnewsList li span{ 
   color: #656565; font-size: 12px; margin: 0 0 0 6px
}