217 lines
10 KiB
CSS
217 lines
10 KiB
CSS
/*------------全局样式------------*/
|
|
.topbody{
|
|
width:100%;height:30px;
|
|
background:#1D71B7;
|
|
font-size:12px;color:#FFF
|
|
}
|
|
.topbody li a{font-size:13px;color:#FFF;
|
|
}
|
|
.footbody{
|
|
width: 100%;height:60px;
|
|
background:#1D71B7;
|
|
font-size:12px;color:#FFF;
|
|
}
|
|
.banner{width:100%;height:150px;background-image:url(../images/banner.gif);overflow:hidden;
|
|
}/*网站头部banner样式*/
|
|
.bigtitle{width: 100%;height:45px;
|
|
}
|
|
.bigtitle li{padding:10px 10px 10px 10px;font-size:16px;color:#FFF;
|
|
}
|
|
.bigtitle li a{font-size:16px;color:#FFF;
|
|
}
|
|
*{margin:0; padding:0; list-style:none; }
|
|
body{ background:#fff; font:normal 12px/22px 宋体; }
|
|
img{ border:0; }
|
|
a{ text-decoration:none; color:#333; }
|
|
a:hover{ color:#1974A1; }
|
|
/*------------单列样式------------*/
|
|
.singlelist{width:294px;height:280px;
|
|
overflow:hidden;
|
|
}
|
|
.singlelist ul{ width:294px; overflow:hidden;padding:10px inherit;
|
|
}
|
|
.singlelist ul li{width:284px;overflow:hidden;height:40px;line-height:40px;display:block;margin-left:10px;
|
|
}
|
|
.singlelist ul li .date{float:right;color:#999;font-size:12px;margin-right:10px;
|
|
}
|
|
/*------------主题焦点图样式------------*/
|
|
.themebox{ width:986px; height:100px; overflow:hidden; position:relative; border:1px solid #ddd; margin-left:10px; }
|
|
.themebox .wd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
|
|
.themebox .wd ul{ overflow:hidden; zoom:1; float:left; }
|
|
.themebox .wd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
|
|
.themebox .wd ul li.on{ background:#f00; color:#fff; }
|
|
.themebox .nd{ position:relative; height:100%; z-index:0; }
|
|
.themebox .nd li{ zoom:1; vertical-align:middle; }
|
|
.themebox .nd img{ width:1008px; height:100px; display:block; }
|
|
|
|
/* 下面是前/后按钮代码，如果不需要删除即可 */
|
|
.themebox .prev,
|
|
.themebox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
|
|
.themebox .next{ left:auto; right:3%; background-position:8px 5px; }
|
|
.themebox .prev:hover,
|
|
.themebox .next:hover{ filter:alpha(opacity=100);opacity:1; }
|
|
.themebox .prevStop{ display:none; }
|
|
.themebox .nextStop{ display:none; }
|
|
|
|
/*------------新闻焦点图样式------------*/
|
|
.slideBox{ width:420px; height:280px; overflow:hidden; position:relative; border:1px solid #ddd;}
|
|
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
|
|
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left; }
|
|
.slideBox .hd ul li{ float:left; margin-right:2px; width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
|
|
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
|
|
.slideBox .bd{ position:relative; height:100%; z-index:0; }
|
|
.slideBox .bd li{ zoom:1; vertical-align:middle; }
|
|
.slideBox .bd img{ width:420px; height:280px; display:block; }
|
|
|
|
/* 下面是前/后按钮代码，如果不需要删除即可 */
|
|
.slideBox .prev,
|
|
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5; }
|
|
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
|
|
.slideBox .prev:hover,
|
|
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1; }
|
|
.slideBox .prevStop{ display:none; }
|
|
.slideBox .nextStop{ display:none; }
|
|
|
|
/*------------滚动通知样式------------*/
|
|
|
|
|
|
.txtMarquee-top{ width:267px; overflow:hidden; position:relative; border:1px solid #ccc; float:right;}
|
|
.txtMarquee-top .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
|
|
.txtMarquee-top .hd .prev,.txtMarquee-top .hd .next{ display:block; width:9px; height:5px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
|
cursor:pointer; background:url("../images/arrow.png") 0 -100px no-repeat;}
|
|
.txtMarquee-top .hd .next{ background-position:0 -140px; }
|
|
.txtMarquee-top .hd .prevStop{ background-position:-60px -100px; }
|
|
.txtMarquee-top .hd .nextStop{ background-position:-60px -140px; }
|
|
.txtMarquee-top .bd{ padding:15px; }
|
|
.txtMarquee-top .infoList li{ height:40px; line-height:40px; width:274px; overflow:hidden;font-size:13px; }
|
|
.txtMarquee-top .infoList li .date{ float:right; color:#999; }
|
|
|
|
/*------------选项卡样式------------*/
|
|
|
|
|
|
|
|
|
|
/* 本例子css */
|
|
.slideTxtBox{ width:712px; border:1px solid #ddd; text-align:left;height:226px; }
|
|
.slideTxtBox .hd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px; border-bottom:1px solid #ddd; position:relative; }
|
|
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; }
|
|
.slideTxtBox .hd ul li{ float:left; padding:0 15px; cursor:pointer;}
|
|
.slideTxtBox .hd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
|
|
.slideTxtBox .bd ul{ padding:15px; zoom:1; }
|
|
.slideTxtBox .bd li{ height:40px; line-height:40px; width:340px; float:left; overflow:hidden; text-indent: 10px; }
|
|
.slideTxtBox .bd li .date{ float:right; color:#999; font-size:12px; }
|
|
|
|
/* 下面是前/后按钮代码，如果不需要删除即可 */
|
|
.slideTxtBox .arrow{ position:absolute; right:10px; top:0; }
|
|
.slideTxtBox .arrow a{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
|
cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
|
|
.slideTxtBox .arrow .next{ background-position:0 -50px; }
|
|
.slideTxtBox .arrow .prevStop{ background-position:-60px 0; }
|
|
.slideTxtBox .arrow .nextStop{ background-position:-60px -50px; }
|
|
/*------------用稿统计表样式------------*/
|
|
.statistics {
|
|
width: 267px;
|
|
height: auto;
|
|
float:right;
|
|
border:1px solid #ccc;
|
|
}
|
|
|
|
.statistics h3 {
|
|
background-color: #F4F4F4;
|
|
display: block;
|
|
height: 10px;
|
|
width: 267px;
|
|
text-align: center;
|
|
font-size: 12px;
|
|
font-weight: 600;
|
|
line-height: 10px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
.statistics .s_row {
|
|
font-size: 12px;
|
|
border-bottom: 1px solid #656565;
|
|
background-color: #FFF;
|
|
margin-bottom: 0px;
|
|
padding: 0px 0;
|
|
}
|
|
|
|
.statistics .s_row span {
|
|
display: inline-block;
|
|
width: 66px;
|
|
padding: 0px;
|
|
text-align: left;
|
|
text-indent: 10px;
|
|
}
|
|
|
|
.statistics ul li.s_row:nth-child(2n) {
|
|
background-color: #F9F9F9;
|
|
}
|
|
/*------------1/3tab样式------------*/
|
|
.littletabbox{ width:320px; border:1px solid #ddd; text-align:left;height:365px; overflow:hidden; }
|
|
.littletabbox .upd{ height:30px; line-height:30px; background:#f4f4f4; padding:0 10px 0 20px; border-bottom:1px solid #ddd; position:relative; }
|
|
.littletabbox .upd ul{ float:left; position:absolute; left:20px; top:-1px; height:32px; }
|
|
.littletabbox .upd ul li{ float:left; padding:0 15px; cursor:pointer;}
|
|
.littletabbox .upd ul li.on{ height:30px; background:#fff; border:1px solid #ddd; border-bottom:2px solid #fff; }
|
|
.littletabbox .downd ul{ padding:8px; zoom:1;overflow:hidden;height:365px;}
|
|
.littletabbox .downd li{ height:40px; line-height:40px; width:300px; float:left; overflow:hidden; text-indent: 5px; }
|
|
.littletabbox .downd li .date{ float:right; color:#999; font-size:12px; }
|
|
|
|
/* 下面是前/后按钮代码，如果不需要删除即可 */
|
|
.littletabbox .arrow{ position:absolute; right:10px; top:0; }
|
|
.littletabbox .arrow a{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
|
cursor:pointer; background:url("../images/arrow.png") 0 0 no-repeat; }
|
|
.littletabbox .arrow .next{ background-position:0 -50px; }
|
|
.littletabbox .arrow .prevStop{ background-position:-60px 0; }
|
|
.littletabbox .arrow .nextStop{ background-position:-60px -50px; }
|
|
/*------------滚动图样式------------*/
|
|
.picMarquee-left{ width:712px; overflow:hidden; position:relative; border:1px solid #ccc; }
|
|
.picMarquee-left .hd{ overflow:hidden; height:10px; background:#f4f4f4; padding:0 10px; }
|
|
.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden;
|
|
cursor:pointer; background:url("../images/arrow.png") no-repeat;}
|
|
.picMarquee-left .hd .next{ background-position:0 -50px; }
|
|
.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
|
|
.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
|
|
.picMarquee-left .bd{ padding:10px; }
|
|
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
|
|
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
|
|
.picMarquee-left .bd ul li .pic{ text-align:center; }
|
|
.picMarquee-left .bd ul li .pic img{ width:170px; height:185px; display:block; padding:2px; border:1px solid #ccc; }
|
|
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; }
|
|
.picMarquee-left .bd ul li .title{ line-height:24px; }
|
|
|
|
/*------------框样式------------*/
|
|
|
|
.box {
|
|
width: 267px;
|
|
height: auto;
|
|
float:right;
|
|
border:1px solid #ccc;
|
|
}
|
|
|
|
.box h3 {
|
|
background-color: #F4F4F4;
|
|
display: block;
|
|
height: 10px;
|
|
width: 267px;
|
|
text-align: center;
|
|
font-size: 15px;
|
|
font-weight: 600;
|
|
line-height: 10px;
|
|
margin-bottom: 2px;
|
|
}
|
|
.box .h3 ul li{width:88;overflow:hidden; float:left;
|
|
}
|
|
.imggrid{width:40;height:45;overflow:hidden;
|
|
}
|
|
/*------------slider链接框样式------------*/
|
|
/* css 重置 */
|
|
|
|
/* 本例子css */
|
|
.sideMenu{ border:1px solid #ddd;width:267px; float:right; height:490; }
|
|
.sideMenu h3{ height:16px; line-height:16px; padding-left:10px; border-top:1px solid #e3e3e3; background:#f4f4f4; cursor:pointer;
|
|
font:normal 14px/12px "Microsoft YaHei";
|
|
}
|
|
.sideMenu h3 em{ float:right; display:block; width:40px; height:32px; background:url(images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
|
|
.sideMenu h3.on em{ background-position:16px -57px; }
|
|
.sideMenu ul{ padding:8px 25px; color:#999; display:none; font-size:14px;height:280; overflow:hidden;/* 默认都隐藏 */ } |