@charset "utf-8";
/* CSS Document */
html, body, table#main{
	margin-left :  0;
	margin-top  :  0;
	height: 100%;	
}
body {
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 14px;
}

a{
text-decoration: none;
color:#141414;
}
a:hover{
	color:#899855;
	text-decoration: underline;
}
input{
   border-top: 1px solid #869AAD;
	border-right: 1px solid #DCE7F1;
	border-bottom: 1px solid #DCE7F1;
	border-left: 1px solid #869AAD;
	background:#F7FAFC;
	padding-left:5px;
	color:black;
	margin:0;
	height:16px;
}
textarea{
	border-top: 1px solid #869AAD;
	border-right: 1px solid #DCE7F1;
	border-bottom: 1px solid #DCE7F1;
	border-left: 1px solid #869AAD;
	background:#F7FAFC;
	padding-left:5px;
	color:black;
	overflow:auto;
	margin:0;
}
select{
	margin: 0;padding:0;
}
body,td,th,ul,li,form {
	padding:0;
	margin:0;
	list-style-type: none;
}
.pathicon{
	font-family:Arial;
	font-size: 11px;
}
#top{
}
#top .title{
	height:80px;
	background-image: url(images/banner-1c.jpg);
	background-repeat: no-repeat;
	
}

#nav {
height:25px;
background-color: #002987;
background-image: url(images/top-a1.gif);
}
#nav .navSpanHover{
	display:block;
}
#nav .navSpan{
	display:none;
}
#nav ul{width:1100px;}
#nav li{
    float:left;
    height:22px;width:100px;
	
	list-style-type: none;
}
#nav li a{
	display: block;
	height:22px;
	line-height: 22px;
	text-align: center;
	font-weight:bolder;
	color: white;
	padding-right: 18px;
	padding-left: 18px;
}
#nav li a:hover{
	color:#FFA400;
	text-decoration:none;
	background-image: url(images/rollover.jpg);
}
#nav li span{
	position:absolute;
	width: 150px;
	margin-top:1px;
	z-index:100;
}
#nav li span a{
   display:block;
	font-weight: normal;
	height:20px;line-height:20px;
   padding-left:5px;
	text-align: left;
	border:none;
}
#nav li span a:hover{
}
#nav li span .treeBase{
   background: #007B3E;
	border-right:1px solid white;
	border-left: 1px solid white;
	border-bottom: 1px solid white;
	height:20px;overflow:hidden;
}
#nav li span .selected{
font-weight:bolder;
background-position:0 -22px;
}
#nav li span .treeBase .degree{
	height:20px;width:14px;
	float:right;
	position:absolute;left:90%;
	background-image: url(images/navClick.gif);
}

#nav .navFirst{}
#nav .navLast{}
#nav .navFirst a{border-left:none;}
#nav .navLast a{border-right:none;}


#middle{
	padding-top:10px;
	height:100%;
	
}
#middle .left{
	width:180px;
	float:left;
	margin-bottom:30px;
}
#middle .left .height{
	height:400px;
	float: left;
}


#middle .right{
	width:860px;
	float:left;
	margin-left:10px;
	overflow:hidden;
	/*height:100%;*/
}

#middle .right1{
	/*height:100%;*/
	width:700px;
	float:left;
	overflow:hidden;
}

#middle .right2{
	/*height:100%;*/
	width:160px;
	overflow:hidden;
}

#leftAdver{
	padding-top:5px;
}
#leftAdver .advers{
padding-bottom:7px;
border-bottom: 1px solid #cccccc;
margin-bottom:7px;
}
#bottom{
	background-color: #007B3E;
	color:white;
	width:100%;
}
#bottom .links{
	height:20px;line-height:20px;
	padding-left:20px;
}
#bottom .links a{
	color:white;
	font-weight:bolder;
}
#bottom .configs{
	line-height: 20px;
	float:left;
	width:300px;
}
#bottom .configs a{
color:white;
text-decoration: underline;
}
#userMenu{
}
#userMenu ul{
	float:right;
	/*background-image: url(images/userMenuBg.gif);*/
	width:400px;
}
#userMenu{
	float:right;
	height:20px;line-height:20px;
	font-size:13px;
	padding-top:20px;
}
#userMenu a{
	display:block;
	padding:0 10px 0 15px;
	background-repeat: no-repeat;
	background-position:2px 5px;
	float:left;
}
#userMenu .home a{
	background-image: url(images/gif-0662.gif);}
