/*-------------------------------------------------------- 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;} 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:1003px; margin:0 auto;} #cn-content { width:995px; margin:0 auto;} /*վͷ = CNTOP -------------------------------------------------------------*/ #cn-Top { width:995px; float:left;} #cn-Topword{ width:995px; height:47px; float:left;} #cn-TopAll{ width:995px; height:100px; float:left;} #cn-TopAI{ width:463px; height:100px; float:left;} #cn-TopMail{ width:532px; height:51px; float:left;} #cn-TopLink{ width:532px; height:49px; float:left;} #cn-TopNav { width:995px; height:32px; float:left; background:url(../images/sub_07.jpg);} #cn-TopNav a { font:Arial, Helvetica, sans-serif; font-size:12px;color:#fff; line-height:32px; text-decoration:none;} #cn-TopNav a:hover{ font:Arial, Helvetica, sans-serif; font-size:12px;color:#FFDC7F; line-height:32px; text-decoration:none;} #cn-TopInf{ width:995px; height:56px; float:left;} #cn-TopInf li { list-style:none; float:left;} /*վ = Left -------------------------------------------------------------*/ #Left { width:356px; float:left;} #cn-Left {width:229px; background:url(../images/line.gif); float:left; } #cn-LeftViode{ width:229px; height:219px; float:left;} #cn-LeftTv{ width:229px; height:183px; float:left;} .cn-LeftNav { width:229px; height:36px; float:left; background:url(../images/sub_09.jpg); clear:both;} .cn-LeftNav a{ font:Arial, Helvetica, sans-serif; font-size:12px; color:#525252; line-height:36px; text-decoration:underline;} .cn-LeftNav a:hover{ font:Arial, Helvetica, sans-serif; font-size:12px; color:#A40000; line-height:36px; text-decoration:underline;} .cn-LeftAll {width:229px; float:left; clear:both;} .cn-LeftAll li { width:229px; height:24px; float:left; background:url(../images/sub_24.jpg); text-indent:30px;} .cn-LeftAll li a{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#101010; line-height:24px; text-decoration:none; } .cn-LeftAll li a:hover {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#a33333; line-height:24px; text-decoration:none; } .cn-LeftAll dl{} .cn-LeftAll dt {height:27px; background:url(../images/l.jpg); line-height:27px; text-indent:18px; clear:both;} .cn-LeftAll dt a { font-size:14px; color:#101010; text-decoration:none; letter-spacing:1px; font-weight:bold;} .cn-LeftAll dt a:hover { font-size:14px; color:#a33333; text-decoration:none;font-weight:bold;} .cn-LeftAll dd {height:24px; line-height:24px; text-indent:25px;} .cn-LeftAll dd a { font-size:12px; color:#101010; } .cn-LeftAll dd a:hover { font-size:12px; color:#a33333; } #cn-LeftProLine {width:229px; height:22px; float:left; clear:both;} #cn-LeftProLine1 {width:229px; height:15px; float:left; clear:both;} #cn-LeftEQ {width:229px; height:129px; float:left; clear:both;} #cn-LeftEQLine{width:229px; height:20px; float:left; clear:both;} #cn-LeftContact{width:229px; height:178px; float:left; clear:both; background:url(../images/sub_31.jpg);} /*վ = Sub -------------------------------------------------------------*/ #cn-TopSub {width:766px; float:left;} #cn-News{width:402px; height:115px; float:left; background:url(../images/sub_10.jpg);} #cn-List{width:364px; height:115px; float:left; background:url(../images/sub_11.jpg);} #cn-Banner{width:766px; height:200px; float:left;} #cn-Banner1 {width:766px; height:185px; float:left;} #cn-News1{width:548px; height:437px; float:left;} #cn-NewImp {width:548px; height:186px; float:left;} #cn-News2{width:548px; height:251px; float:left;} #cn-Bulletin {width:218px; height:437px; float:left;} #cn-suplly {width:766px; height:325px; float:left;} #cn-Pro { width:766px; height:363px; float:left;} #cn-SubNav{ width:766px; height:41px; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:41px; color:#FFFFFF; background:url(../images/sub1_12.jpg);} #cn-All { width:766px; float:left;} .img1{ border:2px #c3c3c3 solid;} .img1{ border:1px #c3c3c3 solid;} /*վײ = Foot -------------------------------------------------------------*/ #cn-foot {width:995px; float:left;} #cn-foot1{width:995px; height:157px; float:left;} #cn-foot1 li { height:41px; float:left;} #cn-foot1 li a { font:Arial, Helvetica, sans-serif; color:#fff; font-size:11px; text-decoration:none; line-height:41px;} #cn-foot1 li a:hover { font:Arial, Helvetica, sans-serif; color:#FF82BD; font-size:11px; text-decoration:none;line-height:41px;} #foot2{width:887px; height:66px; float:left;} /* = Font -------------------------------------------------------------*/ .cn-Leftfont { font:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#01467D; line-height:36px;} .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:12px; 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;} 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: 12px;line-height:24px; color: #777777; text-decoration:none; } a.News4:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #777777; text-decoration:none;} a.News4:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #a33333; text-decoration:none;} a.News4:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #777777; 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: 12px;line-height:24px; color: #002B4E; text-decoration:none; } a.News5:visited {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #002B4E; text-decoration:none;} a.News5:hover {font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:24px; color: #a33333; text-decoration:none;} a.News5:active {font-family: Arial, Helvetica, sans-serif;font-size: 12px;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 */