/*----------------------- Base Style(For HaoyuanSoft) Author: Runsly Design Corp: Sinvan.com Date:2007/9/02 ------------------------*/ html,body { height:100%;margin: 0px;background-image: url(../images/bodybg.gif);background-repeat: repeat-x;font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height: 20px;color: #5d5d5d;background-color: #006CB7;} HR {BORDER-TOP: #ddd 1px solid; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 96%; HEIGHT: 0px; BORDER-RIGHT-WIDTH: 0px} IMG {BORDER: 0px;} textarea{background-color: #eee;border: 1px solid #666666;} .inputpro{background-color: #63B3ED;height: 17px;border-top: 1px solid #5d5d5d;border-left: 1px solid #5d5d5d;border-right: 1px solid #eee;border-bottom: 1px solid #eee;text-align: left;ertical-align: top;background-image: url(../images/neirongbg.gif);background-repeat: repeat-x;} A {COLOR: #5d5d5d;text-decoration: none;} A:hover {COLOR: #000;text-decoration: none;} A.link {COLOR: #666;text-decoration: none;} A.redcolor {COLOR: #cb4721} A.redcolor:hover {COLOR: #222} div,ul,li{list-style-type: none;padding:0;margin:0;} #Mainbox{position:relative; width: 946px; margin:0 auto; padding:0; float:none; height:100%; } /*top*/ #Header{background-image: url(../images/logo.gif);background-repeat: no-repeat;background-position: 66px top;font-size: 14px;height:178px;} #tabs6 {float:left;LINE-HEIGHT: normal;margin-top:98px;} #tabs6 {float:left;LINE-HEIGHT: normal;margin-top:98px;width:100%;} #tabs6 UL {PADDING-RIGHT: 0px; PADDING-LEFT: 268px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none} #tabs6 LI {PADDING: 0px; DISPLAY: inline; MARGIN: 0px;} #tabs6 A {PADDING-RIGHT: 0px;PADDING-LEFT: 4px;FLOAT: left; PADDING-BOTTOM: 0px;MARGIN: 0px;PADDING-TOP: 0px;TEXT-DECORATION: none;background-image: url(../images/tableft6.gif);background-repeat: no-repeat;background-position: left top;} #tabs6 A SPAN {PADDING-RIGHT: 16px;DISPLAY: block;PADDING-LEFT: 11px;FLOAT: left;PADDING-BOTTOM: 8px;COLOR: #fff;PADDING-TOP: 8px;background-image: url(../images/tabright6.gif);background-repeat: no-repeat;background-position: right top;} #tabs6 A SPAN {FLOAT: none} #tabs6 A:hover SPAN {COLOR: #fff} #tabs6 A:hover {BACKGROUND-POSITION: 0% -42px} #tabs6 A:hover SPAN {BACKGROUND-POSITION: 100% -42px; COLOR: #222} /*main*/ #Main{padding:0;margin:0;} #MainTop{height:12px;background-image: url(../images/bannertop.gif);background-color: #FFFFFF;} #MainCenter{height:315px;padding-left:12px;padding-right:12px;background-image: url(../images/maincenterbg.jpg);background-color: #FFF;} #MainBottom{height:66px;background-image: url(../images/bannerbottom.gif);background-repeat: no-repeat;background-position: left top;padding-top: 40px;} #MainBottom ul{padding-left: 560px;} #MainBottom li{float:left;width:182px;height:27px;background-image: url(../images/serch.gif);background-repeat: no-repeat;padding-left:10px;padding-top:2px;} /*MainMenu*/ #hoverpage {Z-INDEX: 500;OVERFLOW: hidden;POSITION: relative;WIDTH: 600px;LINE-HEIGHT: 20px;HEIGHT: 300px;float: left;} #hoverpage TABLE {MARGIN: -1px; LINE-HEIGHT: 20px; BORDER-COLLAPSE: collapse} #hoverpage UL#outer {BACKGROUND: none transparent scroll repeat 0% 0%; MARGIN: 0; PADDING: 0; LIST-STYLE-TYPE: none} #hoverpage UL#outer LI.page {PADDING: 0px; DISPLAY: inline;} #hoverpage UL#outer LI.page A.menuitem {COLOR: #666; TEXT-DECORATION: none} #hoverpage UL#outer LI.page I { DISPLAY: block; Z-INDEX: 100; RIGHT: 402px; BACKGROUND: none transparent scroll repeat 0% 0%; CURSOR: pointer; FONT-STYLE: normal; POSITION: absolute; HEIGHT: 21px; TEXT-ALIGN: right; TEXT-DECORATION: none; width: 231px;font-size:14px; top: 1581px; } #hoverpage UL#outer LI.p1 I {TOP: 44px} #hoverpage UL#outer LI.p2 I {TOP: 75px} #hoverpage UL#outer LI.p3 I {TOP: 105px} #hoverpage UL#outer LI.p4 I {TOP: 135px} #hoverpage UL#outer LI.p5 I {TOP: 165px} #hoverpage UL#outer LI DIV {DISPLAY: block;FONT-WEIGHT: normal;PADDING-BOTTOM: 25px;OVERFLOW: hidden; WIDTH: 540px;COLOR: #666;PADDING-TOP: 10px;HEIGHT:300px;background-color: #FFFFFF; background-image: url(../images/mainDIVbg.jpg);background-repeat: no-repeat;background-position: left top;} #hoverpage UL#outer LI DIV IMG {margin-bottom: 0px;} #hoverpage UL#outer LI DIV p {margin: 5px;} #hoverpage UL#outer LI DIV P.big {DISPLAY: block;HEIGHT: 20px;font-size:15px;font-weight:bold;color: #FF6600;} #hoverpage UL#outer LI DIV A {COLOR: #666666; TEXT-DECORATION: none;} #hoverpage UL#outer LI DIV EM {DISPLAY: block;FLOAT: left;WIDTH: 280px;margin-RIGHT: 20px; HEIGHT: 250px;background-image: url(../images/selected.gif);background-repeat: no-repeat; margin-top: 30px;margin-left: 20px;background-position: center;} #hoverpage UL#outer LI DIV EM { DISPLAY: block;FLOAT: left;WIDTH: 280px;margin-RIGHT: 20px;HEIGHT: 250px;background-image: url(../images/selected.png);background-repeat: no-repeat;margin-top: 30px;margin-left: 20px;background-position: center;} #hoverpage UL#outer LI.p1 DIV EM {BACKGROUND-POSITION: 25px 0px} #hoverpage UL#outer LI.p2 DIV EM {BACKGROUND-POSITION: 25px 30px} #hoverpage UL#outer LI.p3 DIV EM {BACKGROUND-POSITION: 25px 60px} #hoverpage UL#outer LI.p4 DIV EM {BACKGROUND-POSITION: 25px 90px} #hoverpage UL#outer LI.p5 DIV EM {BACKGROUND-POSITION: 25px 120px} #hoverpage UL#outer LI.page DIV A:hover {TEXT-DECORATION: underline} #hoverpage UL#outer LI.page A:hover {WHITE-SPACE: normal} #hoverpage UL#outer :hover DIV {LEFT: 0px; POSITION: absolute; TOP: 0px} /*Search*/ .search{background-image: url(../images/search.gif);background-repeat: no-repeat;} /*right*/ /**/ .test {FONT-SIZE: 12px; Z-INDEX: 98; COLOR: #0000cc; POSITION: relative; TEXT-DECORATION: none } .test:hover {BACKGROUND: none transparent scroll repeat 0% 0%} .test SPAN {DISPLAY: none} .test:hover SPAN { BORDER-RIGHT: #eee 4px solid; DISPLAY: block; Z-INDEX: 99; FILTER: alpha(opacity=90); LEFT: -270px; BORDER-BOTTOM: #eee 4px solid; POSITION: absolute; TOP: -7px! important; -moz-opacity: 0.9; opacity: 0.9} .test:hover SPAN P { BORDER-RIGHT: #8da1ae 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8da1ae 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #8da1ae 1px solid; WIDTH: 260px; COLOR: #000; PADDING-TOP: 5px; BORDER-BOTTOM: #8da1ae 1px solid; TEXT-ALIGN: left } .test2 {FONT-SIZE: 12px; Z-INDEX: 96; COLOR: #0000cc; POSITION: relative; TEXT-DECORATION: none } .test2:hover {BACKGROUND: none transparent scroll repeat 0% 0%} .test2 SPAN {DISPLAY: none} .test2:hover SPAN {BORDER-RIGHT: #eee 4px solid; DISPLAY: block; Z-INDEX: 97; FILTER: alpha(opacity=90); LEFT: -270px; BORDER-BOTTOM: #eee 4px solid; POSITION: absolute; TOP: 49px! important; -moz-opacity: 0.9; opacity: 0.9} .test2:hover SPAN P {BORDER-RIGHT: #8da1ae 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #8da1ae 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND: #fff; PADDING-BOTTOM: 5px; MARGIN: 0px; BORDER-LEFT: #8da1ae 1px solid; WIDTH: 260px; COLOR: #000; PADDING-TOP: 5px; BORDER-BOTTOM: #8da1ae 1px solid; TEXT-ALIGN: left } /*Footer------------------------------------------------------*/ #Footer{height:50px;padding:15px 10px;border-top-width: 1px;border-top-style: solid;border-top-color: #519FD5;color:#73B3DD;margin:0 22px;} #Footer a{color:#73B3DD;} #Footer a:hover{color:#000;text-decoration: none;} .11{font-size:10px;} /*Nei---------------------------------------------------------*/ #Nei{height:100%;padding-left:12px;padding-right:12px;background-image: url(../images/mainbg.gif);background-repeat: repeat-y;background-color: #FFFFFF;padding-top:15px;} #NeiCenter{height:100%;padding-left:12px;padding-right:12px;background-image: url(../images/mainbg.gif);background-repeat: repeat-y;background-color: #FFFFFF;padding-top:15px;} .NeiProduct{height:100%;padding-left:12px;padding-right:12px;background-image: url(../images/mainbg.gif);background-color: #FFFFFF;background-repeat: repeat-y;padding-top:15px;} .copy{padding:0 22px;background-image: url(../images/mainbg.gif);background-repeat: repeat-y;} .footer{height:50px;padding-top:15px;padding-bottom:5px; padding-left:10px;border-top-width: 1px;border-top-style: solid; border-top-color: #cccccc;} #NeiBottom{height:66px;background-image: url(../images/neibottom.gif);background-repeat: no-repeat; background-position: left top;padding-top: 40px;} /*NeiLeft---------------------------------------------------------*/ #NeiLeft{float:left;width:265px;background-image: url(../images/line.gif);background-repeat: no-repeat;background-position: right top;} #NeiLeft ul{padding-left:20px;} #NeiLeft li{padding-top:6px;padding-left:12px;height:25px;background-image: url(../images/leibg.gif);background-repeat: no-repeat;} #NeiLeft li a{text-decoration: none;font-size:14px;color:#454545} #NeiLeft li a:hover{text-decoration: none;color:#f60} .LeftTop{height:124px;background-image: url(../images/leftoppro.gif);background-repeat: no-repeat;padding-bottom:10px;} .LeftBot{padding-top:30px;line-height: 18px;} /*Newsleft*/ #NewsLeft{float:left;width:265px;background-image: url(../images/line.gif); background-repeat: no-repeat;background-position: right top;} #NewsLeft ul{padding-left:20px;} #NewsLeft li{padding-top:6px;padding-left:12px;height:25px;background-image: url(../images/leibgnews.gif);background-repeat: no-repeat;} #NewsLeft li a{color: #5d5d5d;text-decoration: none;font-size:14px;} #NewsLeft li a:hover{text-decoration: none;font-weight: bold;} #NewsLeft p{height:124px;background-image: url(../images/leftopnews.gif);background-repeat: no-repeat;padding-bottom:10px;} /*Comleft*/ #ComLeft{float:left;width:265px;background-image: url(../images/line.gif); background-repeat: no-repeat;background-position: right top;} #ComLeft ul{padding-left:20px;} #ComLeft li{padding-top:6px;padding-left:12px;height:25px;background-image: url(../images/leibgcom.gif);background-repeat: no-repeat;} #ComLeft li a{color: #27718F;text-decoration: none;font-size:14px;} #ComLeft li a:hover{text-decoration: none;font-weight: bold;} #ComLeft p{height:124px;background-image: url(../images/leftopcom.gif);background-repeat: no-repeat;padding-bottom:10px;} .comleftbot{height:120px;background-image: url(../images/comleftbot.gif);background-repeat: no-repeat;background-position: center center;} .newsleftbot{height:200px;background-image: url(../images/newsleftbot.gif);background-repeat: no-repeat;background-position: center bottom;} #NeiRight{float:right;width:620px;padding-right:22px;} #NeiRightP{float:right;width:620px;padding-right:22px;} .efontTitle{font-size:12px;font-weight: normal;} .titlef60{font-size:14px;color:#ff6600;padding:5px 0;} .title{padding-top:10px;padding-left:15px;height:35px;font-size:14px;font-weight: bold;color: #3A76B1; background-image: url(../images/titlebg.gif);background-repeat: repeat-x;background-position: left bottom;} .neirong{padding:25px;background-image: url(../images/neirongbg.gif);background-repeat: repeat-x;background-position: left top;border-top-width: 1px;border-top-style: solid;border-top-color: #7FB8CD;} .data{font-size: 12px;font-style: italic;color: #999999;} .news{height:23px;padding-top:8px;border-bottom:1px #ccc dashed;} /*News*/ .newstop{height:100px;padding-top:10px;padding-bottom:20px;} .newstop01 {float:left;width:152px;} .newstop02 {float:right;width:395px; padding-left:20px;} /*Product*/ .ProShow{height:100px;padding-top:20px;padding-bottom:8px;;border-bottom:1px dashed #999999;} .ProShow01 {float:left;width:152px;} .ProShow02 {float:right;width:395px; padding-left:20px;} /*评论设置*/ #ping ul li{background-color: #E3EEF4;height:18px;margin-top: 1px;padding-top: 2px;padding-left: 10px;} .pinglun{background-image: url(../images/ping.gif); background-repeat: no-repeat; background-position: left center; padding-left:10px; font-weight: bold; background-color: #CDE2ED; border-left-width: 5px; border-left-style: solid; border-left-color: #6AA9CA; } .pingadd{ height:20px;background-image: url(../images/pingadd.gif); background-repeat: no-repeat; background-position: left center; padding-left:10px; padding-top:2px; font-weight: bold; background-color: #CDE2ED; border-left-width: 5px; border-left-style: solid; border-left-color: #6AA9CA;} /*Layer*/ .H{height:480px;} /*SubMenu*/ /*全局定义开始*/ /*清除浮动和层间空距*/ .blank,.clear{clear:both;margin:0 auto;font-size:0;} .blank{height:20px;} /*全局定义结束*/ /*头部样式定义*/ /*导航及滑动门样式*/ .nav{float:right;} .nav li{float:left;margin:0 2px;} .nav li.last{margin:0 0 0 2px;} .nav a{display:block;background:#E8E4E1;padding:9px 14px 4px 14px;font-weight:bold;} .nav a:hover{text-decoration:none;background:#695D54;} /*滑动门隐藏层样式*/ #div1{width:610px;text-align:left;color:#FFF;filter: Alpha(Opacity=80);z-index:1000;top:146px;position: absolute;OVERFLOW: hidden;left:328px;}/*距右侧边距各浏览器不一致，针对各浏览器的hack right:43px;*/ #div1{#top:142px;left:328px;position: absolute;OVERFLOW: hidden;} /*ie7 #right:40px;*/ #div1{_top:142px;left:326px;position: absolute;OVERFLOW: hidden;} /*ie6 _right:36px;*/ @media all and (min-width:0px){ /*opera*/ #div1{top:141px;left:333px;position: absolute;OVERFLOW: hidden;}/*right:45px;*/ /*#div1{position:absolute;right:43px;top:146px;width:610px;text-align:left;color:#FFF;filter: Alpha(Opacity=80);z-index: 1000;}距右侧边距各浏览器不一致，针对各浏览器的hack #div1{#right:40px;#top:142px;} /*ie7*/ /*#div1{_right:36px;_top:142px;} ie6*/ /*@media all and (min-width:0px){ /*opera*/ /*#div1{right:45px;top:141px;}*/ .nav a{height:15px;} .input1{height:19px;padding:0 2px;}} #div1 a{display:block;padding:4px;} #div1 a:link,#div1 a:visited{color:#FFF;background:#695D54;} #div1 a:hover{color:#FFF;background:#F60;text-decoration:none;} #div1 span{padding-right:5px;color:#FED325;} #layer1{background:#695D54;display:none;} #layer1 li{float:left;width:86px;} /*#layer1 a:hover{background:none;}#layer1 li.lir{text-align:right;padding-right:5px;}*/ #layer2{width:185px;background:#695D54;display:none;margin-left:87px;} #layer2 li{width:185px;} #layer3{background:#695D54;display:none;margin-left:174px} #layer3 li{float:left;width:86px;} #layer4{background:#695D54;display:none;margin-left:436px} #layer4 li{float:left;width:86px;}