#userMenu .contact a{ background-image: url(images/gif-0679.gif); }
#userMenu .service a{
	background-image: url(images/gif-0850.gif);
	margin-right:10px;
}
#userMenu .en a{
	background-image: url(images/034239213.gif);
	padding-left:20px;
	margin:0;
}
#userMenu .cn a{
	background-image: url(images/0342390.gif);
	padding-left:20px;
	margin:0;
}
#advertisement{
height:160px;
}
#advertisement embed{
	position: absolute;
}
#catalogsBox{
	  margin-left :  0;
	  margin-top  :  0;
}

#catalogsBox .cataTitle{
	height:20px;
	line-height:20px;
	padding-left:6px;
	font-weight: bolder;
	background-image: url(images/navA.jpg);
}
#catalogsBox .cataTitle span{
	display:block;
	background-image: url(images/menuTitle.gif);
	background-position: 0 5px;
	background-repeat: no-repeat;
	padding:2px 0 0 16px;
}
#catalogsBox .cataContent{
	padding:0 0 0 1px;
	border:1px solid #cccccc;
}

#QuickInfo{
	width:480px;float:left;
	margin-right:10px;
	overflow:hidden;
}
#QuickInfo .title{
	font-weight:bolder;
}
#QuickInfo .title a{
	display:block;float:right;
	margin:0 6px; 
	font-weight: normal;
}
#QuickInfo .content{
	height:500px;
	font-size: 14px;
	line-height: 22px;
}
#QuickInfo .hotProduct{
	height:200px;
	overflow:hidden;
}
#QuickInfo .info img{
float:left;
}
#QuickInfo .info div{
padding-right:10px;padding-left:10px;
}
#QuickInfo .info .textTitle{
	display:block;
	font-weight:bolder;
	font-size:16px;
	color:#006;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#QuickInfo  #getProduct .proBase{
margin:0 10px 0 5px;
padding-top:7px;
height:160px;
}

#QuickInfos{
	width:800px;float:left;
	margin-right:10px;
	overflow:hidden;
}
#QuickInfos .title{
	font-weight:bolder;
}
#QuickInfos .title a{
	display:block;float:right;
	margin:0 6px; 
	font-weight: normal;
}
#QuickInfos .content{
	height:500px;
	font-size: 14px;
	line-height: 22px;
}
#QuickInfos .hotProduct{
	height:200px;
	overflow:hidden;
}
#QuickInfos .info img{
float:left;
}
#QuickInfos .info div{
padding-right:10px;padding-left:10px;
}
#QuickInfos .info .textTitle{
	display:block;
	font-weight:bolder;
	font-size:16px;
	color:#006;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#QuickInfos  #getProduct .proBase{
margin:0 10px 0 5px;
padding-top:7px;
height:160px;
}


/*==========================================================================*/
#Prodisplay{
	width:227px;
	float:left;
	margin-right:5px;
	overflow:hidden;
}

#Prodisplay.title{
	font-weight:bolder;
}
#Prodisplay .title a{
	display:block;
	float:none;
	font-weight: normal;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 6px;
}
#Prodisplay .content{
	height:520px;
}

#Prodisplay .hotProduct{
	height:440px;
	overflow:hidden;
}

