@charset "gb2312"; * { list-style-type: none;/*设置列表没有.号，默认是有的*/ margin: 0px; padding: 0px; border:0px; } a,a:link {color:#333;text-decoration:none;} a:visited { } a:active,a:hover{ text-decoration:none;/*去除下划线*/ cursor: pointer;/*cursor:pointer设定鼠标的形状为一只伸出食指的手线*/ color:#ff6600; } a{ outline:none;/*去掉点击链接时周围的虚线框outline属性*,火狐浏览器用法*/ noOutline:expression_r(this.onFocus=this.blur());/*去掉点击链接时周围的虚线框outline属性,ie浏览器用法*/ } a:hover{ color:#ff6600;} body{ font-size:12px;font-family:宋体,SimSun,Arial,Helvetica,sans-serif;} .header{ width:100%; height:83px; overflow:hidden;/*如果元素中的内容超出了给定的宽度和高度属性，overflow 属性可以确定是否显示滚动条等行为。hidden则为隐藏溢出的内容*/ position:relative;/*把header设置为父元素； position='static'无特殊定位；position:relative 相对定位，相对父元素进行移动，比如h2.pos_left{position:relative;left:-20px}相对定位元素的定位是相对它自己的正常位置的定位。H2向左移动20px;fixed定位是指元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会滚动，且fixed定位使元素的位置与文档流无关,值得注意的是：fixed定位在IE7和IE8下需要描述！DOCTYPE才能支持,absolute定位 　　绝对定位的元素相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于。但是一旦子元素的position为fixed或者是absolute，那么它就会脱离文档流，这样的后果是父元素无法被撑开,解决方法1：在js中设置父元素高度等于子元素的高度。解决方法2：给父元素强行设置高度。（对于宽度导致的类似问题就强行设置宽度）*/ background-image: url(imagesbg1.jpg); background-repeat: repeat-x; } .header-content{ width:980px; height:83px; position:relative; overflow:hidden; margin:0 auto;}/*z-index只能在position属性值为relative或absolute或fixed的元素上有效。父元素和子元素之间还是可以作比较的！！！只是需要我们把子元素的z-index值设为负数。*/ .menu{ width:100%; height:44px;position:relative; z-index:99999; margin:0 auto; background:url(imagesindex_memu_bg.gif) repeat-x;} #nav {width:980px; height:44px; line-height:44px; margin:0 auto; white-space:nowrap;}/*white-space:nowrap;用于处理元素内的空白，只在一行内显示。*/ #nav li {float:left;display:inline; height:44px; text-decoration:none;font-size:16px; color:#fff;text-align:center;position:relative;;font-family:\5FAE\8F6F\96C5\9ED1;}/*一行一个div，但是只要在div的css中使用float：left，可以使一行有多个div，这样可以把网页划分成很多块，但是使用该属性会影响后面的元素，所有如果后面的div不想再被影响，可以使用clear:both；可以理解为清除float:left和float:right的影响，返回到默认状态。{display: inline} 让 li 不再独占一行，主要是解决ie6的双倍行距的问题。5FAE\8F6F\96C5\9ED1应该是unicode编码格式，为了在页面中不显示中文的兼容方法，等价于： font-family:“微软雅黑” font-family:“Microsoft YaHe”在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。 为此，在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称，浏览器是可以正确的解析的。*/ #nav li a{ text-align:center; display:block;color:#fff; text-decoration:none; float:left;position:relative; z-index:999; padding:0 17px;}/*display:block; 是让对象成为块级元素(比如a，span等)*/ #nav li a:hover{ color:#fff; background:#024a14;} #nav li ul { display:none;position:absolute;left:0px;top:44px; width:120px; z-index:99999;}/*display:none:此元素不会被显示*/ #nav li ul li{float:left;display:inline; border-top:1px solid #fff; height:35px; background:#024a14 !important; padding:0px;} #nav li ul a{float:left;display:block;text-align:left;text-decoration:none;width:160px; font-weight:normal; padding:2px 13px;line-height:30px; font-size:14px; background:none !important; color:#fff !important;}/*important!; 这个选项代表 只有IE7以上,FF,opera ,chorme等流览器可以识别这些属性. 比如：.wrapper{height:100px;height:200px !important;}那么在 IE6 中显示的高度就是100px,而在IE7以上,FF,opera ,chorme 显示的高度 就是200px;*/ #nav li ul li span{ display:none;} #nav li ul a:hover {color:#fff !important; background:#04539E !important;height:30px; } #nav li:hover ul {display:block;}/*"nav"里的 ul 标签里的 li 标签鼠标指上去之后触发 li 标签里的 ul 标签;*/ .clear{ clear:both;} .banner{width:100%; height:261px;position:relative;background:url(imageswangye.jpg) repeat;} .banner-pic{width:1000px;height:261px;position:relative;margin:0 auto;} .container{ width:100%; overflow:hidden;} .content{ width:1000px; margin:0 auto; overflow:hidden; padding-top:5px; padding-bottom:15px;} .content-top{ width:1000px; height:220px; overflow:hidden; margin-bottom:5px;background:url(imagesindex_07.jpg) no-repeat;} .content-top-title{height:30px;overflow:hidden;padding-left:20px;padding-top:5px;} .more{float:right;padding-right:25px;padding-top:5px;} .p{float:left;font-size:16px;color:#333333;font-family:"微软雅黑";} .content-top-content{margin:0 auto;padding-left:15px;padding-right:15px; width:960px;} .content-top-content ul{line-height:25px;} .icon{ padding-top:5px;float:left;padding-right:5px;} .content-main{ width:1000px; height:256px; overflow:hidden; margin-bottom:5px; } .main1{ width:276px; height:256px; overflow:hidden; background:url(imagesindex_08.gif) no-repeat; float:left; } .main2{ width:434px; height:256px; overflow:hidden; background:url(imagesindex_09.gif) no-repeat; float:left; } .main3{ width:290px; height:256px; overflow:hidden; background:url(imagesindex_10.gif) no-repeat; float:right; } .main1-title {height:50px;overflow:hidden;padding-left:20px;padding-top:15px;} .main1-content{ padding-top: 0px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; } .main1-content li{ height:28px; line-height:28px; padding-left:20px; background:url(imagesindex-li-icon.png) no-repeat left center; border-bottom-width: 1px;/*边界下边框宽度*/ border-bottom-style: solid;/*边界实线边框*/ border-bottom-color: #CCCCCC; } .main1-content ul{line-height:24px;} .main1-content li a{ float:left; } .main1-content li span{ float:right; color:#666;} .main1-bot{ width:265px; height:194px; overflow:hidden;} .main1-bot ul{ width:265px; height:194x; overflow:hidden;} .main1-bot li{ width:110px; height:37px; display:block; overflow:hidden; float:left; margin:5px 0 18px 18px; display:inline;}/* margin上右下左*/ .main1-bot li .ksimg{ width:48px; height:35px; overflow:hidden; float:left; border:1px #c3c2c1 solid;} .main1-bot li .ksdiv{ width:50px; height:35px; overflow:hidden; float:left; margin-left:10px; display:inline; line-height:38px;} .footer{ width:100%; overflow:hidden; padding:20px 0; background-color:#cccbc7; margin-top:0px; text-align:center; font-size:12px; color:#262626; line-height:24px;} .footer a{ font-size:12px; color:#fff;} .footer a:hover{ text-decoration:underline;} .neirong{ width:1000px; overflow:hidden; float:right;} .neirong-title a{ color:#333;} .neirong-title{ width:1000px; padding-left:20px; height:35px; line-height:30px; color:#333; font-size:12px; background:url(imagesny-right-title.jpg) no-repeat left top; border-bottom:2px solid #6191B5;} .con_t { font-size: 14px; line-height: 30px; height: 30px; width: 600px; margin-right: auto; margin-left: auto; font-weight: bold; text-align: center; } .con_time { font-size: 12px; line-height: 24px; color: #666666; height: 24px; width: 600px; margin-right: auto; margin-left: auto; text-align: center; margin-bottom: 10px; width: 960px; border-bottom-width: 1px;/*边界下边框宽度*/ border-bottom-style: dashed;/*边界虚线边框*/ border-bottom-color: #CCCCCC; } .neirong-content{min-height:400px; _height:400px; line-height:24px; width:1000px; position:relative; float:left; display:inline; padding:20px; background:#fff;color:#333;} /* min-height实现最小高度代码当内容超出该默认高度时，元素的高度同时随内容而增加。 _height 在ie 6 中为 最小高度 */ .ny-left{ width:250px; overflow:hidden; float:left; background:#fff;} .ny-left-title{ width:250px; height:40px; color:#fff; font-size:14px; line-height:40px; font-weight:bold; overflow:hidden; background:#0480b0; text-align:center;} .ny-left-content{ min-height:200px; _height:200px; overflow:hidden; background:#EFEFEF; padding:0 15px; padding-bottom:30px; padding-top:10px;} .ny-left-content ul li{ width:200px; float:left; overflow:hidden; margin-bottom:5px;} .ny-left-content li a{ display:block; width:200px; height:35px; line-height:35px;font-size:12px; color:#333; border-bottom:1px dotted #C6C6C6; padding-left:20px; background:url(imagesindex-li-icon.png) no-repeat 5px center;} .ny-left-content li a:hover{ text-decoration:none; color:#333;} .ny-left-content li ul{ display:none; overflow:hidden; width:175px; margin-left:20px;} .ny-left-content li ul li{margin-bottom:0px; background:none; border:none;} .ny-left-content li ul li a{ width:155px; height:30px; line-height:30px; padding-left:20px; font-weight:normal; border:none; color:#666; font-size:12px;} .ny-left-content li ul li ul{ display:none; overflow:hidden; padding:0; margin:0; padding-left:15px;} .ny-right{ width:740px; overflow:hidden; float:right;} .ny-right-title a{ color:#333;} .ny-right-title{ width:740px; padding-left:20px; height:35px; line-height:30px; color:#333; font-size:12px; background:url(imagesny-right-title.jpg) no-repeat left top; border-bottom:2px solid #0480b0;} .con_t { font-size: 14px; line-height: 30px; height: 30px; width: 600px; margin-right: auto; margin-left: auto; font-weight: bold; text-align: center; } .ny-right-content{min-height:200px; _height:200px; line-height:24px; width:690px; position:relative; float:left; display:inline; padding:20px; background:#fff;color:#333;} .ny-right-content ul li{ width:740px; float:left; overflow:hidden; margin-bottom:10px; height:18px;border-bottom:1px dotted #C6C6C6;height:25px;} .ny-right-content li a{ float:left;line-height:12px;font-size:12px; color:#333;background:url(imagesindex-li-icon.png) no-repeat; padding-left:15px;} .ny-right-content li a:hover{ text-decoration:none; color:#333;} .timeright{float:right;}