/* CSS Document */
html,body,h1,h2,h3,h4,ul,dl,dt,dd,li,p{margin:0; padding:0;}
body{background:#e0e0e0 url(../images/bg.jpg) center top no-repeat; text-align:center!important; font-size:10px;}
ul,li{list-style-type:none;}
a{text-decoration:none; cursor:pointer;}
img{border:0 none;}

#container{width:920px; margin:0 auto; text-align:left;}

#nav{width:920px; height:300px; margin-bottom:20px;}
h1{font-size:0; line-height:180px; clear:both; height:1px; overflow:hidden;}

#recommendation{width:920px; height:260px;}
#recommendation-pic{float:left; display:inline;width:550px; height:240px; margin-left:-20px}
dl#recommendation-content{float:right; display:inline; width:266px; overflow:hidden; margin-left:54px; margin-right:50px; }
#recommendation-content dt{margin-bottom:12px;}
#recommendation-content dt a{font-size:1.4em; color:#2d2d2d; font-weight:bold; }
#recommendation-content dd{overflow:hidden; padding-left:12px; width:230px; height:20px; background:url(../images/list-style.jpg) 4px 8px no-repeat;}
#recommendation-content dd a{font-size:1.2em; line-height:20px; color:#2d2d2d;}
#recommendation-content a:hover{color:#d24b4e;}

.content{width:920px; clear:both;}
.content a:hover,#activity .photoframe-detail p a:hover{color:#d24b4e;}
h2{font-size:0; line-height:180px; clear:both; overflow:hidden;}
#activity{float:left; background:#FFF; padding:25px; width:460px;}

#activity h2{background:url(../images/title-L.jpg) left top no-repeat; height:30px; width:460px; margin-bottom:20px;}
#activity #photoframe{background:url(../images/frame-S.jpg) 4px top no-repeat; padding:16px 0 0 24px; height:153px;}
#activity #photoframe img{width:171px; height:120px; float:left;}
#activity .photoframe-detail{float:left; width:208px; display:inline; height:146px; margin-left:56px; margin-top:-16px; overflow:hidden;}
#activity .photoframe-detail p a{font-size:1.2em; color:#5b5b5b; line-height:20px;}
.font-w14 a{font-size:14px; color:#145dc4; width:208px; line-height:22px;}
.content-list img { width:72px; height:72px; padding:2px; border:1px #ddd solid}
.content-list img:hover {border:1px #ccc solid}
.content-list{float:left; margin-left:14px; margin-right:0px; display:inline; line-height:17px}
.content-list h4 a{font-size:12px; color:#145dc4; font-weight:normal;}
.content-list h4{margin-bottom:14px; width:216px; overflow:hidden; height:14px;}
.content-list p img{float:left; margin-right:12px;}
.content-list p{clear:both; font-size:1.2em; color:#5b5b5b; margin-bottom:30px; }
.content-list p.width216{width:216px;}
.content-list p.width250{width:260px;margin-bottom:15px;}
.content-list strong{color:#145dc4; font-size:14px; display:block; line-height:24px;}
.content-list ul{clear:both;}
.content-list ul li{line-height:20px; height:20px; padding-left:12px; overflow:hidden; background:url(../images/list-style.jpg) 5px 8px no-repeat; width:188px}
#information .content-list li{ width:250px}
#information .content-list span{ color:#888; margin-left:5px; font-size:12px}
.content-list ul a{font-size:12px; color:#2d2d2d;}
.more{display:block; float:right; background:#262626; color:#FFF; font-size:13px; padding:2px 4px; clear:both; margin-top:4px;}
.more-mt28{margin-top:28px;}

#ad{background:url(../images/ad-bg.jpg) left bottom no-repeat; float:left; display:inline; width:339px; height:172px; margin-left:32px;}
#ad div{width:266px; height:147px; margin-top:10px; margin-left:37px; background:url(../images/link.png)}
#ad a{ display:block; float:left; outline:none;}

#daohang{ height:40px; width:100%}
#jiaowuchu,#tushuguan{ height:50px; width:49%}
#piaoxiang,#houyuan{ height:50px; width:49%}
#jiaowuchu:hover{background:url(../images/link2.png) no-repeat}
#tushuguan:hover{ background:url(../images/link2.png) no-repeat -130px top}
#piaoxiang:hover{ background:url(../images/link2.png) no-repeat left -50px}
#houyuan:hover{ background:url(../images/link2.png) no-repeat -130px -50px}

#information{background:#FFF; width:280px; padding:12px 10px; margin:52px 52px 0; float:left; display:inline; height:295px;}
#information h2{background:url(../images/title-Z.gif) left top no-repeat; width:96px; height:24px; margin-bottom:12px;}

#job{background:#FFF; width:390px; padding:12px 10px; margin:40px 0 0 0; float:left; display:inline;}
#job h2{background:url(../images/title-J.jpg) left top no-repeat; width:90%; height:30px; margin:0 0 12px 12px;}

#leshare{background:#FFF; width:390px; padding:12px 10px; margin:40px 0 0 40px; float:left; display:inline;}
#leshare h2{background:url(../images/title-LS.gif) left top no-repeat; width:90%; height:30px; margin:0 0 12px 12px;}

#job .content-list,#job li,#leshare .content-list,#leshare li{ width:150px;}
#ad-L{display:block; clear:both; width:875px; height:97px; margin-bottom:30px;}

#footer{width:920px; background:url(../images/bottom-bg.jpg) left top no-repeat; padding-top:56px;}
#footer,#footer a{font-size:12px; color:#666; text-align:center;}
#footer a{margin:0 12px;}
#footer p{color:#b2b2b2; margin:12px auto;}