@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 } #neirong{ width:1019px; height:302px; margin:0 auto;} #aa1{ width:244px; height:302px; float:left; background:url(../images/aa1_bg.JPG) no-repeat; margin-right:10px;} #aa2{ width:244px; height:302px; float:left; background:url(../images/aa1_bg.JPG) no-repeat; margin-right:10px;} #aa3{ width:244px; height:302px; float:left; background:url(../images/aa1_bg.JPG) no-repeat; margin-right:10px;} #aa4{ width:244px; height:302px; float:left; background:url(../images/aa1_bg.JPG) no-repeat; } .h222{ width:234px; height:31px; float:left; font-family:"微软雅黑"; color:#999; font-size:14px; font-weight:bold; padding-left:10px; padding-top:5px} .imgg{ width:244px; height:185px; float:left; text-align:center;} .po{ width:244px; text-align:left; float:left;} #aaa5{ width:1019px; height:10px; float:left;} #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:914px; } #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:728px; min-height:484px; background:url(../images/right1.jpg) repeat-y;_width:700px; _overflow:hidden} .ppp p{ color:#000;} .ppp1{ width:690px; margin-left:20px; } #h22{ width:728px; height:37px; background:url(../images/right.JPG) no-repeat left center; float:left} .left01 { width:191px; height:22px; background:url(../images/li1.JPG) no-repeat left top; margin-top:4px; margin-left:20px;_margin-left:10px; } .left01 a{ margin-left:20px; line-height:22px; padding-left:30px; color:#fff; font-size:14px} .left01 a:hover{ color:#F63;} .left02 { width:191px; height:23px; background:url(../images/li2.JPG) no-repeat left top; margin-top:2px; margin-left:20px;_margin-left:10px; } .left02 a{ margin-left:10px; line-height:22px; color:#333; padding-left:50px; font-size:12px} .left02 a:hover{ color:#039;} #left{ width:245px; height:351px; background:url(../images/left_bg.JPG) no-repeat; float:left;} #ab_left{ width:245px; float:left; text-align:center} #ab_left h2 a{ font-size:16px; color:#FFF; font-weight:700; text-align:center; line-height:37px;} #ab_left ul { width:245px; } #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:#00F; padding-left:80px; _padding-left:40px; text-decoration:underline; } #product_left{ width:245px; float:left;} #product_left ul { width:234px; } #product_left ul li{ width:234px; height:27px ; margin-left:12px; margin-top:4px; } #product_left ul li a{ text-align:left; width:220px; height:27px; line-height:27px; display: block; font-size:14px; color:#333; font-weight:100; background:#f2f2f2; padding-left:14px;} #product_left ul li a:hover{ width:200px; height:27px; background:url(../images/li1.jpg) no-repeat left center;; text-align:left; padding-left:32px; line-height:27px; font-size:14px; color:#333; display: block;font-weight:100; } #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; } #contact_left{ width:234px; float:left; text-align:center;} #right{ width:728px; min-height:484px; margin-left:14px; _margin-left:7px; background:url(../images/right1.jpg) repeat-y; float:left;} .ppp9{ width:180px; margin-left:20px;} #aaa{ width:728px; min-height:684px; 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:720px; height:478px; float:left; margin-left:20px; margin-right:10p;} #aaa7 ul { width:720px; margin-left:10px;} #aaa7 li { width:140px; 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:140px; height:140px; 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;}