/*Copyright 2009 Design By Miller*/

/*定义页面全局*/
html, div, body, p, form, img, h1, h2, h3, h4, h5, h6, input {
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	font-size: 13px;
	line-height:20px;
	font-family: "Times New Roman", Tahoma, sans-serif, serif ;	
	color:#000;
}

body{background-color:#024770;text-align:left;background-image: url(images/bg-site2.gif);background-repeat: repeat-x;background-position: top;}


/*定义内容全局样式*/
p{padding-bottom: 10px;}
dl,dd,dt {margin: 0px;padding: 0px; margin-bottom:5px;}
dt{font-weight: bold;color: #000000;}
ul, ol { margin:0px; padding-left:0px; list-style-type: none;}
li{margin:0px;padding:0px; padding-top:5px; padding-bottom:5px; list-style-type:none;}
ol li {	margin:0px; padding:0px;margin-left:5px; padding-top:5px; padding-bottom:5px;list-style-type: decimal;}

/*定义标题样式*/
h1 {font-family: "宋体","Times New Roman",  Arial, serif ; color:#ffffff; background-color:#022FA6;font-size:17px;line-height:27px;}
h1 span{font-size:17px;line-height:27px;color:#339900; font-weight: bold;}
h2 {font-family: "宋体","Times New Roman",  Arial, serif;	color:#036;	font-size:14px;	line-height:25px;	font-weight:nomal}
h2 .more{float:right;margin:5px 10px 0px 0px;}
h2 a{padding:5px;}
h3 {font-weight:nomal; font-family: "宋体","Times New Roman",  Arial, serif ;color: #0066FF;font-size: 14px;}
h4 {font-weight:nomal; font-family: "宋体","Times New Roman",  Arial, serif ;color: #FF6600;font-size: 14px;}
h5 {font-weight:nomal; font-family: "宋体","Times New Roman",  Arial, serif ;color: #0066FF;font-size: 13px;}
h6 {font-weight:nomal; font-family: "宋体","Times New Roman",  Arial, serif ;color: #FF6600;font-size: 13px;}

/*定义全局链接样式*/
a, a:link, a:visited {	text-decoration: none;	color:#069;} 
a:active, a:hover {	text-decoration: none;	color:#0F0;}

/*定义其他元素样式*/
hr {border:1px dotted #666;height: 1px;zoom:5;}
img {border:none;}
input {font-size:15px;}
.pagewidth {width:990px; clear:both;}
.bold{font-weight:bold;color:#169000;}
#header{ margin:0 auto; height:176px; background:url(images/topbg.gif) repeat-x top; clear:both; float:center;}
#top-box{ height:176px;background: url(images/star.jpg) no-repeat 0 0; padding-top:0px;}
#top-box #logo{margin-top:0px;height:130px;width:270px;float:left;margin-left:10px;display:block;}
#top-box #key{float:left;width:700px;height:130px;margin-top:0px;}

#key #area{float:right;width:105px;margin-top:94px;height:12px; }
#key #area li{height:12px;float:left;line-height:12px;}

#key #area .logon{background:url(images/logon.png) no-repeat left ;width:17px; height:14px; margin-top:4px; padding-right:10px; float:left; }
#key #area a{float:left;padding-left:3px;color:#999;font-size:12px;	text-decoration:none; }
#key #area a:hover{	color:#0F0;	font-size:12px;	text-decoration:none;}
#key #area .bbs{background:url(images/us.jpg) no-repeat left ;width:17px; height:14px;margin-top:4px; padding-right:10px; float:left; }

#mymenu{position:relative;z-index:100;float:left; margin-top:5px;width:670px;margin-left:5px;display:inline; padding-top:10px;}
#top-box #area3{float:left;width:260px;margin-top:5px;}
#search{width:220px;float:right;margin-right:5px; }
#searchTextDiv{float:left;background:url(images/bg-search.gif) no-repeat left top;width:158px;height:22px;padding-left:3px;}
#q{background:none;border:none;height:20px;width:155px;padding-top:2px;}
#box-flash{background-image:url(images/bg-content.gif);background-repeat:repeat-x;background-position:top;background-color:#fff;clear:both;float:left;width:100%;}
#box-ban{background-image:url(images/bg-content.gif);background-repeat:repeat-x;background-position:top;background-color:#fff;clear:both;float:left;width:100%;}
#box-ban #ban-border{margin:10px 0 0 13px;float:left;border:1px solid #ccc;border-right:none;display:inline;}
#box-ban .ban{float:left;border-top-width:1px;border-right-width:1px;border-left-width:1px;border-top-style:solid;border-right-style:solid;border-left-style:solid;border-top-color:#fff;border-right-color:#ccc;border-left-color:#fff;}
#box-main-product{background-color:#fff;float:left;width:100%;padding:0;}
#box-main-product #first-product{margin:8px 0 0 13px;width:720px;float:left;background-color:#fff;background-image:url(images/bg-content-style1.gif);background-repeat:repeat-x;background-position:left top;border:1px solid #ccc;display:inline;}
#logon{ width:230px; height:140px; margin:8px 13px 0 8px;float:left;background:url(images/bglogon.gif);background-repeat:repeat-x;background-position:left top;border:1px solid #ccc;display:inline; }
.logonbox{height:120px; padding-top:20px; padding-left:15px;}
#login{margin-left:15px; padding-top:6px;}
.lgbt{ width:40px; height:21px; float:left; border:none; cursor:pointer;}
.lgbt2{width:40px; height:21px; float:left; border:none; cursor:pointer;}
.lgbt3{margin-left:5px;}
.lgbt4{margin-left:20px;}
.lgtext{width:158px; height:19px; float:left; background:url(images/lgbg.gif) no-repeat bottom ; border:none;}


#first-product #product-area1{float:left;width:250px;text-align:center;padding-top:30px;height:342px;border-left-width:1px;border-left-style:solid;border-left-color:#fff;}
#first-product li a{background:url(images/wnl.png) no-repeat 0 0px;width:100px;height:100px;display:block;margin:0 auto 5px;}
#first-product #product-area2{float:right;width:445px; margin-right:0px;  padding-top:5px;}
#javapic{float:right;width:440px; height:200px;margin-right:2px;  padding-top:5px;}
#first-product #product-area3{padding:20px 0 0 10px;border-left:1px dashed #ccc;}
#other-product{background-color:#fff;float:left;width:100%;padding-bottom:10px;}
#other-product #otherproduct-area{width:735px;float:left;}
#first-product{margin:8px 0 0 13px;width:720px;float:left;background-color:#fff;background-image:url(images/bg-content-style1.gif);background-repeat:repeat-x;background-position:left top;border:1px solid #ccc;display:inline;}

.right-product{margin:8px 13px 0 8px;float:left;background:url(images/bg-content-style2.gif);background-repeat:repeat-x;background-position:left top;border:1px solid #ccc;display:inline;}
.right-product .content{border-left-width:1px;border-left-style:solid;border-left-color:#fff;float:left;height:120px;width:198px;padding:5px 15px 0 15px;}
.right-product .content .textarea{margin:0;height:120px;}


.left-product{border:1px solid #ccc;float:left;width:720px; height:220px;background-color:#fbfbfb;background-image:url(images/bg-leftproduct-title.gif);background-repeat:repeat-x;background-position:top;margin:8px 0 0 13px;display:inline; padding-top:25px;}
.left-product dl{float:left;width:210px;padding-left:15px;margin:0 0 10px 6px;border-left:1px solid #ccc;}
.left-product dl .toolbtn{float:left;}
.left-product dl .toolbtn a{font-weight:bold;}
.left-product dd{margin:0;}
.left-product .first1{ width:442px;border:none;}
.left-product .first2{ width:210px;border:none;}
.left-product ul,p{padding:0;}
.left-product .index-info{height:175px;}
.left-product .catalogue dt{margin-top:8px;}
.left-product .catalogue dd{line-height:16px;}
.left-product #productcatalogue{float:left; height:220px; width:470px;}
.left-product #productcatalogue1{float:left; height:220px; width:720px;}
.left-product #news{float: left; height: 220px; width:240px;}
.left-product #news dd{border-bottom:dotted 1px #CCC; margin-bottom:6px; padding-bottom:6px;}
#productcatalogue .catalogue{height: 170px;}
.right-flash{float:left;background-image:url(images/bg-right-box.gif);background-repeat:repeat-x;background-position:top;width:230px; height:500px;border:1px solid #ccc;padding:0;margin:8px 0 0 8px;background-color:#fbfdfc;}
.right-news{float:left;background-image:url(images/bg-right-box.gif);background-repeat:repeat-x;background-position:top;width:230px; height:222px;border:1px solid #ccc;padding:0;margin:8px 0 0 8px;background-color:#fbfdfc;}
.right-news  dl{margin:0 15px 10px 15px;}
.right-news  dd{padding:0 0 5px 0;border-bottom:1px dotted #ccc;line-height:15px;}
.right-news  .last{border:none;padding-top:0;}
.right-info{float:left;background-image:url(images/bg-right-box.gif);background-repeat:repeat-x;background-position:top;width:230px; height:245px;border:1px solid #ccc;padding:0;margin:8px 0 0 8px;background-color:#fbfdfc;}
.right-info  dl{margin:0 15px 10px 15px;}
.right-info  dd{padding:0 0 5px 0;border-bottom:1px dotted #ccc;line-height:15px;}
.icon-new{background:url(images/icon-bg.png) no-repeat scroll right -1300px;padding-right:30px;}
.right-info  .last{border:none;padding-top:0;}

.pagewidth #nav-product {background-image: url(images/bg-nav.gif);background-repeat: repeat-x;height: 38px; line-height:35px; padding-left:20px; font-size:12px;}
#main-content{background-image: url(images/bg-content.gif);background-repeat: repeat-x;background-position: top;background-color: #FFFFFF;clear:both;float: left;width:990px; padding-bottom:10px;}
#sideleft{ width:190px; height:800px; float:left;}
#main-content #leftmenu { font-size:14px;float: left;width: 190px;margin-left: 30px;margin-top: 50px;margin-bottom: 0px;margin-right: 0px;display: inline;}
#main-content #leftmenup {font-size:14px;float: left;width: 200px;margin-left: 20px;margin-top: 14px;margin-bottom: 0px;margin-right: 0px;display: inline;}
#leftmenu li {font-weight: bold;color: #000;font-size: 16px;background-image: url(images/bg-leftmenu.gif);background-repeat: no-repeat;background-position: left 10px;padding-left: 20px;height: 30px;padding-top: 7px;float: left;width: 160px;}
#leftmenu li a{color:#999;font-size:14px;}
#leftmenu li a:hover{color:#000; text-decoration:none;}
#leftmenu li.selected  {color: #003366;background-image: url(images/bg-leftmenu2.gif);width: 170px;padding-left: 20px; padding-top:8px;}
#leftmenu li.selected a{color:#003366;}





#main-content #rightcontenttitle {float:left;width: 747px;margin-left: 1px;margin-top: 10px;background-image: url(images/bg-title.gif);background-repeat: no-repeat;height: 37px;}
#main-content #rightcontent {float: left;width: 737px; background:url(images/bg-product-text.gif); background-repeat:repeat-x;margin-left: 1px;border-right:solid 5px #bcbfc1;border-left: solid 5px #bcbfc1; display:inline; margin-right:5px;}
#main-content #rightcontentbottom {float: right;width: 747px;background-image: url(images/bg-product-bottom.gif);background-repeat: no-repeat;height: 7px;margin-right: 22px;display: inline;}

#rightcontent .product {background-image: url(images/bg-product-text.gif);background-color: #FFF;background-repeat: repeat-x;background-position: top;float: left;width: 737px;padding-top: 15px;padding-bottom: 14px;}
.product .Screenshot {width: 737px;float: right;text-align: center;}
#rightcontent .product dl {float: left;width: 390px;margin-left: 20px;margin-right: 10px;display: inline;}
.product dt {font-family: Tahoma, Geneva, sans-serif;font-size: 24px;font-weight: normal;border-bottom:dotted 1px #666;padding-top: 10px;padding-bottom: 10px;}
.product ul {float: left;width: 390px;margin-left: 30px;margin-right: 10px;}
.product li {margin: 0px;background-image: url(images/arrow-list2.gif);background-repeat: no-repeat;background-position: left 5px;padding: 0px 0px 0px 15px;}
.product ul .productbtn {background-image: none;float: right;margin-right: 10px;margin-top: 20px;}
.product ul .productbtn img{margin-left:5px; margin-right:5px;}
#rightcontent .moreproduct {float: left;width: 737px;padding-bottom: 20px;}
.moreproduct #more-title {font-family: Tahoma, Geneva, sans-serif;font-size: 14px;font-weight: bold;background-image: url(images/bg-more-product-title.gif);background-repeat: no-repeat;background-position: left top;height: 35px;line-height: 35px;padding-left: 20px;margin-bottom: 10px;}
.moreproduct dl {float: left;width: 203px;padding:0px 20px 0px 20px;border-left:dotted 1px #CCC;}
.moreproduct dt {clear: both;padding-top: 10px;}
.moreproduct dt a{color:#000;}
.moreproduct dt a:hover{color:#000; text-decoration:underline;}
.moreproduct .icon {float: left;margin: 10px 10px 10px 0px;} 

#foot-box{width:100%;float:left;clear:both;background-color:#000;}
#foot-box #foot-content{height:138px;padding:15px 0 10px 20px;background: url(images/bg-bottom.jpg) no-repeat 0 0px;}
#foot-box #bottom-content{float:left;width:340px;height:110px;margin:20px 20px 20px 140px;display:inline;color:#CCC;font-size: 12px;}
#foot-box #bottom-content p{color:#ccc; font-size:12px; line-height:21px;}
#foot-box #foot-content a{color:#ccc; font-size:12px; line-height:21px;}
#foot-box #foot-content a:hover{color:#0F0;	border-bottom:none;	font-size:12px;	text-decoration:none;}
#foot-box #bottom-content a{color:#CCC;border-bottom:none;margin:0 10px 0 0;	font-size:12px;text-decoration:none;}
#foot-box #bottom-content a:hover{color:#FFFF00;border-bottom:none;margin:0 10px 0 0;	font-size:12px;text-decoration:none;}
#bottom-product{float:left;width:450px;height:110px;margin:10px 0 20px 5px; display:inline; color:#CCC;}
#bottom-product ul{float:left;margin-top:9px;}
#bottom-product ul li{float:left;width:100px;margin-bottom:5px;margin-left:25px; line-height:32px; display:inline;}
#bottom-product ul li a{border:none;line-height:32px; color:#CCC;}
#bottom-product ul li  a:hover{color:#FFFF00;border-bottom:none;margin:0 10px 0 0;	font-size:12px;text-decoration:none;};text-decoration:none;}tion:none;}}-decoration:none;}};text-decoration:none;}t-decoration:none;};text-decoration:none;}}}ion:none;}}}