@charset "utf-8"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,ins, b,kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; list-style:none; vertical-align: baseline; } body{ margin:0 auto; font-size:12px; line-height:24px;font-family:"宋体" } li{ display:inline; list-style:none; list-style-position:outside; text-align:center; font-weight:bold; float:left; } .clear{ clear:both;} a{color:#efe3af; text-decoration:none;} a:link{ text-decoration:none;color:#000;} a:visited{color:#000; } a:hover{color:#000;} img{ border:0px;} #header{width:1019px;margin:0px auto; } #logo{ width:620px; height:38px; float:left;} #con{ width:353px; height:38px; float:left; margin-left:40px; } .search1 { float: left; height:20px; width:125px; background:url(../images/sea.PNG) no-repeat; border:0px solid #c2c2c2; color: #999999; display: inline; margin-top: 13px; margin-left: 0px; line-height: 0px; margin-right:0px; font-size: 12px; } .searchimg1 { float: left; margin-top: 13px; margin-left:0px; display: inline; } #logo1{ width:149px; height:63px; float:left; } #menu { width:100%; background:#fff; position:absolute; margin-top:38px ;filter:alpha(opacity=90); /*IE滤镜,透明度50%*/ -moz-opacity:0.9; /*Firefox私有,透明度50%*/ opacity:0.9;/*其他,透明度50%*/ } #banner{ width:100%; margin:0px auto; } #content1{ width:1019px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #content2{ width:1019px; background-color: #FFF; background-image: url(../images/liii.jpg); background-repeat: repeat; float: left; } #content{ margin:0 auto; width:100%; position:absolute; background:#f3f3f3; z-index:-99999; margin-top:400px; } #neirong{ width:1019px; height:302px; margin:0 auto;} .left01 { width:206px; height:28px; } .left01 a{ width:206px; height:28px; background:url(../images/yu.jpg) no-repeat ; margin-top:2px; display:block; color:#fe170d} .left01 a:hover{ color:#fff; width:206px; height:28px; background:#fe170d ; margin-top:2px; display:block} .left02 { width:206px; height:23px; margin-top:4px; text-align:left } .left02 a{ width:206px; height:23px; margin-top:4px; display:block; color:#999; padding-left:70px;_padding-left:0px;} .left02 a:hover{ color:#2ba765; text-decoration:underline} #left{ width:222px; height:724px; background:url(../images/left.JPG) no-repeat; float:left;} #ab_left{ width:222px; margin-bottom:30px; float:left; text-align:center} #ab_left h2 a{ font-size:18px; font-family:"微软雅黑"; color:#3b3b3b; font-weight:700; text-align:center; line-height:68px;} #ab_left ul { width:222px; margin-bottom:30px; } #ab_left ul li{ width:207px; margin-left:5px;height:39px ; margin-top:4px; } #ab_left ul li a{ text-align:left; width:207px; height:39px; line-height:35px; display: block; font-size:14px; color:#333; font-weight:100; background:url(../images/li.JPG) no-repeat; padding-left:80px; _padding-left:40px;} #ab_left ul li a:hover{color:#688e2b; padding-left:80px; _padding-left:40px; text-decoration:underline; } #product_left{ width:200px; float:left;} #product_left ul { width:189px; margin-left:10px;font-family:Verdana, Geneva, sans-serif } #product_left ul li{ width:189px; height:47px ; background:url(../images/li.jpg) no-repeat;margin-top:4px; } #product_left ul li a{ width:189px; height:47px ; background:url(../images/li.jpg) no-repeat; padding-left:60px; _padding-left:30px;} #product_left ul li a:hover{width:189px; height:47px ; background:url(../images/li.jpg) no-repeat; color:#688e2b; padding-left:60px;_padding-left:30px; } #product_left ul li{ _width:200px; _line-height:25px; float:left; } #product_left ul li a{ _text-align:left; _line-height:27px; ; _font-size:14px; _color:#333; _font-weight:100;} #product_left ul li a:hover{ _text-align:left; _line-height:25px; _font-size:14px; _color:#999; _font-weight:100; } #con_left{ width:229px; float:left; text-align:center;} #right{ width:796px; min-height:724px; background:url(../images/rght.JPG) no-repeat; float:left; _width:776px; _overflow:hidden} #da_foot{ width:100%; clear: both; height: 131px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; overflow: visible; background:url(../images/footer.JPG) repeat-x; position:absolute; margin-top:1120px; } #footer{ width:1019px; padding-top:20px; height:96px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #daohang a{ color:#333;} #footer p{color:#fff; line-height:24px;} #footer a:hover{ text-decoration:underline;} #footer span p{color:#fff; line-height:24px;} #footer span a{color:#fff;} #footer span a:hover{ text-decoration:underline;} .ppp{ width:700px; min-height:724px; margin-left:60px;} .ppp1{ width:690px; margin-left:20px; } .ppp ul{ width:700px; margin-left:28px; _margin-left:14px;} .ppp ul li{ width:700px; height:70px; border-bottom:1px #666 dotted; text-align:left; line-height:70px;} .ppp ul li a{ font-size:14px; text-align:left; font-weight:100} .ppp ul li a:hover {color:#666} .ppp ul span{ font-weight:300; color:#333} #h22{ width:796px; height:70px; background:url(../images/right.JPG) no-repeat left center; float:left} .ppp9{ width:180px; margin-left:20px;} #aaa{ width:728px; min-height:724px; background:url(../images/right1.jpg) repeat-y;} #aaa ul { width:720px; margin-left:10px;} #aaa li { width:160px; text-align:center;margin-top:20px; margin-left:5px; margin-right:5px; margin-bottom:5px; _margin-top:10px; _margin-left:5px; _margin-right:5px; _margin-bottom:5px; border: 2px; border-color:#c7c1a8; float:left; } #aaa li a{ color:#333; font-weight:100;} #aaa li a:hover{ color:#00F; font-size:13px;font-weight:100;} #aaa img{ width:110px; height:180px; border:3px solid #CCC; } #aaa7{ width:900px; float:left; margin-left:20px; margin-right:10p;} #aaa7 ul { width:900px; margin-left:10px;} #aaa7 li { width:220px; text-align:center;margin-top:20px; margin-left:15px; margin-right:15px; margin-bottom:5px; _margin-top:10px; _margin-left:5px; _margin-right:5px; _margin-bottom:5px; border: 2px; border-color:#c7c1a8; float:left; } #aaa7 li a{ color:#333; font-weight:100;} #aaa7 li a:hover{ color:#00F; font-size:13px;font-weight:100;} #aaa7 img{ width:220px; border:3px solid #CCC; } #aaa8{ width:720px; height:478px; float:left; margin-left:20px; margin-right:10p;} #aaa8 ul { width:720px; margin-left:10px;} #aaa8 li { width:160px; text-align:center;margin-top:30px; margin-left:10px; margin-right:10px; margin-bottom:20px; _margin-top:10px; _margin-left:5px; _margin-right:5px; _margin-bottom:5px; border: 2px; border-color:#c7c1a8; float:left; } #aaa8 li a{ color:#333; font-weight:100;} #aaa8 li a:hover{ color:#00F; font-size:13px;font-weight:100;} #aaa8 img{ width:160px; height:70px; border:3px solid #CCC; } .newspage { width:700px;PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-TOP: 20px; TEXT-ALIGN:left } .newspage A { BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fff; PADDING-BOTTOM: 2px; FONT: 12px/22px ""; BORDER-LEFT: #999 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid } .newspage A:hover { BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #bababa; BORDER-LEFT: #fff 1px solid; COLOR: #fff; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: none } .newspage A:active { BORDER-RIGHT: #666 1px solid; BORDER-TOP: #666 1px solid; BACKGROUND: #bababa; BORDER-LEFT: #666 1px solid; COLOR: #666; BORDER-BOTTOM: #666 1px solid } .newspage SPAN.current { BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BACKGROUND: #bababa; PADDING-BOTTOM: 2px; BORDER-LEFT: #666 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #666 1px solid } .newspage SPAN.disabled { BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #666; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid } .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .clearfix{display:inline-table;}/* Hides from IE-mac \*/ .clearfix{display:block;}/* End hide from IE-mac */ /* section */ .section{width:232px;margin:10px auto 0 auto;overflow:hidden;} .section ul{width:232px;} .section ul li{float:left;margin-right:6px;margin-bottom:10px;display:inline;width:232px;height:185px;overflow:hidden;position:relative;} .section ul li .photo{width:232px;height:185px;overflow:hidden;} .section .rsp{width:232px;height:185px;overflow:hidden;position: absolute;background:#000;top:0px;left:0px;} .section .text{position:absolute;width:232px;height:185px;left:-300px;top:0px;overflow:hidden;} .section .text h3{width:232px;margin-top:20px;height:50px;line-height:50px;text-align:center;color:#FFFFFF;font-size:20px;} .section .text a{text-decoration:none} .section .text div{text-align:center;color:#FFFFFF;font-size:18px;} #aaa45{ width:700px; float:left; margin-left:60px;_margin-left:0px;} #aaa45 ul { width:700px;} #aaa45 li a{ color:#333; font-weight:100;} #aaa45 li a:hover{ text-decoration:underline; color:#666; font-size:12px;font-weight:100;} .product{ margin-bottom:6px;} .product ul{ margin-top:0px;} .product ul li{ width:160px; height:180px;float:left; text-align:center; margin:8px 7px 0px 7px; overflow:hidden; } .product ul li img{ width:160px;margin-bottom:0px; } .pic01{ overflow:hidden; height:160px;border:1px #999 solid; }