156 lines
4.9 KiB
CSS
Executable File
156 lines
4.9 KiB
CSS
Executable File
#index{width:960px;margin:0 auto; overflow:hidden;}
|
|
#leftPanel{width:200px;margin:0 10px;float:left;overflow:hidden;}
|
|
#sidebar{width:200px;margin-left:5px;float:right;padding:5px;overflow:hidden;}
|
|
#sidebar .item{margin-left:15px;}
|
|
#sidebar .item a{ padding-left: 15px; background:url(../images/square-gray.gif) no-repeat left center; }
|
|
#sidebar img{max-height:200px;}
|
|
#sidebar span{
|
|
filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;
|
|
background:#ffffff; margin-top:5px; padding-left:5px; position: absolute; width: 180px;
|
|
font-size:12px;font-weight:bold;color:#00A9FF;}
|
|
.extlink{margin-left:10px;}
|
|
.extlink a{padding-right: 15px; background:url(../images/extlink.gif) no-repeat right center; }
|
|
#leftPanel .title,#sidebar .title
|
|
{
|
|
border-bottom: #5D657C 1px solid;
|
|
border-top: #5D657C 1px solid;
|
|
color: #5D657C;
|
|
line-height: 25px;
|
|
font-size: 14px;
|
|
padding-left: 15px;
|
|
font-weight: bold;
|
|
margin-bottom: 0px;
|
|
background-color: #e6edea;
|
|
}
|
|
#leftPanel ul, #rightPanel ul {list-style-type: none; margin-left: 0px;padding-left: 0px;overflow:hidden;width:100%;}
|
|
.item{line-height: 25px;}
|
|
#leftPanel .more a:link, #leftPanel .more a:visited
|
|
{
|
|
color:Green; text-decoration:none;
|
|
}
|
|
.special
|
|
{
|
|
font-weight:bolder;
|
|
}
|
|
.special a:link, .special a:visited
|
|
{
|
|
color:Red;
|
|
}
|
|
#rightPanel{overflow:hidden;width:520px;float:left;_width:510px;}
|
|
|
|
/*feature event*/
|
|
.alpha-shadow
|
|
{
|
|
float:left;
|
|
background: url(../images/shadow.gif) no-repeat bottom right;
|
|
margin: 10px 0 10px 5px !important;
|
|
}
|
|
|
|
.alpha-shadow div {
|
|
background: url(../images/shadow2.png) no-repeat left top !important;
|
|
background: url(../images/shadow2.gif) no-repeat left top;
|
|
padding: 0px 5px 1px 0px;
|
|
}
|
|
|
|
.alpha-shadow img {
|
|
background-color: #fff;
|
|
border: 1px solid #a9a9a9;
|
|
padding: 4px;
|
|
}
|
|
|
|
#links
|
|
{
|
|
float:right;width:50px;padding:0;margin:0px;height:20px;line-height:20px;
|
|
}
|
|
|
|
#rightPanel .more a{color:Green; background:url(../images/arrow.gif) no-repeat right center;padding:0 15px 0 0;margin:0px;height:20px;line-height:20px;}
|
|
|
|
#rightPanel .title
|
|
{font-size: 15px; font-weight: bold; margin-top: 10px; margin-bottom: 10px;}
|
|
|
|
#rightPanel #news .item{margin-bottom: 5px;}
|
|
#rightPanel ul{margin-top:0px; margin-bottom: 0px;}
|
|
|
|
#rightPanel #latestData .item{margin-bottom: 3px;}
|
|
|
|
#rightPanel .date
|
|
{
|
|
font-size: 11px; color: Gray;
|
|
}
|
|
|
|
#rightPanel #latestData{float:right; width: 250px; margin-left: 20px;}
|
|
|
|
#rightPanel #feature{border-bottom: dotted 1px Gray;overflow:hidden;}
|
|
|
|
/*数据服务段开始*/
|
|
.service_title
|
|
{
|
|
padding: 5px 0px 5px 30px;
|
|
margin-bottom: 3px;
|
|
background: url(../images/level2.gif) left center no-repeat;
|
|
font-size:105%;
|
|
font-weight:bold;
|
|
}
|
|
|
|
.services_Item
|
|
{
|
|
font-size:14px;
|
|
line-height: 20px;
|
|
padding-bottom: 8px;
|
|
margin-bottom: 6px;
|
|
border-bottom: dotted #ccc 1px;
|
|
}
|
|
.services_Item span
|
|
{
|
|
font-size:12px;
|
|
line-height: 20px;
|
|
color: #666;
|
|
padding-left: 18px;
|
|
}
|
|
|
|
.services_contact
|
|
{
|
|
text-align: left;
|
|
margin-left: 5px;
|
|
}
|
|
/*数据服务段结束*/
|
|
|
|
|
|
#dataLink {margin:10px 0;}
|
|
#dataLink .search{width:auto;}
|
|
#dataLink ul{padding:5px 0;}
|
|
#rightPanel #dataLink a{font-weight: bold;}
|
|
|
|
/*新闻*/
|
|
#itemCd{ margin-top: 10px; border-bottom:1px dotted gray; overflow:hidden;}
|
|
|
|
|
|
#dataLink ul{display:inline;float:left;list-style-type: none;margin-top:-5px;}
|
|
input{background:#ECF0F5;margin-bottom:6px;}
|
|
dd,dt{margin:0;}
|
|
#dataLink dd {padding-bottom:5px;margin-left:5px;margin-top:-5px;}
|
|
|
|
.slides_container{width:520px; overflow:hidden;}
|
|
#slides {overflow:hidden;height:330px;}
|
|
#slides .slide{width:520px;}
|
|
#slides .slide {overflow:hidden;}
|
|
#slides .slide .thumb {width:520px;height:300px;float:left;overflow:hidden;}
|
|
#slides .slide .thumb img{width:510px;padding:2px;margin:0 5px 0 0;}
|
|
#slides .slide .content{ position:absolute;bottom:2px; left:2px; width:512px; background:#444;}
|
|
#slides .slide .ctitle {overflow:hidden; position:relative; top:0;}
|
|
#slides .slide .ctitle h2{font-weight:bold;display:block}
|
|
#slides .slide .description h2 a{color:#FFF; text-decoration:underline;}
|
|
#slides .slide .description h2 a:hover{color:#444;background:#FFF}
|
|
#slides .slide .description h2 span{font-size:12px;}
|
|
#slides .slide .description{float:left;color:#dedede}
|
|
#slides .pagination {position:absolute;top:300px;width:520px;}
|
|
#slides .pagination li{width:14px;height:18px;line-height:18px; text-align:center;padding:2px;float:left;border:1px solid #dedede; margin:2px;}
|
|
#slides .pagination li a{color:#777;}
|
|
#slides .pagination li.current{background:#444;}
|
|
#slides .pagination li.current a{color:#FFF}
|
|
#slides a.prev{position:relative;left:0px;top:-146px;z-index:999;}
|
|
#slides a.next{position:relative;left:475px;top:-146px;z-index:999;}
|
|
|
|
.news-list{width:520px; overflow:hidden}
|
|
.news-list li{overflow:hidden; border-bottom:1px dotted #ccc;line-height:20px;}
|
|
.news-list li span{float:right;width:100px;} |