@charset "gb2312";
/* CSS Document */
*{padding:0; margin:0;}
body{
	margin:0px;
	padding:0px;
	}
td{
	font-family:"宋体";
	line-height:24px;
	font-size:12px;
	}
.bot{
	color:#FFF;
	font-weight:bold;
	}
a{
	color:#333;
	text-decoration:none;
	}
a:hover{
	    color:#0051c6;
		text-decoration:none;
		}

.le-a{ width:180px; height:27px; background:url(images/le-a-1.jpg); padding-left:25px; line-height:27px;}
.le-a a{color:#333; display:block; width:160px; height:27px;}
.le-a a:hover{color:#fff;}

.le-a:hover{ background:url(images/le-a-2.jpg);}






.cptitle a{
	     color:#1f3a87;
		 font-weight:bold;
		 text-decoration:underline;
		 }
.cptitle a:hover{
	     color:#bc2931;
		 font-weight:bold;		 
		 text-decoration:underline;
		 }		 
		 















.menu {
	height: 72px;
	display: block;
	padding: 0px;
	width: 756px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

.menu ul {
			list-style: none;
			padding: 0;
			margin: 0;
}

.menu ul li {
	/* width and height of the menu items */  
	float: left;
	overflow: hidden;
	position: relative;
	line-height: 72px;
	text-align: center;
	width:108px;
	background:url(images/top02.jpg) right center no-repeat; 
}

.menu ul li a {
			/* must be postioned relative  */ 
			position: relative;
			display: block;
			width: 90px;
			height: 72px;
			font-family:"宋体";
			font-weight:bold;			
			font-size: 14px;
			text-decoration: none;
			cursor: pointer; 
			text-align: center !important;
}

.menu ul li a span {
			/* all layers will be absolute positioned */
			position: absolute;
			left: 0; width:118px;
		
}

		.menu ul li a span.out {
			top: 0px;
}

		.menu ul li a span.over,
		.menu ul li a span.bg {
			/* hide */  
			top: -72px;width:108px;
}

		/** 1st example **/

#menu1 {
	background-color: #E8E8E8;
	background-image: url(images/top01.jpg);
	background-repeat: repeat-x;
	background-position: 0px 0px; 
	
}

#menu1 ul li a {
			color: #FFF; 
}

#menu1 ul li a span.over {
			color: #0066b7;
}

#menu1 ul li span.bg {
			height: 72px;
			color: #0066b7;
			background:url(images/top03.png) no-repeat center center; width:108px;

}




/**产品二级类别**/


