/*area1*/
.recrArea1{ float:left; margin-right:10px; width:155px}

ul.nav{ width:153px; border:1px solid #5e9bdf}
ul.nav li a{ display:block; padding-left:18px; width:135px; height:30px; line-height:30px; background:url(../img/img2.gif) no-repeat; border-bottom:1px solid #d4ebff}
ul.nav li.l1 a{ color:#333; font-weight:bold; background:#e8f4ff; border:none; cursor:default}

/*area2*/
.recrArea2{ float:left; width:785px; overflow:hidden}

.mainPic{ width:785px; overflow:hidden}
.mainPic img{ margin-bottom:20px}
.mainPic p{ padding:0 20px 24px 20px; font-size:14px; text-indent:28px; color:#555}
.culture img{ width:785px; height:164px; background:url(../img/culMain.jpg) no-repeat}
.life img{ width:785px; height:164px; background:url(../img/lifeMain.jpg) no-repeat}
.awards img{ width:785px; height:164px; background:url(../img/awdMain.jpg) no-repeat}

.blk1{ margin-bottom:20px}
.blk1 .tit{ width:785px; height:33px; background:url(../img/img2.gif) 0 -160px repeat-x; overflow:hidden}
.blk1 .tit p,.blk1 .tit h3{ float:left}
.blk1 .tit p{ width:20px; height:33px; background:url(../img/img2.gif) -160px -40px no-repeat}
.blk1 .tit p.p2{ width:20px; height:33px; background:url(../img/img2.gif) -190px -40px no-repeat}
.blk1 .tit h3 img{ height:33px; background:url(../img/img2.gif) no-repeat}

.blk1 .cul1 h3 img{ width:140px; background-position:0 -40px}
.blk1 .cul2 h3 img{ width:133px; background-position:0 -80px}
.blk1 .cul3 h3 img{ width:152px; background-position:0 -120px}
.blk1 .cul4 h3 img{ width:133px; background-position:-160px -120px}

.blk1 .life1 h3 img{ width:76px; background-position:0 -320px}

.blk1 .awd1 h3 img{ width:151px; background-position:0 -360px}
.blk1 .awd2 h3 img{ width:131px; background-position:-160px -360px}
.blk1 .awd3 h3 img{ width:131px; background-position:0 -400px}
.blk1 .awd4 h3 img{ width:131px; background-position:0 -440px}
.blk1 .awd5 h3 img{ width:151px; background-position:-160px -440px}


.blk1 .cont{ padding:20px; color:#555; font-size:14px}
.blk1 .cont p{ display:block}
.blk1 .cont p.indent{ text-indent:28px}
.blk1 .cont ul{ padding-bottom:12px}
.blk1 .cont ul li{ float:left}

#FoBtn{ width:745; overflow:hidden}
#FoBtn li{ margin-right:10px; background:url(../img/img2.gif) 0 -240px no-repeat; cursor:pointer}
#FoBtn li span{ float:left; width:10px; height:30px; background:url(../img/img2.gif) 0 -200px; overflow:hidden}
#FoBtn li span.sn2{ float:right; background-position:-20px -200px}
#FoBtn li em{ float:left; height:30px; line-height:30px; text-align:center; color:#5d7faf; font-weight:bold}
#FoBtn li.l1{ width:120px}
#FoBtn li.l2{ width:162px}
#FoBtn li.l3{ width:109px}
#FoBtn li.l4{ width:95px}
#FoBtn li.l5{ width:118px}
#FoBtn li.l1 em{ width:100px}
#FoBtn li.l2 em{ width:142px}
#FoBtn li.l3 em{ width:89px}
#FoBtn li.l4 em{ width:75px}
#FoBtn li.l5 em{ width:98px}

#FoBtn li.li1{ background-position:0 -280px}
#FoBtn li.li1 span{ background:url(../img/img2.gif) -40px -200px}
#FoBtn li.li1 span.sn2{ background-position:-60px -200px}
#FoBtn li.li1 em{ color:#333; font-weight:normal}

#FoBtn2{ width:745; overflow:hidden}
#FoBtn2 li{ margin-right:10px; background:url(../img/img2.gif) 0 -240px no-repeat; cursor:pointer}
#FoBtn2 li span{ float:left; width:10px; height:30px; background:url(../img/img2.gif) 0 -200px; overflow:hidden}
#FoBtn2 li span.sn2{ float:right; background-position:-20px -200px}
#FoBtn2 li em{ float:left; height:30px; line-height:30px; text-align:center; color:#5d7faf; font-weight:bold}
#FoBtn2 li.l1{ width:96px}
#FoBtn2 li.l2{ width:110px}
#FoBtn2 li.l3{ width:126px}
#FoBtn2 li.l4{ width:110px}
#FoBtn2 li.l5{ width:110px}
#FoBtn2 li.l6{ width:110px}
#FoBtn2 li.l1 em{ width:76px}
#FoBtn2 li.l2 em{ width:90px}
#FoBtn2 li.l3 em{ width:106px}
#FoBtn2 li.l4 em{ width:90px}
#FoBtn2 li.l5 em{ width:90px}
#FoBtn2 li.l6 em{ width:90px}

#FoBtn2 li.li1{ background-position:0 -280px}
#FoBtn2 li.li1 span{ background:url(../img/img2.gif) -40px -200px}
#FoBtn2 li.li1 span.sn2{ background-position:-60px -200px}
#FoBtn2 li.li1 em{ color:#333; font-weight:normal}