@charset "gb2312";
/* CSS Document */
/*
名称: 泉尔思
网址: http://www.quanersi.com;http://www.quanersi.cn
描述: 广东潮安彩塘泉尔思电子五金有限公司
作者: JYuan Chen
网址: http://www.eda99.com 
模板: 在这里可以提示它的父级模板
版本: 201002

翊达数码-集网站前端开发/网站后台开发/网页设计/网络营销体验于一体的数码工作室
网址:http://www.eda99.com/
.


[目录表] 

	0- Reset        初始化定义
	1- Global       公共元素定义
	2- font         文字定义
	3- Header       页眉定义        
	4- Navbar       导航定义
	5- Memu         菜单定义
	6- Sider        侧栏定义
	7- Main         正义定义  
	8- Footer       页尾定义

*/
/* 0- Reset  网页元素初始化
---------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;	vertical-align: baseline;background: transparent;}
img,a img{border:0;margin:0;padding:0;}

/* 1 Global 全局定义-网页中常用的、公共元素的定义 
---------------------------------------------------------------------------------*/

ol, ul {list-style: none;}
.left{float:left}  /*向左浮动*/
.right{float:right}/*向右浮动*/
.clear {clear:both}/*清除浮动*/
.g01{height: 1px;}
.g05{height: 5px;}
.g10{height: 10px;}
.g20{height: 20px;}
.g30{height: 30px;}
.g40{height: 40px;}
#Container{width: 960px;margin: auto;height: auto;background-image: url(images/head01.jpg);background-repeat: repeat-x;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
#Contain{width:960;background-image: url(images/bg02.jpg);background-repeat: no-repeat;background-color: #FFF;background-position: left top;}
body {background-color: #D5D5D5;background-image: url(images/bg01.jpg);background-repeat: repeat-x;}

/*链接*/
a {color: #330;text-decoration: none;}
a:hover{color:#F03;text-decoration:underline;}

/* 2 font   网页文字的定义
---------------------------------------------------------------------------------*/
   /* 2.1 文字大小属性*/ 
      .f12{font-size:12px;}
      .f13{font-size:13px;}
      .f14{font-size:14px;}
      .fb{font-weight:bold}
   /* 2.2 文字对齐方式*/
      .txtLeft{text-align:left}
      .txtRight{text-align:right}
      .txtCenter{text-align:center}
   /* 2.3 英文强制换行*/
      .word{word-break:break-all;}
   /* 2.4 标题H1-H6定义*/
      .h1{font-size:36px;font-weight: normal;}
      .h2{font-size:24px;font-weight: normal;}
      .h3{font-size:18px;font-weight: normal;}
      .h4{font-size:16px;font-weight: normal;}
      .h5{font-size:14px;font-weight: normal;}
      .h6{font-size:13px;font-weight: normal;}
   /* 2.5 字体样式*/ 
      .ft1{font-family: Arial, Helvetica, sans-serif;}
      .ft2{font-family: "Times New Roman", Times, serif;}
	  .ft3{font-family: "微软雅黑", "黑体", "幼圆","新宋体", "宋体", Arial, Helvetica, sans-serif;}
	  .fsred1{color: #F00;}
	  .fsred2{color: #900;}
	  .fshui1{color: #999;}
	  .fshui2{color: #666;}
	  .fsbai{color:#FFF}
	  .fhg18{line-height: 18px;}
	  .fhg20{line-height: 20px;}
	  .fhg22{line-height: 22px;}
	  .fhg25{line-height: 25px;}
	  .fhg30{line-height: 30px;}
	  .fhg35{line-height: 35px;}
	  .fhg40{line-height: 40px;}
/* 3 Header 页眉元素的定义
---------------------------------------------------------------------------------*/
#Header{width: 960px;}
  .home-ad {height: 460px;width: 960px;}
  .home-foot {height: 120px;width: 960px;background-image: url(images/home-foot.jpg);background-repeat: no-repeat;}
  .header-top{height: 120px;width: 960px;background-image: url(images/head01.jpg);background-repeat: repeat-x;}
  .header-top div {width: 240px;}
  .herder-ad {height: 340px;width: 960px;filter: DropShadow(Color=#999, OffX=2, OffY=2, Positive=ture);	background-color: #FFF;margin-top: 5px;}
  .herder-ad2 {height: 240px;width: 960px;filter: DropShadow(Color=#999, OffX=2, OffY=2, Positive=ture);background-color: #FFF;}

/* 4 Navbar    导航栏中的元素定义
---------------------------------------------------------------------------------*/
#Navbar{width: 800px;margin-top: 65px;margin-left: 160px;}
   #Navbar li {width:100px;height:30px;line-height: 30px;}
   #Navbar .d1 {width:94px;height:30px;line-height: 30px;float: left;margin: 0px;padding: 0px;top: 0px;}
   #Navbar .d2 {width:4px;height:30px;line-height: 30px;float: left;margin: 0px;padding: 0px;color: #FFF;}

/* 5 Memu   菜单的定义
---------------------------------------------------------------------------------*/
#Menu{padding: 5px;width: 219px;}
#Menu li {line-height: 25px;height: 25px;width: 219px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #D6D6D6;background-image: url(images/doc03.gif);
	ackground-repeat:no-repeat;background-position: 12px 8px;background-repeat: no-repeat;}
#Menu li a {width: 184px;padding-left: 35px;}
.Menu-search {border: 1px solid #C00;height: 20px;font-size: 14px;line-height: 20px;color: #C00;}
.Menu-Search-Bu {height: 30px;width: 170px;padding-top: 2px;padding-right: 5px;padding-bottom: 5px;padding-left: 15px;}
.menu-search-butt {height: 30px;width: 30px;padding-top: 5px;padding-bottom: 5px;}


/* 6 Sider  侧栏的定义
---------------------------------------------------------------------------------*/
#Sider{width: 230px;padding: 5px;}
/* 7 main   正文的定义
---------------------------------------------------------------------------------*/
#Main{width: 710px;padding: 0px;}

/* 9 end    结束
---------------------------------------------------------------------------------*/
.mainer {background-color: #FFF;width: 960px;height: 160px;}
.mainer1 {width: 172px;height: 150px;margin-top: 5px;margin-right: 5px;	margin-bottom: 5px;margin-left: 0px;}
.mainer2 {height: 150px;width: 300px;margin-top: 5px;margin-bottom: 5px;}
.mainer3 {width: 472px;height: 150px;margin: 0px;font-size: 12px;padding: 5px;}
    .mainer3_ul {height: 120px;width: 472px;margin-top: 5px;}
    .mainer3_ul li {height: 30px;width: 472px;line-height: 30px;}
    .mainer3_D1 {height: 20px;width: 22px;float: left;background-image: url(images/dot_news.jpg);background-repeat: no-repeat;background-position: 7px 12px;}
    .mainer3_D2 {height: 20px;width: 350px;float: left;}
    .mainer3_D3 {height: 20px;width: 100px;float: left;}
    .dot01 {line-height: 25px;float: left;height: 25px;width: 35px;color: #F00;text-align: center;}
    .dot02 {font-size: 12px;line-height: 25px;color: #333;text-decoration: none;margin: 0px;float: left;height: 25px;width: 540px;padding-top: 0px;	padding-right: 0px;padding-bottom: 0px; 
	        padding-left: 1px;}
    .dot03 {font-size: 12px;line-height: 25px;text-decoration: none;margin: 0px;padding: 0px;	float: right;height: 25px;width: 100px;text-align: center;}

.mn01 {padding: 4px;width: 700px;}
.mn02 {margin: 0px;padding: 0px;width: 690px;}
.mn02 li {margin: 0px;float: left;height: 150px;width: 172px;padding-top: 10px;padding-right: 0px;padding-bottom: 10px;padding-left: 0px;list-style-type: none;}
.mn03 {padding: 0px;height: 122px;width: 158px;margin-top: 0px;margin-right: auto;margin-bottom: 0px;margin-left: auto;	border: 1px solid #666;}
.mn03 img {margin: 3px;padding: 0px;height: 113px;width: 150px;}
.mn04 {line-height: 26px;padding: 0px;height: 26px;width: 158px;margin-top: 0px;margin-right: auto;	margin-bottom: 0px;	margin-left: auto;background-image: url(images/n02.jpg);
      border: 1px solid #999;	text-align: center;font-size: 12px;}
.mn05 {margin: 0px;	width: 680px;font-size: 12px;color: #000;text-align: right;	line-height: 40px;height: 40px;float: right;padding-top: 0px;padding-right: 15px;padding-bottom: 0px; 
       padding-left: 0px;}
.mn06 {padding: 5px;width: 690px;text-align: left;}
.mn06 li {width: 680px;list-style-type: none;line-height: 25px;height: 25px;margin: 0px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCC;padding: 0px;}
.mn07 {max-width:670px;width:e-xpression(document.body.clientWidth >670? "670px":"auto" );margin: 0px;padding: 10px;}
.mn08 {padding: 5px;clear: both;width: 690px;margin-top: 10px;margin-right: 0px;margin-bottom: 15px;margin-left: 0px;}
.mn08 li {float: left;width: 230px;height: 190px;	list-style-type: none;display: block;margin: 0px;padding: 0px;}
.mn08 li div {width: 210px;text-align: center;vertical-align: middle;margin: 0px;}
.mn09 {height: 165px;width: 210px;text-align: center;vertical-align: middle;margin: auto;}
.mn09 img {margin: auto;height:150px;max-width:200;	width:e-xpression(document.body.clientwidth >200? "200x":"auto" );padding: 5px;}
.mn10 {margin: 0px;	padding: 0px;height: 25px;width: 210px;font-size: 12px;line-height: 25px;clear: both;}
.mn11 {width: 230px;height: 230px;padding: 5px;}
.mn12 {height: 240px;width: 310px;}
.mn13 {height: 240px;width: 400px;}
.mn14 {line-height: 18px;margin: 0px;padding: 0px;height: 18px;width: 107px;text-align: center;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.mn15 {margin: auto;height: 250px;width: 690px;padding-top: 150px;}
.mn16 {text-decoration: none;margin: auto;width: 500px;background-color: #300;color: #FFF;padding: 5px;height: 100px;}

.srn  {margin:0px;padding:0;width:310px;}
   .srn li {background-image:url(images/dot01.jpg);background-repeat:no-repeat;	margin:0;padding:0;	width:310px;list-style-type:none;background-position:0 2px;text-align: left;display: block;
	        border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #DDD;text-decoration: none;}
   .srn li a {color:#000;padding:0;width:290px;margin-top:0;margin-right:0;margin-bottom:0;	margin-left:20px;display:block;}
   .srn li a:hover {color:#900;text-decoration:none;}

/*产品点击放大-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*


   Magic Thumb v2.0.34 DEMO
   Copyright 2010 Magic Toolbox
   You must buy a license to use this tool.
   Go to www.magictoolbox.com/magicthumb/


*/

/* Style of the small image link */
.MagicThumb, .MagicThumb:hover {
cursor: url(graphics/zoomin.cur), pointer;
outline: 0 !important;
}

/* Style of the small image when the large image is expanded */ 
.MagicThumb-expanded-thumbnail {
cursor: default;
}

/* Style of the span inside the small image link */
.MagicThumb span {
display: none !important;
}

/* Style of the small image */
.MagicThumb img {
border: 0;
outline: 0;
}

/* Style of the expanded image */
.MagicThumb-expanded {
cursor: url(graphics/zoomout.cur), pointer;
background: transparent;
border: 1px solid #ccc;
outline: 0;
padding: 0;
}

/* Style of the caption for the expanded image */
.MagicThumb-caption {
color: #333;
font: normal 10pt Verdana, Helvetica;
background: #ccc;
text-align: left;
padding: 8px;
border: 0 !important;
outline: 0 !important;
}

/* Style of the close/next/previous buttons */
.MagicThumb-buttons {
background: transparent url(graphics/buttons1.png) no-repeat 0 0;
height: 24px;
display: block;
}

.MagicThumb-buttons a {
width: 24px;
height: 24px;
margin: 0px 1px !important;
overflow: hidden;
}

/* Style of the loading message box */
.MagicThumb-loader {
font: normal 12pt sans-serif;
border: 1px solid #000;
background: #fff url(graphics/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
}

/* Style of the small images which swap the main image */
.MagicThumb-swap {
}

/* Style to hide caption on page. Only needed for #id method. */
.MagicThumb-external-caption {
display: none;
}
/*产品向上滚动-----------------------------------------------------------------*/
.ipro_contant {list-style-type:none;height:150px;width:300px;}
.ipro_contant LI {float:left;width:100px;height:75px;margin:0;padding:0;text-align:center;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;list-style-type: none;}
.ipro_contant LI IMG {width:94px;height:70px;margin:2px;padding:0;display: block;}

/* 8 footer 页脚的定义
---------------------------------------------------------------------------------*/
#footer{width: 960px;height:40;line-height: 40px;border-top-color: #CCC;background-repeat: no-repeat;margin-top: 5px;background-image: url(images/bg03.jpg);}