/*<![CDATA[*/ /* shawl.qiu pure css popup menu demo */
     /* ------------------- start 针对 Opera, Firefox 的 CSS 弹出菜单 -------------------*/
     .pmVerticalRightOut{background-color:#fff!important; /* 定义主菜单域背景色 */} 
     .pmVerticalRightOut .level{   /* 定义一级类别属性 */
         width:205px; /* 宽度 */
         height:27px; /* 高度 */
         position:relative; /* 显示位置为相对位置 */
         display:block; /* 以块模式显示 */
		 background:url(images/le-a-1.jpg);
       
         padding:0px 0px; /* 文字内补丁间隔 */
         margin:0px 0px 1px 0px; /* 菜单外补丁间隔 */
     }
     .pmVerticalRightOut .level:hover { /* 当鼠标划过一级菜单时 */
         /*background-color:#6633FF; /* 背景色 */
         color:#ffffff; /* 文字颜色 */
     }
     .pmVerticalRightOut .level_{display:none; /* 默认隐藏二级类别 */}
    
     .pmVerticalRightOut .level:hover .level_ { /* 鼠标划过时触发显示二级类别 */
         display:block; /* 以块显示 */
         left:206px; /* 相对于一级类别显示的位置 */
         width:160px; /* 宽度 */
         height:auto; /* 高度 */
         top:0px; /* 相对于一级类别所在位置的顶端 */
         background-color:#ffffff; /* 定义背景色 */
         position:absolute; /* 位置为绝对位置 */
		  border:solid 1px #00598e;
     }
     .pmVerticalRightOut .level:hover .level_ .level_title {
         /* 定义二级类别标题样式 */
         /*font-weight:bold; /* 字体加粗 */
          /*background-color:#A7ADFE; /* 背景色 */
         color:#ffffff; /* 文字颜色 */
     }
     .pmVerticalRightOut .level:hover .level_ a:hover {
         /* 定义二级类别链接显示样式 */
        /* background-color:#F83658; /* 背景色 */
         color:#00598e; /* 文字颜色 */
     }
     .pmVerticalRightOut .level:hover .level_ * { 
         /* 定义所有二级类别通用属性 */
         display:block; /* 以块显示 */
         color:black; /* 文字颜色 */
         padding:0px 2px; /* 内补丁间隔 */
     }
     /* ------------------- end 针对 Opera, Firefox 的 CSS 弹出菜单 -------------------*/
    
     /* ------------------- start 针对 IE 的 CSS 弹出菜单 -------------------*/
     .levelIe{   /* 定义一级类别属性 */
         width:205px; /* 宽度 */
         height:27px; /* 高度 */
         position:relative; /* 显示位置为相对位置 */
         display:block; /* 以块模式显示 */
		 background:url(images/le-a-2.jpg);
        /* background-color:#D8D8D8; /* 背景色 */
         padding:0px 0px; /* 文字内补丁间隔 */
         margin:0px 0px 1px 0px; /* 菜单外补丁间隔 */
		 color:#ffffff;
     }
     .levelIe .level_ { /* 鼠标划过时触发显示二级类别 */
         display:block; /* 以块显示 */
         left:206px; /* 相对于一级类别显示的位置 */
         width:160px; /* 宽度 */
         height:auto; /* 高度 */
         top:0px; /* 相对于一级类别所在位置的顶端 */
         background-color:#ffffff; /* 定义背景色 */
         position:absolute; /* 位置为绝对位置 */
		 border:solid 1px #00598e;
     }
     .levelIe .level_ .level_title {
         /* 定义二级类别标题样式 */
         /*font-weight:bold; /* 字体加粗 */
          /*background-color:#A7ADFE; /* 背景色 */
         color:white; /* 文字颜色 */
     }
     .levelIe .level_ a:hover {
         /* 定义二级类别链接显示样式 */
         /*background-color:#F83658; /* 背景色 */
         color:#00598e; /* 文字颜色 */
     }
     .levelIe .level_ * { 
         /* 定义所有二级类别通用属性 */
         display:block; /* 以块显示 */
         color:black; /* 文字颜色 */
         padding:0px 2px; /* 内补丁间隔 */
     }
     /* ------------------- end 针对 IE 的 CSS 弹出菜单 -------------------*/
/*]]>*/
/**产品二级类别**/





/**产品详细内容选项卡**/
.link{ width:700px;  margin:0px auto; overflow:hidden; }
.link .title{ height:27px; line-height:27px; background:url(../images/linkbg.gif) repeat-x;border-bottom:1px solid #0037cc;}
.link .title li{float:left;width:97px;  display:block;cursor:pointer;  font-weight:bold; font-size:12px; background:url(images/tab01.jpg); color:#727171; text-align:center}
.link .title li.hover{ background:url(images/tab02.jpg);color: #fff; float:left;}
.link .nr{padding:10px 10px 0px; width:958px; overflow:hidden; line-height:23px; }
.link .nr ul li{float:left; display:inline; width:119px; height:95px; text-align:center; }
.link .nr a{margin-right:10px;}
#con_link_1 ul li{float:left; display:inline; width:119px; height:95px; text-align:center; }
#con_link_2  li{float:left;}
.link .nr a{margin-right:10px;}

/**产品详细内容选项卡**/