@charset "utf-8";
/* CSS Document */
body {
   margin:0;padding:0;
	font-family:verdana;
	font-size: 12px;
color:#5482AA;
}
body,td,th,ul,li,form {
	padding:0;
	margin:0;
	list-style: none;
}
a{
text-decoration: none;
color:#5F94C1;
}
a:hover{
	color:#1073C3;
	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;
	margin:0;padding:0;
	padding-left:5px;

}
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;padding:0;
}
select{
	margin: 0;padding:0;
}
table{
	width:100%;height:100%;
	border: none;margin:0;padding:0;
}
.pathicon{
	font-family:Arial;
	font-size: 9px;
}
#newsContent {
	float:left;width:630px;overflow-x:hidden;color:black;
}
#newsContent .view{
	border-bottom:1px dotted #cccccc;
}

.adverts{
	text-align:center;
}
/*-----------------------------------------------------------------------*/
#top{
}
#top .title{
	height:60px;
	background-repeat: no-repeat;
	}
#userMenu{
	float:right;
	height:20px;line-height:20px;
	font-size:11px;
	width:300px;
}
#userMenu span{
	display:block;
	float:right;
	padding-top:7px;
	padding-left:5px;
	border-right:1px solid #C2D8EA;
}
#userMenu a{
	display:block;
	padding:0 10px 0 15px;
	background-repeat: no-repeat;
	background-position:2px 3px;
	margin:0;
}
#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);}
#userMenu .en a{
	background-image: url(images/034239213.gif);
	padding-left:20px;

}
#userMenu .cn a{
	background-image: url(images/0342390.gif);
	padding-left:20px;
}
/*-----------------------------------------------------------------------*/
#nav {
height:32px;
background-color: #3288CE;
}
#nav .navSpanHover{
	display:block;
}
#nav .navSpan{
	display:none;
}
#nav ul{height:25px;width:100%;background-color:#002987;}
#nav li{
   height:25px;
	float:left;
	width:14%;
	list-style-type: none;
}
#nav li a{
display: block;
height:25px;
line-height: 25px;
text-align: center;
background-repeat: no-repeat;
font-weight:bolder;
color: white;
}
#nav li a:hover{
	background-color: #3288CE;
	text-decoration:none;
}
#nav li span{
	position:absolute;
	width: 170px;
	z-index:100;
}

#nav li span .tree{}
#nav li span .treeBase{
	border-bottom: 1px solid #3E90D1;
	height:20px;overflow:hidden;
	background-color:#1073C3;FILTER: Alpha(opacity=90);
}
#nav li span a{
   display:block;
	color:#9EC8EA;
	font-weight: normal;
	height:20px;line-height:20px;
   padding-left:5px;
	text-align: left;
	border:none;
	FILTER: Alpha(opacity=100)
}
#nav li span a:hover{
color:#CDE3F4;
background-color: #3288CE;
}
#nav li span .selected{
font-weight:bolder;
background-color: #3288CE;
}
#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;background-color: #3288CE;}
#nav .navLast a{border-right:none;}
/*-----------------------------------------------------------------------*/
#middle{
padding-top:10px;
}
#middle .left{
	width:170px;
	float:left;
	margin-bottom:30px;
}
#middle .left .height{
	height:400px;
	float: left;
}

#leftAdver{
	padding-top:5px;
}
#leftAdver .advers{
padding-bottom:7px;
border-bottom: 1px solid #cccccc;
margin-bottom:7px;
}
#middle .right{
   width:580px;
	float:left;
	margin-left:10px;
	overflow:hidden;
}
/*-----------------------------------------------------------------------*/
#bottom{
	padding-bottom:7px;
	text-align: center;
}
#bottom .links{
	height:20px;line-height:20px;
background-color: #E3EFF9;
}
#bottom .links a{
	font-weight:bolder;
}
#bottom .configs{
	line-height: 20px;
}
#bottom .configs a{
text-decoration: underline;
}
/*-----------------------------------------------------------------------*/


