﻿/*======样式设计：salmon 2009-12-11 ======*/
body{
  margin:0px;
  background-color:#fff;
  font-size:12px;
  color:#5c6a6a;
  font-family:"微软雅黑","宋体",Arial;
  }

a{
  text-decoration:none;
  color:#5c6a6a;
  }
 
a:hover{
  text-decoration:none;
  color:#f00;
  }

img{
  border:0px;
  }

form{
  padding:0px;
  margin:0px;
  }

ul, ul li, dl ,dl dd, dl dt{
  padding:0px;
  margin:0px;
  list-style:none;
  }

/*通用 clear样式定义*/
.clear{
  clear:both;
  height:0px;
  line-height:0px;
  }

.more{
  float:right;
  margin-right:4px;
  background:;
  clear:both;
  }

.more a{
  color:#f00;
  text-decoration:none;
  }

/*通用虚线框定义*/
.dotted_frm{
  border:1px dotted #ccc;
  }

 
/*字体首先为arial字体*/
.arial{
  font-family:Arial;
  }

/*字体加粗*/
.cuti{
  font-weight:bolder;
  }


/*网站总体框架定义，分左右二部份*/
#left_side{
  width:705px;
  float:left;
  clear:left;
  padding-bottom:2500px;
  margin-bottom:-2500px;
  overflow:hidden;
  background:url(images/left_shadow.jpg) no-repeat; /*6像素宽,垂直方向重复就行*/
  }

#right_side{
  width:205px;
  height:auto;
  float:right;
  clear:right;
  text-align:left;
  padding-bottom:2500px;
  margin-bottom:-2500px;
  overflow:hidden;
  background:url(images/right_bg.gif) repeat;
  }

#right_side form{
  margin:8px;
  }

#right_side form ul li{
  float:left;
  margin-bottom:8px;
  text-align:center;
  }

#header, #wrapper, #foot{
  width:910px;
  margin:auto;
  overflow:hidden;
  }


/*网站头部定义*/
#header{
  width:910px;
  margin:auto;
  overflow:hidden;
  background:url(images/top_left.gif) no-repeat;
  }


#title, #menu, #submenu{
  width:904px;
  float:right;
  overflow:hidden;
  text-align:left;
  }


/*公司标题*/
#title{
  height:67px;
  background:url(images/title.jpg) no-repeat;
  }


/*=========================产品推荐部份样式======================*/

/*产品推荐标题*/
#product_commend{
  width:auto;
  height:30px;
  background:url(images/product_commend.gif) no-repeat 6px top;
  }

/*产品部份*/
.commend{
  width:auto;
  margin-left:2px;
  margin-top:6px;
  }

.commend li{
  width:154px;
  height:auto;
  float:left;
  margin-right:9px;
  margin-left:6px;
  margin-bottom:21px;
  overflow:hidden;
  text-align:center;
  position:relative;
  }

/*产品编号*/
.commend_model{
  text-align:left;
  margin-top:6px;
  margin-left:4px;
  }


/*友情链接*/
#link{
  width:699px;
  height:75px;
  margin-left:6px;
  background:url(images/link_icon.gif) no-repeat;
  border:1px solid #ccc;
  border-left:0px;
  border-right:0px;
  }
 
#link ul{
  padding:6px 32px;
  }

#link li{
  float:left;
  width:120px;
  }



/*==================右边样式定义==================================*/
#search_right, #category_right, #support_right, #word_right{
  width:205px;
  height:27px;
  }

#search_right{
  background:url(images/search_right.gif) no-repeat;
  }

#category_right{
  background:url(images/category_right.gif) no-repeat;
  }

#support_right{
  background:url(images/support_right.gif) no-repeat;
  }

/*更新程序*/
#word_right{
  background:url(images/word_right.gif) no-repeat;
  }

.cx{
  width:188px;
  margin-left:12px;
  margin-top:6px;
  line-height:180%;
  text-align:left;
  clear:both;
  overflow:hidden;
  }

.cx li{
  padding:0px;
  margin:0px;
  }

/*搜索框input样式*/
input{
  border:1px solid #699;
  height:15px;
  }

/*=========================flash动画与新闻背景=======================*/
#movie{
  width:705px;
  height:240px;
  background:url(images/movie_bg.gif) no-repeat;
  }

#flash{
  width:438px;
  height:206px;
  float:left;
  overflow:hidden;
  margin-left:11px;
  margin-top:20px;
  border:1px solid #ccc;
  background:url(images/pic.jpg) no-repeat;
  }

#latest_news{
  width:210px;
  margin-left:21px;
  float:left;
  text-align:left;
  overflow:hidden;
  }

#latest_news li{
  background:url(images/sanjiao.gif) no-repeat left 12px;
  height:20px;
  padding-top:10px;
  padding-left:12px;
  overflow:hidden;
  }

#latest_news a{
  text-decoration:none;
  color:#930;
  }

#latest_news a:hover{
  text-decoration:none;
  color:#f00;
  }
  

/*底部版权与阴影样式定义*/
#foot{
  height:86px;
  overflow:hidden;
  background:url(images/foot_bg.gif) repeat;
  }

/*左边边缘阴影*/
#foot_left{
  float:left;
  width:2px;
  height:78px;
  background-color:#fff;
  }

/*放蓝牙标记*/
#foot_blue{
  float:left;
  background:url(images/blue.jpg) no-repeat 48px 21px;
  width:150px;
  height:86px;
  }

/*版权信息*/
#foot_copyright{
  float:left;
  padding-left:48px;
  width:auto;
  }

