@charset "utf-8"; /* CSS Document */ * { padding:0; margin:0;} html {width:100%; } body { font:12px/1.8 arial,helvetica,clean,sans-serif; color:#333333; background:url(../images/hdbbgg.jpg) repeat-x left top; width:100%; height:123px;} img { border:0;} li { list-style-type:none;} /* 超出部分隐藏 */ .overflow { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap;overflow:hidden;} /* Clear Fix 万能清除浮动 */ .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display:inline-block; } .clearfix {display:block;} .clear { clear:both;} #hd,#nav,#all,#ft { width:960px; margin:0 auto;} a:link { color:#454545; text-decoration:none} a:visited { color:#454545; text-decoration:none} a:hover { color:#ff0000; text-decoration:underline} a:active { color:#ff6600; text-decoration:none} /*-------hd------------------*/ #hd{ position:relative;width:960px; padding:0px;height:79px; background:url(../images/hdbbgg.jpg) repeat-x ; } #hd #logo{ position:absolute; margin-left:20px; bottom:0px; } #hd #serach{ position:absolute; right:135px; height:79px; text-align:center; top:30px; background:url(../images/searchfdjf.jpg) no-repeat left top;width:118px; height:22px;} #hd #serach .inputs{ width:95px; background:none; border:none; padding-left:0px; padding-top:2px;} #hd #serach #buttom{ position:absolute; right:8px; top:5px;} #hd #lang{position:absolute;right:30px;top:25px;width:50px;height: 40px; } #hd #lang ul { margin:0px ; padding:0px; height:40px;} #hd #lang ul li{} /*-----------nav----------------*/ #nav{width:960px; height:44px; height:44px; border:#F00 solid 0px; background:url(../images/htmlbg.jpg) repeat-x 0 -79px; } #nav ul { margin-left:20px; } #nav ul .imatm { float:left; text-align:center; margin-top:2px; } #nav ul .imatm .fu {font-size:12px; color:#FFF; margin-right:0px; margin-left:0px; width:101px; display:block; } #nav ul .selected .fu { color:#fff; background:url(../images/hover.jpg) repeat-x left top; } #nav ul .imatm .fu:hover{ color:#fff; font-size:12px; text-decoration:none; background:url(../images/hover.jpg) repeat-x left top; } #all{ width:970px; margin:0 auto; overflow:hidden; padding-top:6px; } #dcall { width:972px; border-left:#E7E7E7 solid 1px; border-right:#E7E7E7 solid 1px; margin:0 auto;} /*--------bd---leftbd1----------------*/ #all #left{ float:left; padding:0px; width:750px; overflow:hidden; margin-left:5px;_margin-left:3px; } #all #left #fl{width:750px; padding-bottom:0px; } #all #left #flline{ background:url(../images/flline.jpg) repeat-x left top; height:4px; width:750px; overflow:hidden; } #all #left #bd{ mbdrgin:0px; padding: 0px; width:750px; margin-top:5px; } #all #left #bd #leftfirst{ width:750px; } #all #left #bd #leftfirst #bdleftfirst1{margin:0px; padding:0px; } #all #left #bd #leftfirst #bdleftfirst1 div{ float:left; } #all #left #bd #leftfirst #bdleftfirst1 .bdleftbg01left{ background:url(../images/bdkleft.jpg) no-repeat; width:7px; height:226px;} #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg{background:url(../images/bbbbbbbd.jpg) repeat-x left top; height:226px;} #all #left #bd #leftfirst #bdleftfirst1 .bdleft01right{ background:url(../images/bdkright.jpg) no-repeat left top;width:7px; height:226px; } #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg ul{width:235px; padding-left:4px; margin-top:10px; margin-bottom:2px; height:205px; overflow:hidden; margin-left:5px;} #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg ul li{ width:240px; } #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg h3{background:url(../images-sanjiao.jpg) no-repeat 0 50%; padding-left:5px; width:217px; margin-left:8px; height:18px; line-height:18px; font-size:14px; color:#4E4E4E; overflow:hidden; } #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg h3 span{float:right;} #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg .ul01{border-right:#E7E7E7 solid 1px; width:233px; } #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg .ul01 li{width:213px; } #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg .ul01 h3{ margin:0px; } #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg .ul02{margin-left:5px;} #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg .ul02 h3{ margin-left:8px; } #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg .ul02 li{background:url(../images-sanjiao2.jpg) no-repeat 0 50%; padding-left:0px; border-bottom:#ccc dotted 1px; margin-left:5px; width:230px;} #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg .ul02 p{ text-align:center; padding-top:5px;} #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg .ul03{ border-left:#E7E7E7 solid 1px;overflow:hidden; margin-left:9px;} #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg .ul03 .imgs{ margin-left:12px;width:213px; } #all #left #bd #leftfirst #bdleftfirst1 .bdlef01conbg .ul02 h3{ margin-left:0px; } #all #left #bd #leftfirst #bdleftfirst1 .bdleftbg01left .bdleft01{ width:250px;} #all #left #bd #leftfirst #bdleftfirst1 .bdleftbg01left .bdleft01 h3{ background:url(../images/sanjiao.jpg) no-repeat 0 50%; padding-left:22px; width:200px; margin-top:10px; margin-left:10px; height:18px; line-height:18px; font-size:14px; color:#4E4E4E; overflow:hidden; } #all #left #bd #leftfirst #bdleftfirst1 .bdleftbg01left .bdleft01 h3 span{ margin-left:100px;} /*--bd-------left2 products----------------*/ #all #left #bd #bdleft2{ margin:0px; padding:0px; clear:both; width:750px; padding-top:6px; overflow:hidden; } #all #left #bd #bdleft2 div{ margin:0px; float:left; padding:0px; width:160px;} #all #left #bd #bdleft2 .productlook{ width:20px; margin-top:25px; overflow:hidden; margin-left:10px; } #all #left #bd #bdleft2 .productlook h3{ background:url(../images/productstupian.jpg) no-repeat 2px 0px; padding-top:10px; font-size:14px; color:#4E4E4E; overflow:hidden;} #all #left #bd #bdleft2 .productlogo{ } #all #left #bd #bdleft2 .productlogo img { border:#eee 1px solid; padding:1px; margin-bottom:3px; margin-right:3px;} #all #left #bd #bdleft2 .productjieshao{ width:300px; margin-left:5px;} #all #left #bd #bdleft2 .productanli{width:240px; margin-left:5px;} #all #left #bd #bdleft2 .productanli .ul01{} #all #left #bd #bdleft2 .productanli .ul01 li{ width:230px;} #all #left #bd #bdleft2 .productanli .ul02{} #all #left #bd #bdleft2 .productjieshao .ul02 li{ padding-top:10px; text-align:left;width:295px; overflow:hidden; } #all #left #bd #bdleft2 .productanli .ul03{ } #all #left #bd #bdleft2 .productanli .ul03 h3{background:url(../images/sanjiao.jpg) no-repeat 0 50%; padding-left:22px; margin-left:0px; height:18px; line-height:18px; font-size:14px; color:#4E4E4E; overflow:hidden;} #all #left #bd #bdleft2 .productanli .ul03 h3 span{ float: right; _padding-right:10px; } #all #left #bd #bdleft2 .productanli .ul03 .anliline{ width:230px; overflow:hidden; padding:0px; margin:0px; } #all #left #bd #bdleft2 .productanli .ul03 li{ background:url(../images/sanjiao2.jpg) no-repeat 0 50%; padding-left:15px; border-bottom:#ccc dotted 1px; margin-right:5px; width:215px; overflow:hidden;} /*--bd-------left3 products----------------*/ #all #left #bd #leftbd3{ clear:both;margin:0px; padding:0px; width:750px; margin-top:10px; } #all #left #bd #leftbd3 ul{ margin:0px; padding:0px; width:750px; } #all #left #bd #leftbd3 ul li{ float:left; margin-right:10px; } /*-----------------------right---------------*/ #all #right{ float:right; width:203px; margin-right:5px; overflow:hidden; display:inline; } #all #right .rightdiv{ margin:0px; padding:0px; } #all #right #righttop{ float:none; margin:0px; padding:0px; overflow:hidden;} #all #right #righttop #listrighttop{ background:url(../images/righttoplist.jpg) no-repeat left top; width:203px; height:28px;} #all #right #righttop #listrighttop h2 { padding-top:4px; padding-left:10px; font-size:14px; color:#999;} #all #right #righttop .listbd{ background:url(../images/rightbotlistbgggggg.jpg) repeat-y left top; width:203px;} #all #right #righttop .listbd .listbg2{ background:#EFF3FF; padding:0 6px; margin:0 2px;} #all #right #righttop .listbd .listbg2 li{ padding-left:30px; } #all #right #righttop .listbd .listbg1 { padding:0 6px; margin:0 2px;} #all #right #righttop .listbd .listbg1 li{ padding-left:30px; } #all #right #righttop .listbd .lis2 { padding-left:30px; background:url(../images/2listsan.jpg) no-repeat 20px 5px;} #all #right #righttop .listbd .lis3 { padding-left:45px; background:url(../images/li3.jpg) no-repeat 22px 8px;} #all #right #righttop .listbd h3{ font-size:14px; padding-left:30px; } #all #right #righttop .listbd .listname{ font-size:14px; color:#00F; background:url(../images/gif-0520.gif) no-repeat 21px 60% ; padding-left:38px; margin:0 2px;} #all #right #righttop .listbd .listname a { color:#4F4F4F} #all #right #righttop .listbd2 { background:url(../images/rightbotlistbgggggg.jpg) repeat-y left top; width:203px;} #all #right #righttop .listbd2 .listbg2{ background:#EFF3FF; padding:0 6px; margin:0 2px;} #all #right #righttop .listbd2 .listbg2 li{ padding-left:30px; } #all #right #righttop .listbd2 .listbg1 { padding:0 6px; margin:0 2px; background:#EFF3FF;} #all #right #righttop .listbd2 .listbg1 li{ padding-left:30px; } #all #right #righttop .listbd2 .lis2 { padding-left:30px; background:url(../images/2listsan.jpg) no-repeat 20px 5px;} #all #right #righttop .listbd2 .lis3 { padding-left:45px; background:url(../images/li3.jpg) no-repeat 22px 8px;} #all #right #righttop .listbd2 h3{ font-size:14px; padding-left:30px; } #all #right #righttop .listbd2 .listname{ font-size:14px; color:#00F; background:url(../images/gif-0520.gif) #EFF3FF no-repeat 21px 60% ; margin:0 2px; padding-left:38px;} #all #right #righttop .listbd2 .listname a { color:#4F4F4F;} #all #right #listrightbottom{ background:url(../images/list3.jpg) no-repeat left top; width:203; height:10px;} #all #right #rightbottom{ margin:0px; padding:0px;} #all #right #rightbottom #right2top{ background:url(../images/rightbotlist1.jpg) no-repeat left top; width:203px; height:5px; overflow:hidden;} #all #right #rightbottom #right2bgg{ background:url(../images/rightbotlistbgggggg.jpg) repeat-y left top; } #all #right #rightbottom #right2bgg .rightxuanxingname{ width:200px; overflow:hidden;} #all #right #rightbottom #right2bgg h3{ float:left;font-size:14px; color:#9E9E9F; margin-left:15px; width:80px;} #all #right #rightbottom #right2bgg .more{ float:right; width:80px; padding-top:5px; margin-right:5px; text-align:right;} #all #right #rightbottom #right2bgg .listbook ul { width:220px; overflow: hidden; margin-top:5px; padding:0px 10px;} #all #right #rightbottom #right2bgg .listbook ul li{ float:left; margin:0px; padding:0px; padding-left:px; text-align:left; width:80px;} #all #right #rightbottom #right2bgg .listbook ul li img{ padding-left:10px;} #all #right #rightbottom #right2bottom{ background:url(../images/rightbotlist3.jpg) no-repeat left top; width:203px; height:10px; overflow:hidden; } /*-----------------ft---------------------------------*/ #ft{ background:url(../images/ft.jpg) no-repeat left top; width:960px; height:90px; } #ft p{ text-align:center; padding-top:20px;padding-top:20px; } #ft #p2{ padding:0px;} /*-----------------products.html----------------------------------*/ #all2{margin: 0 auto; width:970px; overflow:hidden; padding-top:6px; } #all2 .all{ margin: 0 auto; padding:0px;width:960px; } #all2 .all #left{ margin:0px; padding:0px; width:203px; float:left; display:inline; overflow:hidden;} #all2 .all #left .lefttop{ margin:0px; padding:0px;} #all2 .all #left .lefttop .listlefttop{ background:url(../images/2list.jpg) no-repeat left top; width:203px; } #all2 .all #left .lefttop .listbd{ background:url(../images/2listbg.jpg) repeat-y left top;} #all2 .all #left .lefttop .listbd .listbgsew{ background:#FFF; margin-left:2px;margin-right:2px; width:199px; overflow:hidden;} #all2 .all #left .lefttop .listbd .listbgse{ background:#EFF6FF; margin-left:2px;margin-right:2px; width:199px; overflow:hidden;} #all2 .all #left .lefttop .listbd .listname{ background:url(../images/gif-0520.gif) no-repeat 0 60%; padding-left:20px; margin-left:17px; font-size:12px;} #all2 .all #left .lefttop .listbd .listbg {} #all2 .all #left .lefttop .listbd .listbg .li2{ background:url(../images/2listsan.jpg) no-repeat 21px 5px; padding-left:33px; margin-left:2px;margin-right:2px;} #all2 .all #left .lefttop .listbd .listbg .li3{ background:url(../images/li3.jpg) no-repeat 26px 9px; _padding-left:15px; _margin-left:0px; padding-left:36px; margin-left:5px; overflow:hidden;} #all2 .all #left .lefttop .listbd .listbg{} #all2 .all #left .lefttop .listleftbottom{ background:url(../images/2listbottom.jpg) no-repeat left top; width:203px; height:9px;} #all2 .all #left #leftbottom{ margin-top:5px; _margin-top:3px;} #all2 .all #left #leftbottom .left2top{ background:url(../images/2list2top.jpg) no-repeat left top; width:203px; height:90px;} #all2 .all #left #leftbottom .left2bgg{ background:url(../images/2listbg.jpg) repeat-y left top;} #all2 .all #left #leftbottom .left2bgg li{ width:190px; margin-left:10px; margin-right:10px;} #all2 .all #left #leftbottom .left2bottom{ background:url(../images/2listbottom.jpg) no-repeat left top ; width:203px; height:9px;} #all2 .all #right { margin:0px; padding:0px;float:right; width:750px; margin-left:0px; display:inline; overflow:hidden; } /*--------------------right----------------*/ /*------------------------fl------------------------------*/ #all2 .all #right .flall{ margin:0px; padding:0px;} #all2 .all #right .fl{ margin:0px; padding:0px; width:750px; height:160px; } #all2 .all #right .flxian{ background:url(../images/flline.jpg) repeat-x left top; width:750px; height:4px; overflow:hidden;} /*-----------------------.products-----------------------------*/ #all2 .all #right .products{ overflow:hidden; } #all2 .all #right .products .productsname {width:750px; height:26px; padding-top:2px; overflow:hidden; border-bottom:#ddd 1px solid;} #all2 .all #right .products .productsname .productsnameleft{ float:left; margin-left:9px; } #all2 .all #right .products .productsname .productsnameright{ float:right; height:25px; margin-right:10px; text-align:right; width:200px; line-height:22px;} /*-----------------------.products list-----------------------------*/ #prolist { padding-bottom:10px;} #prolist table{ width:740px; marging-top:25px; overflow:hidden; margin-left:10px; } #prolist table tr { } #prolist table .tr1 td{ font-size:12px; font-weight:bold; } #prolist table .tr1 { border-bottom:#000 solid 2px; } #prolist table tr td{ text-align:center; height:20px;border-bottom:#E7E7E7 solid 1px; margin:0px; padding:5px 5px;} #prolist table tr .td01{width:91px; height:69px;} #prolist table tr .td01 img{ width:91px; height:69px; } #prolist table tr .td02{ width:140px; height:69px; } #prolist table tr .td03{width:430px; height:69px;} #prolist table tr .td03 a{width:430px; height:69px; color:#0099FF;} #prolist table tr .tdleft{ text-align:left;} .ltit { font-size:14px; padding-top:5px; padding-left:20px; color:#666;} #conten,#newList { padding:10px 10px 10px 10px;} #conten p { margin:1em;} #pg { text-align:center;} #pg a { text-decoration:underline;} .red { color:#F00;} #newList ul { margin:0; margin-left:0px;} #newList .date { float:right; color:#666;} #newList li { clear:both; border-bottom:#ddd 1px dotted; background:url(../images/dot.gif) no-repeat 3px 8px; padding-left:15px;} #shouce { padding:0 10px;} #shouce td { padding:5px;}