/* css样式表 威远图易 2013-06-01 */ /*网页全局样式开始*/ html{ /*页面变灰*/ /*filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);*/ } body { /*body基本样式开始*/ background-color:#f7f7f7; /*背景颜色*/ font-size:9pt; /*字体大小*/ color:#000000; /*字体颜色*/ FONT-FAMILY:Arial, Helvetica, sans-serif; /*字体*/ text-align:left; /*水平居左*/ margin-top: 0px; /*页面上边距*/ margin-bottom: 0px; /*页面下边距*/ margin-left: 0px; /*页面左边距*/ margin-right: 0px; /*页面右边距*/ /*body基本样式结束*/ /*body扩展样式开始*/ background-repeat: repeat-y; /*背景重复*/ background-position: center; /*背景居中*/ scrollbar-face-color:#b9b9b9; scrollbar-highlight-color:#b9b9b9; scrollbar-shadow-color:#b9b9b9; scrollbar-3dlight-color:#b9b9b9; scrollbar-darkshadow-color:#b9b9b9; scrollbar-arrow-color:#F0F0F0; scrollbar-track-color:#F0F0F0; scrollbar-base-color:#F0F0F0; /*拖动条的表面颜色*/ scrollbar-face-color:#fbf6e8; MARGIN: 0px; /*亮边*/ scrollbar-highlight-color:#fbf6e8; /*暗边*/ scrollbar-shadow-color:#aaaaaa; scrollbar-3dlight-color:#aaaaaa; /*箭头颜色*/ scrollbar-arrow-color:#aaaaaa; /*拖动区域(TrackBar)颜色*/ scrollbar-track-color:#fbf6e8; scrollbar-darkshadow-color:#fbf6e8 /*body扩展样式结束*/ } page { width:auto;!important; max-width:1002px;!important;margin:0 auto; height:auto;!important; width:1002px; } /*页面容器初始化开始,*/ tr,td,span {font-size:9pt; color:#000000; FONT-FAMILY:Arial, Helvetica, sans-serif;line-height:18px;} /*页面容器初始化结束*/ img { border:none;} /*网页全局样式结束*/ /*版通基本样式开始*/ /*文章标题样式*/ .title{font-size:18px; FONT-FAMILY:Arial, Helvetica, sans-serif,font-family:Arial, Helvetica, sans-serif; color:#000000; font-weight:normal; line-height:180%;} /*首页、频道页栏目默认标题列表样式 小字体*/ .bt_link{font-size:12px; FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration:none; color:#000000;line-height:22px;} /*底层栏目页标题列表及文章正文样式 大字体*/ .bt_content{font-size:10.5pt; FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration:none; color:#000000; line-height:180%;} /*时间显示样式*/ .bt_time { font-size:9pt; color:#000000; FONT-FAMILY:Arial, Helvetica, sans-serif} .bt_date { font-size:9pt; color:#CC3300; FONT-FAMILY:Arial, Helvetica, sans-serif} /*"更多"显示样式*/ .bt_more {font-size:9pt ;text-decoration:none; color:#000000; padding-right:27px;} .bt_unline {border-bottom:#000000 dotted 1px;} /*版通基本样式结束*/ /*超链接样式开始 可自行扩展*/ a.bt_more {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration: none; color:#000000;} a.bt_more:hover {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration: none; color:#000000;} a.bt_more:visited {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration: none; color:#000000;} /*整个网页超链接样式开始*/ a.white {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff;} a.white:link{FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff;} a.white:visited{FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff;} a.white:hover {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration:none; color:#ffffff;} a.white:active {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration:none;color:#ffffff;} a.red {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration: none; color:#9d0005;} a.red:link{FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration: none; color:#9d0005;} a.red:visited{FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration: none; color:#9d0005;} a.red:hover {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration:underline; color:#e99221;} a.red:active {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration:none;color:#9d0005;} a:link {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration:none; color:#000000;} a:visited {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration:none; color:#000000;} a:hover {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration:underline; color:#e99221;} a:active {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration:none;color:#000000;} /*超链接样式结束*/ /* 自定义样式开始 */ /*各种颜色样式 可自行扩展*/ .white {FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration: none; color:#ffffff; font-size:10.5pt} .red{font-size:9pt; FONT-FAMILY:Arial, Helvetica, sans-serif; text-decoration:none; color:#9d0005;} a,area { _blr:expression(this.onFocus=this.blur()) } :focus { -moz-outline-style: none; } /* 四周为1象素的边框*/ .border1 { BORDER-RIGHT: #333333 1px solid; BORDER-LEFT: #333333 1px solid; BORDER-BOTTOM: #333333 1px solid;BORDER-TOP: #333333 1px solid;background-color:#ffffff } /*表格背景图片不动*/ .bgimg{background-image:url("/hbrcljskxjsxhcom/image/images/index.htm");background-repeat:no-repeat;background-position:right bottom;} /* 一些滤镜的样式 慎用 */ /* Glow 扩充的阴影字 IE4.0+*/ .glow { FONT-SIZE: 10.5pt; filter: Glow(Color=#333333, Strength=2) } /* Gradient 渐变 gradientType=0垂直渐变 1水平渐变默认 00完全透明 ff完全不透明 IE5.5+ */ .grad { FONT-SIZE: 10.5pt; FILTER:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#FF0000FF,endColorStr=#33333300) } /* AlphaImageLoader 图片平铺 scale:拉伸图片满表格 crop:显示图片自身大小并显示背景色 image:只显示图片 IE5.5+*/ .alphaimage { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/rdl_ice.jpg', sizingMethod='scale') } /* Blur IE5.5+ 模糊阴影字*/ .blur1 { filter:progid:DXImageTransform.Microsoft.Blur(makeShadow=true,pixelRadius=1,shadowOpacity=0.25) } /* Blur IE5.5+ 模糊阴影字*/ .blur2 { filter:blur(add=ture,direction=135,strength=6) } /* DropShadow 有斜度的阴影字 IE4.0+ */ .dropshadow1 { color: #ff0000; filter: DropShadow(Color=#ffffff, OffX=1, OffY=1, Positive=1) } /* 制作对象的阴影效果IE5.5+*/ .dropshadow2 { filter:progid:DXImageTransform.Microsoft.DropShadow(color=#FF404040,offX=3,offY=3,positives=true) } /* 自定义样式结束 */ 纯CSS圆角框 *****************************************/ *{margin:0;padding:0;font-size:12px;} .wrapper{width:80%;margin:0 auto;} /*通用样式--容器宽度值*/ .sharp { } .sharp .content div{padding:10px;text-indent:2em;} .content{ padding:10px;} /*上圆角框通用设置样式,如果要运用多个不同颜色,以下6句不用重新变化--------------------------------*/ .b1,.b2,.b3,.b4,.b5,.b6,.b7,.b8{height:1px; font-size:1px; overflow:hidden; display:block;} .b1,.b8{margin:0 5px;} .b2,.b7{margin:0 3px;border-right:2px solid; border-left:2px solid;} .b3,.b6{margin:0 2px;border-right:1px solid; border-left:1px solid;} .b4,.b5{margin:0 1px;border-right:1px solid; border-left:1px solid; height:2px;} .content {border-right:1px solid;border-left:1px solid;overflow:hidden;} /*颜色方案一,蓝色边框----------------------------------------*/ /*下面第一、二句决定边框颜色,第三句决定背景颜色*/ /*边框色*/ .color1 .b2,.color1 .b3,.color1 .b4,.color1 .b5,.color1 .b6,.color1 .b7,.color1 .content{border-color:#96C2F1;} .color1 .b1,.color1 .b8{background:#96C2F1;} /*背景色*/ .color1 .b2,.color1 .b3,.color1 .b4 {background:#FFFFFF;} .color1 .b5,.color1 .b6,.color1 .b7,.color1 .content{background:#e9f7ff;} .color1 .content { background:url("/hbrcljskxjsxhcom/image/bb_10.gif") repeat-x 0 0; height:220px;} /*颜色方案二,绿色边框----------------------------------------*/ /*下面第一、二句决定边框颜色,第三句决定背景颜色*/ /*边框色*/ .color2 .b2,.color2 .b3,.color2 .b4,.color2 .b5,.color2 .b6,.color2 .b7,.color2 .content{border-color:#9BDF70;} .color2 .b1,.color2 .b8{background:#9BDF70;} /*背景色*/ .color2 .b2,.color2 .b3,.color2 .b4,.color2 .b5,.color2 .b6,.color2 .b7,.color2 .content{background:#F0FBEB;} /*颜色方案三,绿色边框----------------------------------------*/ /*下面第一、二句决定边框颜色,第三句决定背景颜色*/ /*边框色*/ .color3 .b2,.color3 .b3,.color3 .b4,.color3 .b5,.color3 .b6,.color3 .b7,.color3 .content{border-color:#BBE1F1;} .color3 .b1,.color3 .b8{background:#BBE1F1;} /*背景色*/ .color3 .b2,.color3 .b3,.color3 .b4,.color3 .b5,.color3 .b6,.color3 .b7,.color3 .content{background:#EEFAFF;} /*颜色方案四,绿色边框----------------------------------------*/ /*下面第一、二句决定边框颜色,第三句决定背景颜色*/ /*边框色*/ .color4 .b2,.color4 .b3,.color4 .b4,.color4 .b5,.color4 .b6,.color4 .b7,.color4 .content{border-color:#E3E197;} .color4 .b1,.color4 .b8{background:#E3E197;} /*背景色*/ .color4 .b2,.color4 .b3,.color4 .b4,.color4 .b5,.color4 .b6,.color4 .b7,.color4 .content{background:#FFFFDD;} /*颜色方案五,粉色边框----------------------------------------*/ /*下面第一、二句决定边框颜色,第三句决定背景颜色*/ /*边框色*/ .color5 .b2,.color5 .b3,.color5 .b4,.color5 .b5,.color5 .b6,.color5 .b7,.color5 .content{border-color:#F8B3D0;} .color5 .b1,.color5 .b8{background:#F8B3D0;} /*背景色*/ .color5 .b2,.color5 .b3,.color5 .b4,.color5 .b5,.color5 .b6,.color5 .b7,.color5 .content{background:#FFF5FA;} /*颜色方案六,黄色边框----------------------------------------*/ /*下面第一、二句决定边框颜色,第三句决定背景颜色*/ /*边框色*/ .color6 .b2,.color6 .b3,.color6 .b4,.color6 .b5,.color6 .b6,.color6 .b7,.color6 .content{border-color:#FFCC00;} .color6 .b1,.color6 .b8{background:#FFCC00;} /*背景色*/ .color6 .b2,.color6 .b3,.color6 .b4,.color6 .b5,.color6 .b6,.color6 .b7,.color6 .content{background:#FFFFF7;} /*颜色方案六,黄色边框----------------------------------------*/ /*下面第一、二句决定边框颜色,第三句决定背景颜色*/ /*边框色*/ .color7 .b2,.color7 .b3,.color7 .b4,.color7 .b5,.color7 .b6,.color7 .b7,.color7 .content{border-color:#cccccc;} .color7 .b1,.color7 .b8{background:#cccccc;} /*背景色*/ .color7 .b2,.color7 .b3,.color7 .b4,.color7 .b5,.color7 .b6,.color7 .b7,.color7 .content{background:#ffffff;} /* BAST_EN BEGIN */ .body_bg {repeat-x 0 0 #f7f7f7;} .footer {background:url("/hbrcljskxjsxhcom/image/rc_06.jpg") no-repeat center 0 #f7f7f7;height:140px; margin:0 auto; width:1000px; } .footer1 { padding:100px 0 0 270px;} .header { background:url("/hbrcljskxjsxhcom/image/rc_02.jpg") no-repeat center 0; height:500px; margin:0 auto; width:1000px; position:relative;}/*改 width:1037px;*/ .return { width:100px; left: 666px; position: relative; top: 20px; color:#FFFFFF}/*改 left: 751px; */ .return a { color:#FFFFFF; font-size:14px; font-weight:bold; font-family:'黑体';} .dianji { position:absolute; top:222px; left:685px; width:120px; height:30px;} .menu { position:absolute; left:228px; top:360px;height:69px; color:#c1c1c1;}/*改* left:329px;*/ .menu a { font-size:16px; padding:0 0px; font-family:'黑体'; color:#333333; font-weight:bold; display:block; width:115px; height:69px; line-height:69px; text-align:center; float:left;}/*改*/ .menu .select { background:url("/hbrcljskxjsxhcom/image/ss_11.png") no-repeat center 0; } .active { background:url("/hbrcljskxjsxhcom/image/ss_11.png") no-repeat center 0; } .banner { margin:0 auto; width:1000px;background:url("/hbrcljskxjsxhcom/image/dd_062.jpg") no-repeat center 0;padding:0 0 0 23px;}/*改width:1017px;*/ .banner_img { margin:0 10px; } .main { margin:0 auto; width:1000px;background:url("/hbrcljskxjsxhcom/image/rc_04.jpg") repeat-y center 0 #f7f7f7; position:relative; }/*改width:1037px; height:360px;*/ .main_bg { background:url("/hbrcljskxjsxhcom/image/dd_08.jpg") repeat-x 0 0; padding:10px;} .main_left { width:200px; float:left; margin:-150px 0 0 20px} .main_right { width:722px; float:left; margin:-100px 0 0 20px }/*改 left: 300px;*/ /* BAST_EN BEGIN 孙金雨:实现图片和更多的效果。2013-07-30 */ .right1 { padding:0px 10px; width:722px;} .right2 { width:742px;} .right1_1 img { float:left; width:560px; height:46px; margin-left:10px; } .right1_2 img { float:right; width:50px; padding-top:20px; margin-right:10px;} .right1_3 { float:left; } .right1_3 img { width:305px; height:246px;} .right1_4 { float: right; width:415px;}/*改 width:658px;*/ .right1_4 li { width:370px; margin-bottom:3px; list-style-type:none; padding-left:15px;} .right1_4 .r1 { float:left; width: 406px; padding:4px; border-bottom:1px dashed #CCCCCC;} .right1_4 a { font-size:12px; padding-bottom:3px;} .right5 { border:1px solid #CCCCCC; width:440px; margin-top:20px; height:190px; float:left;}/*改height:220px;*/ .right5_1 img { width:438px; height:43px; }/*改 height:58px; ;*/ .right5_2 img { padding-top:5px; padding-left:3px; width:140px; height:105px;} .right6 { height:160px; margin-top:20px; float:left;} .right6_1 { width:280px; height:30px;} .r6_1 { float:left; padding-left:10px;} ..r6_1 img { width:106px;} .r6_2 { float:right; padding-right:10px;} .r6_2 img { width:50px; padding-top:10px;} .right6_2 { width:265px; float:right;} .right6_2 li { width:300px; margin-bottom:3px; list-style-type:none; } .right6_2 .r2 { width:268px; padding-bottom:3px; border-bottom:1px dashed #CCCCCC; } .right7 { float:left; height: inherit; margin-top:20px; } .right8 { float:right; height:65px; margin-top:20px; margin-left:10px;}/*改margin-left:10px;float: left;*/ .right7_1 { border:1px solid #cccccc; width:353px; height:240px;} .right9 { float:left; width:162px; line-height:inherit; padding:0 10px; } .right9 li { list-style-type:none; margin:0px; padding:0px; float:left; text-align:center;} .right9 li img { width:170px; height:120px; } .right9 a { margin-left:5px;} .right10 { float:left;padding-top:29px; width:740px; height:inherit; text-align:right;} .c1 { width:742px; ;line-height:inherit; margin-bottom:20px;} .lanmu { background: url("/hbrcljskxjsxhcom/image/28.png") no-repeat; padding-left:25px; } .lanmu h3 { color:#ff9000;} .right15 { height:790px; overflow-y :auto; width:720px; } /* BAST_EN END 孙金雨:左面信息 2013-07-30 */ .huodong {height:160px; margin:0px 5px 0px 10px; float:left; width:180px;} .update{ float:right;} .left5_1 { width:180px;} .left5_1 img { width:180px; margin:0px 10px;} .left5_2 { margin-top:10px;} .left5_2 img { width:180px; margin:0px 10px;} .book { margin-top:30px;} .left6 { height:120px; margin:0px 5px 0px 10px; float:left; width:180px;} .left6 img { width:80px; height:120px;} /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .clearfix:after { clear: both; } /* The following zoom:1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ .clearfix { zoom: 1; }