#foot ul{
  margin-top:12px;
  line-height:180%;
  color:#999;
  }

#foot a{
  color:#999;
  text-decoration:none;
  }

#foot a:hover{
  color:#f00;
  text-decoration:none;
  font-weight:bolder;
  }


/************************** 菜单部份样式定义(menu.css) **********************/

/*菜单*/
#menu{
  height:29px;
  background:url(images/menu_bg.gif) repeat;
  }

  #menu li{
    float:left;
	width:86px;
	font-weight:bolder;
	font-size:13px;
	padding:10px 15px;
	}

  #menu .menuhover{
    width:86px;
    height:25px;
    background:url(images/menu_shadow.gif) no-repeat left 4px;
	}

/*子菜单*/
#submenu{
  height:29px;
  background:url(images/submenu_bg.gif) repeat;
  }
  #submenu ul li div{
     float:left;
	 width:auto;
	 }

  #submenu li{
     float:left;
	 width:auto;
	 font-size:12px;
	 padding:8px 15px;
	 }
  
  #submenu li a:hover{
     color:#f00;
	 font-weight:bolder;
	 text-decoration:none;
	 }

  /*下面定义二级菜单的左边距*/
  .mb1{
     margin-left:38px;
	 color:#f00;
	 font-weight:bolder;
	 }

  .mb2{
     margin-left:154px;
	 }

  .mb3{
     margin-left:270px;
	 }

  .mb4{
     margin-left:330px;
	 }

  .mb5{
     margin-left:502px;
	 }

  .mb6{
     margin-left:618px;
	 }


/*菜单隐藏*/
.hide{
  display:none;
  }



/*===========================内部页面通用框架样式定义==========================*/

.left_shadow{ /*在左边大框架下面再定义左边阴影部份，以便展示阴影渐变效果*/
    width:6px;
	height:auto;
	float:left;
	background:url(images/left_shadow.jpg) no-repeat;
	}

#content{ /*左边框架内内容主体部份*/
    width:705px;
	height:auto;
	padding-left:6px;
	overflow:hidden;
	background:url(images/middle_left.gif) no-repeat;
	}

/*各页面title样式定义*/
.content_title{
    width:95px;
	height:35px;
	margin-left:6px;
	}

.title_about{
    background:url(images/title_about.gif) no-repeat;
	}

.title_aboutproduct{
    background:url(images/title_aboutproduct.gif) no-repeat;
	}

.title_commend{
    background:url(images/title_commend.gif) no-repeat;
	}

.title_contact{
    background:url(images/title_contact.gif) no-repeat;
	}

.title_drive{
    background:url(images/title_drive.gif) no-repeat;
	}

.title_faq{
    background:url(images/title_faq.gif) no-repeat;
	}

.title_news{
    background:url(images/title_news.gif) no-repeat;
	}

.title_products{
    background:url(images/title_products.gif) no-repeat;
	}

.title_quality{
    background:url(images/title_quality.gif) no-repeat;
	}

.title_service{
    background:url(images/title_service.gif) no-repeat;
	}

.title_soft{
    background:url(images/title_soft.gif) no-repeat;
	}

.title_tech{
    background:url(images/title_tech.gif) no-repeat;
	}

.title_word{
    background:url(images/title_word.gif) no-repeat;
	}

/*主体内容部份*/
.zhengwen{
    padding:12px 8px 10px 12px;
	line-height:150%;
	}

/*关于产品*/
.gycp{
   padding:12px 12px 10px 24px;
   }

.cp_title{
   width:auto;
   height:27px;
   clear:both;
   font-weight:bolder;
   font-size:13px;
   padding-top:10px;
   }


/*新闻资讯*/
.xwzx{
   padding:12px 12px 10px 24px;
   line-height:200%;
   }

.xwzx_detail_title{
   height:32px;
   font-size:14px;
   font-weight:bolder;
   text-align:center;
   }


/*技术支持*/
.tech_left{
  float:left;
  text-align:left;
  width:310px;
  margin-left:4px;
  }

.tech_right{
  float:right;
  text-align:left;
  width:310px;
  }

.wx_left{
  float:left;
  width:85%;
  overflow:hidden;
  }

.wx_right{
  float:left;
  width:12%;
  }

dl dt{
  font-weight:bolder;
  border-bottom:1px dotted #ccc;
  }

dl dd{ 
   padding:5px;
   overflow:hidden;
   }

dl dd span{
   font-weight:bolder;
   color:#f00;
   }



.mstop{
     width:630px;
	 height:20px;
	 margin:12px 25px 0 25px;
	 background:url(images/mstop.gif) no-repeat;
	 }

.msmid{
     width:630px;
	 margin-left:25px;
	 margin-right:25px;
	 background:url(images/msmid.gif) repeat-y;
	 }

	 .msmid div{
	       margin-left:25px;
		   margin-top:15px;
		   }

.msbot{
     width:630px;
	 height:20px;
	 margin:0px 25px 6px 25px;
	 background:url(images/msbot.gif) no-repeat;
	 }

.f780{
     color:#ff7800;
	 }

div#floatTips{
	position:absolute;
	margin-left:965px!important;
	margin-left:915px;
	text-align:center;
	border:1px solid #777;
	top:125px;
	width:35px;
	background:#ecebeb;
	/*color:white;
	opacity: 0.5;/*这两句没法通过验证的。。。*/
	/*filter:alpha(opacity=50);/*这两句没法通过验证的。。。*/
}