#Prodisplay.info img{
float:left;
}
#Prodisplay .info div{
padding-right:10px;padding-left:10px;
}
#Prodisplay .info .textTitle{
	display:block;
	font-weight:bolder;
	font-size:16px;
	color:red;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
}
#Prodisplay  #getProduct .proBase{
margin:0 10px 0 5px;
padding-top:5px;
height:100px;
}
#getProduct1{
	padding:5px 0px 5px 5px;
	background: white;
}
#getProduct1 .proBase{
	float:left;
	margin-right:2px;
}
#getProduct1 .proImage {
	width:102px;height:102px;
	padding:2px;border:1px solid #cccccc;
}
#getProduct1 .proImage img{
   max-width: 100px; 
   max-height: 100px;
   width: expression(this.width >100 && this.height < this.width ? 100: true);
   height: expression(this.height >100 ? 100: true);
}
 #getProduct1 .proName{
	text-align:center;font-weight:bolder;
	padding-top:3px;
}
/*==========================================================================*/

#QuickNews{
	width:200px;float:left;
}
#QuickNews .title a{
	display:block;float:right;
	margin:0 6px; 
	font-weight: normal;
}
#QuickNews .content{
   height:371px !important;
	height:372px;overflow:hidden;
	width:200px;
}

#QuickNews #getNews{}
#QuickNews #getNews .newsBase{
border-top:1px solid #cccccc;
height:75px;
padding: 0 7px 0 7px;
}
#QuickNews #getNews .newsBase .newsTitle{
	font-weight: bolder;
   padding:5px 0 3px 0;
}
#QuickNews #getNews .newsBase .newsTitle a{
	color:#002987;
}
#QuickNews #getNews .newsBase .newsContent{
	font-size:14px;
}
#QuickNews #getNews .newsBase .newsContent a{
color:#666666;
}
#QuickNews #getNews .newsBase .newsDate{
	font-weight: bolder;
	color:#cccccc;
}

#QuikProduct #getProduct{
}

#hotProduct{
margin-bottom:10px;
height:156px;
}
#hotProduct .title{
	background: #e4e4e4;
	background-image: url(images/navA.jpg);
	height:20px;line-height:20px;
	padding-left:5px;
	font-weight:bolder;
	color:#406891;
}
#hotProduct .content{
	border:1px solid #cccccc;
}
#hotProduct .content .clear{
	height:10px;
}

#getProduct{
	padding:10px 0px 10px 10px;
	background: white;
}
#getProduct .proBase{
	float:left;margin-right:18px;
}
#getProduct .proImage {
	width:158px;height:158px;
	padding:2px;border:1px solid #cccccc;
}
#getProduct .proImage img{
   max-width: 150px; 
   max-height: 150px;
   width: expression(this.width >150 && this.height < this.width ? 150: true);
   height: expression(this.height >150 ? 150: true);
}
 #getProduct .proName{
	text-align:center;font-weight:bolder;
	padding-top:3px;
}

#productList{
width:162px;
margin-bottom:10px;
float:right;
}
#productList  .title{
	height:20px;line-height:20px;
	padding-left:5px;
	font-weight:bolder;
	color:#406891;
}
#productList  .text{
  padding:10px 0 20px 0;
}
#productList .content{
   padding:10px;
	background:white;
}

#searchResults{
width:500px;
margin-bottom:30px;
}
#searchResults  .title{
	background: #e4e4e4;
	background-image: url(images/navA.jpg);
	height:50px;
	line-height:20px;
	font-weight:bolder;
	color:#406891;
	padding-bottom: 10px;
}
#searchResults  .text{
	border-bottom:1px solid #cccccc;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 50px;
	padding-left: 0;
	
}
#searchResults .content{
	border:1px solid #cccccc;
	background:white;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	
}

/*===============================================================*/
.angleBox {}
.xb1, .xb2, .xb3, .xb4, .xb5 {
display:block; height:1px;overflow:hidden; font-size:0;
background:#CCCCCC;}
.xb1 {margin:0 5px;}
.xb2 {margin:0 4px;}
.xb3 {margin:0 3px;}
.xb4 {margin:0 2px;}
.xb5 {margin:0 1px;}
.aContent {display:block;background:#CCCCCC;margin:0 1px;}

.angleBoxLine {}
.Lb1, .Lb2, .Lb3, .Lb4, .Lb5, .Lb6{display:block; height:1px;overflow:hidden; font-size:0;
border-left:1px solid #cccccc;border-right:1px solid #cccccc;}
.Lb1,.Lb6{background: #cccccc;}
.Lb6 {margin:0 5px;}
.Lb1 {margin:0 5px;}
.Lb2 {margin:0 4px;}
.Lb3 {margin:0 3px;}
.Lb4 {margin:0 2px;}
.Lb5 {margin:0 1px;}
.alContent {
display:block;margin:0 1px;background:white;
border-left:1px solid #cccccc;border-right:1px solid #cccccc;
}
/*===============================================================*/
#rightAder{
	height:120px;width:630px;
	background-color:Green;
}
/*===============================================================*/
#catalogs{}
#catalogs .catalog{}
#catalogs .cataBase{
	height:22px;line-height:22px;
}
#catalogs .cataBase .cataClick{
	width:20px;height:22px;
	float:left;
	background-image: url(images/web_icon_039.gif);
	background-position:2px 2px;
	background-repeat: no-repeat;
	cursor:pointer;
}
#catalogs .cataBase .textClick{
	width:20px;height:22px;
	float:left;
	background-image: url(images/web_icon_038.gif);
	background-position:2px 2px;
	background-repeat: no-repeat;
}
#catalogs .cataBase .cataName{
}
#catalogs .catalog .degree{
	background-image: url(images/web_icon_110.gif);
	background-position:2px 2px;
	background-repeat: no-repeat;
	}
#catalogs .cataBranch {display:none;}
#catalogs .cataBranchActive {display:block;}
#catalogs .catalog .cataBase{padding-left:5px;}
#catalogs .catalog .catalog .cataBase{padding-left:10px;}
#catalogs .catalog .catalog .catalog .cataBase{padding-left:15px;}
/*==========================================================================*/
#search{
   display:none;
	height:42px;
	background-color: silver;
	background-image: url(images/search_background.gif);
	background-position:0 -168px;
}
#search div{
	float:left;
	line-height:30px;
}
#search .title{
   height:42px;line-height:42px;
	background-image: url(images/search_background.gif);
	background-repeat: no-repeat;
}
#search .title span{
   display:block;height:42px;width:126px;line-height:36px;
	background-image: url(images/search_background.gif);
	background-repeat: no-repeat;
	background-position: right -42px;
	padding-left:15px;
	color: #869AAD;
	font-weight:bolder;
}
#search .inputBox {
	margin-top:5px;
}
#search .inputBox .searchKeyword{
display:block;
height:29px;border:none;
background-image: url(images/search_background.gif);
background-position: 0 -132px;
float:left;
margin-top:1px;line-height:26px;
}
#search .inputBox .searchKeyword input{
	border:none;background:none;
	margin-top:4px;width:240px;
font-weight:bolder;
color: #869AAD;
}
#search .inputBox .searchType{
	width:63px;height:30px;
	background-image: url(images/search_type.gif);
}
#search .inputBox .searchType .content{
 position:absolute;z-index: 10000;
}
#searchTypes div{
float:none;
}
#searchTypes .searchProjects{
	color:#869AAD;
	clear:both;
	padding-top:3px;
	text-align: center;
}
#searchTypes .searchProjects input{
height: auto;width:auto;
border: none;background:none;
}
#searchTypes .searchCatalogs{
   padding:10px 0 0 70px;
	color:#869AAD;
	clear:both;
}
#searchTypes .searchCatalogs .tit{
	float: left;
	height:25px;line-height:25px;
}
#searchCatalog{
border:1px solid #869AAD;
background:none;
width:160px;
height:20px;line-height:20px;
margin:0;padding:0;
padding-left:5px;
color:#45719D;
display:block;margin-bottom:2px;
cursor: pointer;
}
#searchTypes .searchCatalogs .searchCatalog{
	float: left;
	width:160px;
}
#search  #searchCata{
width:160px;
position: absolute;
background:White;
border:1px solid #869AAD;
padding-top:5px;padding-bottom:5px;padding-left:5px;

}
#search  #searchCata div{
	float:none;
	height:18px;line-height:18px;
	padding:0;margin:0;
	cursor:pointer;
	padding-left:5px;
}
#search .inputBox .searchType .searchTypes{
	display:none;
}
#search .inputBox .searchType .searchTypesActive{
  display:block;
  position:absolute;
  width:355px;height:71px;
  background:Silver;
  left:-295px;top:29px;
  background-image: url(images/searchType_background.gif);
}
#searchTypes .searchCataListNomol{display:none;}
#searchTypes .searchCataListActive{display:block;}
#search .go{
   height:42px;width:110px;
	background-image: url(images/search_background.gif);
	background-position:right -84px;
	background-repeat: no-repeat;
	float: right;

}
#search .go a{
   display:block;
	height:30px;width:92px;
	margin-top:5px;
	background-image: url(images/search_go.gif);
}
/*==========================================================================*/
#sendMail{
}
#sendMail form {
	padding:0;margin:0;
}
#sendMail input{
	padding:0;margin:0;
}
.decoration{
padding:0 10px;
height:50px;
background-image: url(images/sendmail.gif);
background-repeat: repeat-x;
}
.decoration div{
height:50px;padding-left:60px;
background-image: url(images/sendmail002.gif);
background-repeat: no-repeat;
padding-top:3px;
}
.decoration div span{
	display:block;
	padding:2px 0;
}
.decoration div .mailTitle{
	font-size:18px;
	font-weight:bolder;
	padding-top:5px;
}
.decoration input{
	width:92px;height:42px;
	float:right;
	background-image: url(images/sendmail003.gif);
	border:none;
	color:#588CB0;
	font-weight: bolder;
}
#sendMail .mailContent {
   padding-top:20px;
	padding-left:10px;
}
#sendMail .mailContent div{
	padding:3px 0 3px 16px;
}
#sendMail .mailContent input{
	width:400px;
}
#sendMail .mailContent textarea{
	width:470px;height:160px;
	overflow: auto;
}
#sendMail .mailContent div span{
	display: block;
	width:70px;
	float:left;
	color:#768899;
	font-weight: bold;

}
#sendMessage .button{
	display: none;
}
#sendMessage .messageForm{
	padding-left:20px;
	padding-top:20px;
}
#sendMessage .messageForm input{
	width:360px;
}
#sendMessage .messageForm textarea{
	width:360px;
}
#sendMessage .messageForm .code input{
	width:100px;
}
/*==========================================================================*/
#tbody {height:700px;margin:auto auto;text-align:left;
background-image:url(images/albumVewerBg.gif)}
.mainbody{
height:450px;overflow:hidden;
background-image: url(images/albumVewerBg2.gif);
margin-bottom:10px;
}
#mainbody {
height:420px;
margin:10px;
padding:20px;
}
#mainbody .scrollsImage{
display:block;float:left;
width:500px;height:400px;
overflow:hidden;
border:1px solid #CDDFEC;}
#mainbody .scrollsImage img{
   max-width: 500px; 
   max-height: 420px;
   width: expression(this.width >500 && this.height < this.width ? 500: true);
   height: expression(this.height > 420 ? 420: true);
} 
#mainbody .scrollsContent{
display:block;float:right;
height:400px;width:220px;
overflow-x:hidden;
overflow-y:auto;
color: #2E5B8A;
border:1px solid #CDDFEC;}
#mainbody .scrollsContent span{
display:block;
padding:3px 10px 3px 10px;
}
#mainbody .scrollsContent .ssName{font-size:18px;font-weight:bolder;}
#goleft {
float:left;width:70px;height:79px;
cursor:pointer;
background-repeat:no-repeat;
background-image: url(images/album_BM_left.gif);}
#goright {
float:right;width:70px;height:79px;
cursor:pointer;
background-repeat:no-repeat;
background-image: url(images/album_BM_right.gif);
}

#photos {
float:left;
width:660px;height:79px;overflow:hidden;
background-image: url(images/album_BM_bg.gif);}
#showArea{}
#showArea .scrolls{
float:left;cursor:pointer;
display:inline-block;width:94px;
overflow:hidden;

}
#showArea .scrolls .scrollsImage{
display:block;
height:73px;overflow:hidden;
background-color: #69A9D0;
margin-left:3px;
margin-top:3px;
}
#showArea .scrolls .scrollsImage img{
   width: 84px; 
   height: 68px;
	margin:3px;
}
#showArea .scrolls .scrollsContent{display:none;}
.goleftHover{background-position:right -79px;}
.goleftLink{background-position:right top;}
.goleftActive{background-position:right -158px;}

.gorightHover{background-position:left -79px;}
.gorightLink{background-position:left top;}
.gorightActive{background-position:left -158px;}
/*==========================================================================*/
#topSearchBox {
	width:250px;
	padding-top:0px;
	padding-left: 20px;
}
#topSearchBox .searchBox{
}
#topSearchBox .searchBox .shKeyword{
  display:block;
	height:20px;width:120px;
	overflow:hidden;
  background-color:white;
  border-left:1px solid black;
  border-top:1px solid black; 
  float:left;
}
#topSearchBox .searchBox .shKeyword input{
border:none;background:none;
height:20px;
float:left;
}
#topSearchBox .searchBox .shButton{
	display:block;
	float:left;
	margin-left:5px;
	
}
#topSearchBox .searchBox .shButton a{
	display:block;
	height:20px;
	width:43px;
	line-height: 20px;
	cursor:pointer;
	text-align: center;
	color:black;
	text-decoration:none;
	border:1px solid black;
	background-image: url(images/rollover1.jpg);
}
#topSearchBox .searchBox .shButton a:hover{
	color: #FFA400;
	background-image: url(images/rollover1.jpg);
}
#topSearchBox .searchBox .shButtonLink{background-color:#00743A;}
#topSearchBox .searchBox .shButtonHover{background-color:#005E2F;}
#topSearchBox .searchBox .shButtonActive{
background-color:#004824;}

#advancedSearchBox{
border: 1px solid #cccccc;
}
#advancedSearchBox .clear{
	font-size:0;height:1px;
	clear:both;float:none;
	visibility: hidden;
	overflow: hidden;
}
#advancedSearchBox .asTitle{
	height:20px;
	line-height:20px;
	background-color:#e4e4e4;
	font-weight: bolder;
	text-indent: 10px;
}
#advancedSearchBox form{}
#advancedSearchBox .asProject{
	width:600px;
	float:right;
}
#advancedSearchBox .asProject span{
	display: block;
	height:18px;line-height: 18px;
}
#advancedSearchBox .asProject input{
	width:auto;height:16px;
	background: none;
	border: none;
}
#advancedSearchBox .asSearchBox{
	float:left;
	padding:10px;}
#advancedSearchBox .asSearchBox input{
	width:260px;
}
#advancedSearchBox .asButton{
	float: left;
}
#advancedSearchBox .asButton a{
	display: block;
	height:20px;
	width:60px;
	line-height: 18px;
	border: 1px solid #cccccc;
	text-align: center;
	margin-top:22px;
}
#advancedSearchBox .asButton .asButtonLink{
background-color: ActiveBorder;
}
#advancedSearchBox .asButton .asButtonHover {background-color: ActiveBorder;}
#advancedSearchBox .asButton .asButtonActive{background-color: ActiveBorder;}

#advancedSearchBox .searchTips{
	padding:10px;
	border-top: 1px solid #cccccc;
}
/*==========================================================================*/
#searchContents{
}
#searchContents .srTop{
	border-bottom-width: 1px;
}

searchTile {
	height: 20px;
}

.srContent{
	margin:10px 10px;
}
.pageContent{
	padding-bottom:5px;padding-top:5px;
	border-bottom: 1px dashed Silver;
}
.pageContent .searchTitle{
	font-size:14px;font-weight:bolder;
	display:block;padding-bottom:3px;
}
.pageContent a .searchWord{
	color: green;
	font-weight:bolder;
}

/*==========================================================================*/
#flash {
width: 877px; 
height: 60px; 
position:absolute;
}
.flash {
width: 877px; 
height: 60px; 
position:absolute;
}
#fl {
width: 877px; 
height: 60px; 
position:absolute;
}
.fl {
width: 877px; 
height: 60px; 
position:absolute;
}