#advertisement{
height:200px;
	overflow:hidden;
}
#advertisement embed{
	position: absolute;
	z-index: 1;
}
/*-----------------------------------------------------------------------*/
#catalogsBox .cataTitle{
	height:20px;line-height:20px;
   padding-left:3px;
	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:370px;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:200px;overflow:hidden;
}
#QuickInfo .content .title{display:none;}
#QuickInfo .content .content{
	padding:10px;
	height:180px;overflow:hidden;
}
#QuickInfo .hotProduct{
	height:120px;overflow:hidden;
}
#QuickInfo  #getProduct .proBase{
margin:0 10px 0 5px;
padding-top:7px;
height:160px;
}
#QuickNews{
	width:200px;float:left;
	overflow:hidden;
}
#QuickNews .title a{
	display:block;float:right;
	margin:0 6px; 
	font-weight: normal;
}
#QuickNews .content{
	height:372px;overflow:hidden;
	width:198px;

}
#QuickNews #getNews{}
#QuickNews #getNews .newsBase{
border-top:1px solid #CCD7E0;
height:75px;
padding: 0 7px 0 7px;
}
#QuickNews #getNews .newsBase .newsTitle{
	font-weight: bolder;
   padding:5px 0 5px 0;
}
#QuickNews #getNews .newsBase .newsTitle a{
	color:#1073C3;
}
#QuickNews #getNews .newsBase .newsContent{
	font-size:12px;
}
#QuickNews #getNews .newsBase .newsContent a{
}
#QuickNews #getNews .newsBase .newsDate{
	font-weight: bolder;
	color:#BFD6E9;
}

#QuikProduct #getProduct{
}
/*-----------------------------------------------------------------------*/
#hotProduct{
margin-bottom:20px;
}
#hotProduct .content .clear{
	height:10px;
}

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

#productList  .text{
  padding:10px 0 20px 0;
  border-bottom:1px solid #cccccc;
}
#productList .content{
   padding:10px;
}
/*-----------------------------------------------------------------------*/
#searchResults{
margin-bottom:10px;
}
#searchResults  .title{
font-size:14px;}
#searchResults  .text{
  padding:10px 0 20px 20px;
  border-bottom:1px solid #cccccc;
}
#searchResults .content{
   padding: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:140px;width:620px;
	background-color:Green;
	overflow:hidden;
}
/*===============================================================*/
#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{
	height:42px;
		background-color:#E3EFF9;
		margin-bottom:10px;
}
#search div{
	float:left;
	line-height:30px;
}
#search .title{
   height:42px;line-height:42px;
}
#search .title span{
   display:block;height:42px;width:120px;line-height:36px;
	padding-left:15px;
	font-weight:bolder;
}
#search .inputBox {
	margin-top:5px;
	border:1px solid #C2D8EA;
}
#search .inputBox .searchKeyword{
display:block;
height:30px;border:none;
float:left;
width:260px;
background-color: white;
}
#search .inputBox .searchKeyword input{
	border:none;background:none;
	margin-top:4px;width:250px;
   font-weight:bolder;
   color: #869AAD;
}
#search .inputBox .searchType{
	width:50px;height:30px;
   background-color: white;
	background-image: url(images/searchType.gif);
	cursor: pointer;
}
#search .inputBox .searchType .content{
 position:absolute;z-index: 10000;
}
#search .inputBox .searchType .searchTypes{
	display:none;
}
#search .inputBox .searchType .searchTypesActive{
  display:block;
  position:absolute;
  width:310px;height:80px;
  background:Silver;
  left:-261px;top:30px;
  background-color: white;
  border:1px solid #C2D8EA;
}
#searchTypes div{
float:none;
}
#searchTypes .searchProjects{
	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 50px;
	clear:both;
}
#searchTypes .searchCatalogs .tit{
	float: left;
	height:25px;line-height:25px;
}
#searchCatalog{
border:1px solid #C2D8EA;
background:none;
width:160px;
height:20px;line-height:20px;
margin:0;padding:0;
padding-left:5px;
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;
}

#searchTypes .searchCataListNomol{display:none;}
#searchTypes .searchCataListActive{display:block;}
#search .go{
   height:42px;width:110px;
	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:16px;
	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;}
/*==========================================================================*/
.downloadBox span{
	display:block;
	padding:5px;
}
.serviceBox span{
		display:block;
	padding:5px;
}
/*-----------------------------------------------------------------------*/
#online{}
#online .link{
float:left;
width:50px;
text-align:center;
margin-bottom:10px;}