/*------------全局样式------------*/ .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;/* 默认都隐藏 */ }