/*-------------------------------------------------------- Base Style(For qingli) Author: scorpio.Deng Version: 1.0 Date:2007/02/27 Design Corp: wwww.Sinvan.com --------------------------------------------------------*/ @charset "utf-8"; body {MARGIN: 0 auto; PADDING: 0px;font-family:Arial, Helvetica, sans-serif; font-size:12px; margin-left:0px; background:url(../images/bj.jpg);} div,form,p,img,ul,ol,li,dl,dt,dd {margin:0; padding:0; list-style:none;} h1,h2,h3,h4,h5,h6 { margin:0; padding:0;} table,td,tr,th{font-size:12px; margin: 0; padding: 0; border: 0; color:#101010; line-height:20px;} img { vertical-align:bottom;} *{ margin:0px; padding:0px;} /* = CONTENT -------------------------------------------------------------*/ #content { width:980px; margin:0 auto; background:#fff;} /* = CNTOP -------------------------------------------------------------*/ #en-Top { width:980px; float:left;} #en-TopReserved{ width:980px; height:29px; float:left;} #en-TopALL{width:980px; height:108px; float:left;} #en-TopAI{ width:628px; height:108px; float:left;} #en-TopLink{ width:352px; height:108px; float:left;} #en-TopNav { width:980px; height:36px; float:left; clear:both;} #en-TopBanner { width:980px; height:191px; float:left; clear:both;} #en-TopSearch { width:980px; height:35px; float:left; clear:both;} /* = Right -------------------------------------------------------------*/ .en-RightNav { width:248px; height:45px; float:left; clear:both;} .en-RightAll {width:248px; float:left; clear:both;} .en-RightAll li { width:248px; float:left;} .en-RightAll li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#101010; line-height:24px; text-decoration:none; } .en-RightAll li a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a33333; line-height:24px; text-decoration:none; } .en-RightAll dl{} .en-RightAll dt {height:36px; background:url(../images/index-e_22.jpg); line-height:36px; text-indent:36px; clear:both;} .en-RightAll dt a { font-size:12px; color:#333802; text-decoration:none; letter-spacing:1px; font-weight:bold; line-height:36px;} .en-RightAll dt a:hover { font-size:12px; color:#a33333; text-decoration: none;font-weight:bold; line-height:36px;} .en-RightAll dd {height:26px; line-height:22px; text-indent:36px; background:url(../images/index-e_24.jpg);} .en-RightAll dd a { font-size:12px; color:#333802; text-decoration:none;} .en-RightAll dd a:hover { font-size:12px; color:#a33333; text-decoration:none;} .en-RightNav1 { width:248px; height:34px; float:left; clear:both;} #en-RightContact{width:248px; height:218px; float:left; clear:both; background:url(../images/index-e_31.jpg);} /* = Sub -------------------------------------------------------------*/ #en-SubAll {width:980px; float:left;} #en-Sub {width:732px; float:left;} #en-BT {width:732px; height:45px; float:left;} #en-SubRight {width:248px; float:left; background:url(../images/line4.gif);} #en-Company {width:732px; height:179px; float:left;} #en-CompanyList {width:732px; height:45px; float:left;} #en-CompanyNR {width:732px; height:134px; float:left; background:#fff;} #en-Product {width:732px; height:347px; float:left;} #en-ProductList {width:732px; height:35px; float:left;} #en-ProductNR {width:732px; height:312px; float:left; background:#fff;} #en-News{width:732px; float:left;} #en-NewsList{width:732px; height:31px; float:left;} #en-NewsListNR{width:732px; height:222px; float:left;} #en-NewLine {width:732px; float:left;} #en-NewLineName {width:732px; height:30px; float:left;} #en-NewLineSub {width:732px; float:left;} #en-NewLineSub li {height:31px; background:url(../images/index-e_34.jpg); text-indent:42px;} #en-NewLineSub li a { font-size:12px; color:#2A2929; text-decoration:none; line-height:31px; text-indent:42px;} #en-NewLineSub li a:hover { font-size:12px; color:#a33333; text-decoration:none; line-height:31px;text-indent:42px;} #en-NewLineSub1 {width:732px; height:27px; float:left; background:#fff;} #en-SubNav {width:732px; float:left;} .img1{ border:2px #c3c3c3 solid;} .img2{ border:1px #c3c3c3 solid;} /* = Foot -------------------------------------------------------------*/ #en-foot {width:980px; float:left;} #en-foot3 {width:980px; float:left;} #en-foot1{width:716px; height:82px; float:left; background:url(../images/index-e_36.jpg);} #en-foot1 li { height:24px; float:left; font:Arial, Helvetica, sans-serif; color:#73A2CE; font-size:11px; line-height:24px; padding-top:20px; text-indent:20px;} #en-foot1 li a { font:Arial, Helvetica, sans-serif; color:#73A2CE; font-size:11px; text-decoration:none; line-height:24px;} #en-foot1 li a:hover { font:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; text-decoration:none;line-height:24px;} #en-foot2 {width:264px; height:82px; float:right;} /* = Font -------------------------------------------------------------*/ .en-Company { font:Arial, Helvetica, sans-serif; font-size:11px; color:#1A1A1A; line-height:18px;} .News-Font { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#101010; line-height:24px; } .News-Time { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#a33333; line-height:24px; } .Sub-contact { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4C4C4C; line-height:20px;} .Sub-Font { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#101010; line-height:24px;} .suply-Font { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#002B4E; line-height:24px;} .suply-Font1 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#A2A2A2; line-height:24px;} .suply-FontTime { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#032B4E; line-height:18px; font-weight:bold; text-decoration:underline;} .index-Gg { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FC9013; line-height:24px;} .index-ff{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; line-height:35px; text-align:center;} .kuang { border:1px #ccc solid; background:#fff; font:Arial, Helvetica, sans-serif; color:#4C3607; font-size:12px; width:177px; height:18px;} .kuang1 { border:1px #ccc solid; background:#fff; font:Arial, Helvetica, sans-serif; color:#4C3607; font-size:12px; height:18px; width:117px;} .kuang2 { font:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; line-height:20px; height:20px; width:184px;border:1px #DFDFDF solid; background:#A43433;} .kuang3 { border:1px #ccc solid; background:#fff; font:Arial, Helvetica, sans-serif; color:#4C3607; font-size:12px; height:23px; width:81px; line-height:24px;} .kuang4 { border:1px #595D60 solid; background:#fff; font:Arial, Helvetica, sans-serif; color:#101010; font-size:12px; height:20px; width:150px; line-height:24px;} a.News:link {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:20px; color: #404040; text-decoration:underline;} a.News:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:20px; color: #404040;text-decoration:underline;} a.News:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:20px; color: #a33333;text-decoration:underline;} a.News:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:20px; color: #404040;text-decoration:underline;} a.News1:link {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:20px; color: #404040; text-decoration:underline;} a.News1:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:20px; color: #404040;text-decoration:underline;} a.News1:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:20px; color: #a33333;text-decoration:underline;} a.News1:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:20px; color: #404040;text-decoration:underline;} a.NewsList:link {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #a33333; text-decoration:underline;} a.NewsList:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #a33333;text-decoration:underline;} a.NewsList:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #404040;text-decoration:underline;} a.NewsList:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #a33333;text-decoration:underline;} a.NewsList1:link {font-family: Arial, Helvetica, sans-serif;font-size:12px; line-height:36px; color: #404040; text-decoration:underline;} a.NewsList1:visited {font-family: Arial, Helvetica, sans-serif;font-size:12px; line-height:36px; color:#404040;text-decoration:underline;} a.NewsList1:hover {font-family: Arial, Helvetica, sans-serif;font-size:12px; line-height:36px; color: #a33333;text-decoration:underline;} a.NewsList1:active {font-family: Arial, Helvetica, sans-serif;font-size:12px; line-height:36px; color: #404040;text-decoration:underline;} a.News2:link {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:34px; color: #a33333; text-decoration:none; font-weight:bold;} a.News2:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:34px; color: #a33333;text-decoration:none;font-weight:bold;} a.News2:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:34px; color: #404040;text-decoration:none;font-weight:bold;} a.News2:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:34px; color: #a33333;text-decoration:none;font-weight:bold;} a.News3:link {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:18px; color: #a33333; text-decoration:none; font-weight:bold;} a.News3:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:18px; color: #a33333;text-decoration:none;font-weight:bold;} a.News3:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:18px; color: #404040;text-decoration:none;font-weight:bold;} a.News3:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:18px; color: #a33333;text-decoration:none;font-weight:bold;} a.News4:link {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:18px; color: #101010; text-decoration:none; } a.News4:visited {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:18px; color: #101010; text-decoration:none;} a.News4:hover {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:18px; color: #a33333; text-decoration:none;} a.News4:active {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:18px; color: #101010; text-decoration:none;} a.supplytitle:link {font-family: Arial, Helvetica, sans-serif;font-size:14px; color:#032B4E; text-decoration:underline; font-weight:bold;} a.supplytitle:visited {ffont-family: Arial, Helvetica, sans-serif;font-size:14px; color:#032B4E; text-decoration:underline; font-weight:bold;} a.supplytitle:hover {font-family: Arial, Helvetica, sans-serif;font-size:14px; color:#a33333; font-weight:bold; text-decoration:underline;} a.supplytitle:active {font-family: Arial, Helvetica, sans-serif;font-size:14px; color:#032B4E; text-decoration:underline; font-weight:bold;} a.News5:link {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:24px; color: #002B4E; text-decoration:none; } a.News5:visited {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:24px; color: #002B4E; text-decoration:none;} a.News5:hover {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:24px; color: #a33333; text-decoration:none;} a.News5:active {font-family: Arial, Helvetica, sans-serif;font-size: 11px;line-height:24px; color: #002B4E; text-decoration:none;} #divPageContent a{font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #777777; text-decoration:none; } #divPageContent a:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #a33333; text-decoration:none;} a.foot-l:link {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #a33333; text-decoration:none;} a.foot-l:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #a33333;text-decoration:none;} a.foot-l:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #404040;text-decoration:none;} a.foot-l:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #a33333;text-decoration:none;} a.index-contact:link {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #fff; text-decoration:none;} a.index-contact:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #fff;text-decoration:none;} a.index-contact:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #ffff99;text-decoration:none;} a.index-contact:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #fff;text-decoration:none;} /*js*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */