﻿body{ font:14px 'Microsoft YaHei';}
#wrap{ width:1000px; margin:0 auto; overflow:hidden;}
.item{ float:left; width:100%;}

/****************** header *****************************/
#header h1{ float:left; width:0; height:0; overflow:hidden;}
#header #logo{ float:left; width:406px; height:86px;}
#header span{ float:right; line-height:85px;}
#header span a{ color:#555;}
#header span a:hover{ text-decoration:underline; color:#000;}
#header #nav{ background:#010D33; margin-top:30px;}
#header #nav li{ float:left; width:199px; height:40px; line-height:40px; border-right:1px solid #fff; overflow:hidden; text-align:center; font-weight:bold; font-size:16px;}
#header #nav li a{ color:#fff; display:block;}

/****************** banner *****************************/
#banner{ height:330px; overflow:hidden;}
#banner ul li{ position:absolute;}
#banner ol{ position:absolute; right:10px; bottom:10px;}
#banner ol li{ float:left; width:25px; height:25px; background:#fff; color:#555; margin:3px; display:inline; cursor:pointer; text-align:center; line-height:25px;}
#banner ol li.cur{ background:#0092d9; color:#fff;}
#container{ padding-bottom:50px;}

/****************** title module *****************************/
.title{ height:60px; line-height:60px; background:url(../images/title_bg.jpg) no-repeat bottom left;}
.title h2{ float:left; font-size:25px; font-weight:normal; }
.title h2 a{ color:#222;}
.title span{ float:right; margin-top:28px;}
.title span a{ float:left; width:28px; height:20px; text-align:center; color:#fff; font:bold 14px/20px 'Verdana';}
.title span a:hover{ background:#73c3ea;}
.title span a.prev{ margin-right:5px;}

/****************** color  module *****************************/
#header #nav li a:hover,
.title span a,
.pages a:hover,
#header #nav li a.cur{ background:#0092d9;}
.title h2 a:hover,
.projectScroll ul li h3 a,
.news ul li span a,
.more,
.breadcrumb a:hover,
.newsList li p a,
.pagesTitle,
.detailsTitle,
.author em,
.pagePrevNext li a:hover,
.projectList ul li h3 a,
.projectList ul li span,
.projectThumbnail h3,
.projectScroll ul li span{ color:#0092d9;}
.news ul li span,
.news ul li span a:hover,
#footer p,
.breadcrumb,
.breadcrumb a,
.projectScroll ul li h3 a:hover,
.newsList li span,
.newsList li p a:hover,
.pagePrevNext li span,
.projectList ul li p{ color:#333;}

/***************** 专题研究 ***************************/
.project{ width:660px; overflow:hidden;}
.projectScroll{ height:250px; overflow:hidden; position:relative;}
.projectScroll ul{ float:left; position:absolute; left:0; top:0; margin-left:-6px;}
.projectScroll ul li{ float:left; width:216px; height:100%; margin-left:6px; overflow:hidden;}
.projectScroll ul li a img{ float:left; width:216px; height:128px;}
.projectScroll ul li h3,
.projectScroll ul li span,
.projectScroll ul li p{float:left; width:100%; overflow:hidden;}
.projectScroll ul li h3{ height:33px; line-height:30px; font-size:16px; font-weight:normal; }
.projectScroll ul li span{ height:20px; overflow:hidden; font-size:12px;}
.projectScroll ul li p{ height:44px; line-height:22px; overflow:hidden; color:#555; font-size:12px; }
.projectScroll ul li .more,
.projectList ul li .more{ float:left; width:40px; height:20px; font-size:12px;overflow:hidden; background:url(../images/icon.png) no-repeat right 55%;}

/***************** 新闻 ***************************/
.news{ width:320px; overflow:hidden;}
.news ul{ height:250px; overflow:hidden; margin-top:-5px;}
.news ul li{ float:left; width:100%; height:50px; overflow:hidden;}
.news ul li span{ float:left; width:100%; height:25px; line-height:25px; overflow:hidden; font-size:13px;}

/***************** links ***************************/
.links{ height:69px; position:relative; margin-top:40px; overflow:hidden;}
.links ul{ float:left; position:absolute; left:0; margin-left:-2px;}
.links ul li{ float:left; width:165px; height:69px; overflow:hidden; margin-left:2px;}
.links ul li img{ max-width:165px; min-height:69px;}
/***************** news pages ***************************/
.breadcrumb .home{ float:left; width:15px; background:url(../images/breadcrumb.png) no-repeat 0 10px ; padding-right:5px; text-indent:-99999px;}

#sidebar{ width:220px; overflow:hidden;}
#sidebar ul{ float:left; width:100%; background:#f2f2f2; border-top:10px solid #0092d9;}
#sidebar ul li{ float:left; width:100%;  height:35px; line-height:35px; overflow:hidden; border-bottom:1px solid #e9e9e9;border-top:1px solid #f9f9f9;}
#sidebar ul li a{ display:block; padding:0 15px; overflow:hidden; color:#333;}
#sidebar ul li a:hover,#sidebar ul li a.cur{ background:#0092d9; color:#fff;}

#main{ width:760px; overflow:hidden;}
.pagesTitle,
.detailsTitle{ font-size:20px; padding-bottom:12px; font-weight:normal; border-bottom:1px solid #0092d9;}
.newsList li{ float:left; width:100%; height:40px; line-height:40px; overflow:hidden; border-bottom:1px solid #ddd;}
.newsList li span{ float:left; width:85px; overflow:hidden;}
.newsList li p{ float:left; padding-left:35px; width:640px; overflow:hidden;}

/***************** pages ***************************/
.pages{ border-top:1px solid #0092d9;}
.pages a,.pages .cpb{ float:left; padding:4px 10px;background:#b0b0b0; color:#fff; margin-right:1px;}
.pages .cpb{ background:#0092d9;}

/****************** details ********************/
.detailsTitle{ border-bottom:none; font-size:25px;}
.author{ background:url(../images/author.png) no-repeat left 10px;}
.author em{ font-style:normal;}
.time{ background:url(../images/time.png) no-repeat left 8px; padding-right:40px;}
.details{ border-bottom:1px solid #ddd; overflow:hidden;}
.pagePrevNext li{ float:left; width:100%; height:25px; line-height:25px; overflow:hidden;}
.pagePrevNext li span{ float:left;}
.pagePrevNext li a{ float:left; color:#555;}

/*****************  project *******************/
.projectList ul{ float:left; margin-left:-20px; padding-bottom:50px;}
.projectList ul li{ float:left; width:240px; margin:20px 0 0 20px; display:inline; overflow:hidden;}
.projectList ul li a img,
.projectThumbnail img{ float:left; width:240px; height:142px;}
.projectList ul li h3,
.projectList ul li span,
.projectList ul li p,
.projectThumbnail h3{float:left; width:100%; overflow:hidden;line-height:25px; font-size:12px; }
.projectList ul li h3,
.projectThumbnail h3{  height:30px; line-height:30px; font-size:16px; font-weight:normal; }
.projectList ul li span{ height:25px;}
.projectList ul li p{ height:50px; }

.projectThumbnail{ border-top:3px solid #0092d9;}
.projectThumbnail h3,
.projectThumbnail p{ float:left; width:500px; padding-left:20px; overflow:hidden;}
.projectThumbnail h3{ font-size:22px; margin:20px 0 10px 0; display:inline; }
.projectThumbnail p{ font-size:16px; max-height:80px; _height:80px; line-height:27px;}
