@charset "utf-8";
/* CSS Document */

body, html{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	line-height:17px;
	background-color: #CAD5E1;
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-image: url(../images/bj2.jpg);
}
div,table,td,tr,ul,li,dl,dd,dt,p,br,h1,h2,h3,h4,h5,h6,form,input,a,img{ margin:0; padding:0px; list-style-type: none; }
img{ border:0px;}
a{color: #fff;
	font-size: 12px;
	text-decoration: none;
	line-height: 17px;
	font-family:  Calibri, Verdana, Arial, Helvetica, sans-serif;
}

a:hover{
	color: #D50000;
	font-size: 12px;
	text-decoration: none;
	line-height: 17px;
	font-family:   Calibri, Verdana, Arial, Helvetica, sans-serif;
}
.clear {clear:both; height:0; font-size: 1px; line-height: 0px;}
.clear2{
border-top:1px solid transparent !important;
margin-top:-1px !important;
border-top:0;
margin-top:0;
clear:both;
visibility:hidden;
}


             /*--------------------------top--------------------------*/

#top{ width:950px; margin-left:auto; margin-right:auto;}
#center{
	width:942px;
	margin-left:auto;
	margin-right:auto;
	background-color:#1D1F22;
	overflow: hidden;
	padding:4px;
	background-image: url(../images/center_bj.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

.logo_line{ width:950px; margin-left:auto; margin-right:auto; padding-top:22px; padding-bottom:12px;}
.logo{ width:150px; float:left; padding-left:10px; }
.menu{ width:788px; float:right; padding-top:8px; margin-top:15px;}
  
#down{
	padding-top:10px;
	clear: none; height:30px; color:#B8B8B8; padding-left:10px; background-color:#1D1F22
}
.banner{
	border: 4px solid #1C1E21; width:942px; margin-left:auto; margin-right:auto;
}

.banner_about{
 width:935px; margin-left:auto; margin-right:auto; padding-left:15px; background-color:#1D1F22;
}
TABLE TR TD{ padding:5px;}
/*-------------------------------------------------------*/
#Nav { /*Make the left border */
	line-height: 36px;
	list-style-type: none;
	width:756px;
	background-image: url(../images/menu_bj.jpg);
	background-repeat: no-repeat;
	height: 36px;
	margin-right: auto;
	margin-left: auto;
	padding-left:32px;
	background-position: right;
}


#Nav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;/*display: inline;*/

}
#Nav ul li {
	position: relative;
	float: left;
	text-align: center;
	width: 123px;
	line-height:36px;	font-family: Arial, Helvetica, sans-serif; 
}
#Nav li ul {
	position: absolute;
	left: 0px;
	display: none;
	border-left: 0px;
	background:#878275;
	width: 145px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
}
#Nav ul li a {
	display: block;
	text-align:center;
	font-size: 12px;
	line-height: 36px;
	color: #fff;	font-family: Arial, Helvetica, sans-serif;
}
#Nav ul li ul li a { /* The border of main menus is different from the sub menus */
	display: block;
	width: 135px;
	text-align:left;
	padding-left:8px;
	font-size: 12px;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eeeeee;padding-top:5px; padding-bottom:5px;	font-family: Arial, Helvetica, sans-serif;
}
*html #Nav ul li ul li a { /* The border of main menus is different from the sub menus */
	display: block;
	width: 135px;
	text-align:left;
	padding-left:8px;
	font-size: 12px;
	line-height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;padding-top:5px; padding-bottom:5px;	font-family: Arial, Helvetica, sans-serif;
}
#Nav a:hover {
	line-height:36px;
	width: 123px;
	color: #fff;
	background-color: #878275;
	font-size: 12px;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#Nav ul li ul li a:hover {
	display: block;
	width: 135px;
	text-align:left;
	padding-left:8px;
	font-size: 12px;
	line-height: 20px;
	background:#928F87; padding-top:5px; padding-bottom:5px;
}
/* Fix IE. Hide from IE Mac */

* html #Nav ul li {
	float: left;
	height: 1%;
}
* html #Nav ul li a {
	height: 1%;
}
/* End */

#Nav li:hover ul, li.over ul {
	display: block;
}
#Menu li.over ul {
	display: block;
}
#Menu li.over li ul {
	margin-left: 105px;
	margin-top: -21px;
	display: none;
}
#Menu li li.over ul {
	display: block;
}
/*---------------------------end----------------------------------*/


.index_about{ width:430px; float:left; padding-left:20px;}
.index_pic{ width:170px; padding-left:5px; float:left; display:inline;}
.index_pro{
	width:462px;
	margin-left:25px;
	float:left; margin-top:5px;
		width:462px; height:195px;
	background-image: url(../images/pro_bj.gif);
	background-repeat: no-repeat;
	background-position: left top; text-align:left;
}

.index_about .title{
	font-size: 20px;
	color: #fff;
	height: 25px;
	line-height:25px; margin-top:10px;
	background-image: url(../images/ico1.jpg);
	background-repeat: no-repeat;
	background-position: left center; padding-left:30px; margin-bottom:15px;
}
.index_about div{ line-height:17px;}
.index_pic { float:right; padding-left:10px;}
.more1{
	padding-top:12px;
	color:#3366CC;
	text-decoration: none; padding-bottom:10px;
}
.more1 a{
	color:#3366CC;
	text-decoration: none;
}
.more1 a:hover{color:#3366CC;
		text-decoration: none;}

.index_pro .title{
	font-size: 20px;
	color: #fff;
	height: 25px;
	line-height:25px; margin-top:10px;
	background-image: url(../images/ico2.jpg);
	background-repeat: no-repeat;
	background-position: left center; padding-left:30px; margin-bottom:5px;
}


.ind_contact{ clear:both; padding-left:15px; padding-bottom:10PX;}
.ind_contact p{ float:left; font-size:18px; color:#FF0000; padding-right:10px;}


/*----------------------------------------------------------leftmenu--------------------------*/
.suckerdiv ul{
	margin: 0;
	padding: 0;
	list-style-type: none; color:#F7F7F9;
	width: 169px; /* Width of Menu Items */

}
	
.suckerdiv ul li{
	position: relative;

}
	
/*1st level sub menu style */
.suckerdiv ul li ul{
	left: 169px; /* Parent menu width - 1*/
	position: absolute;
	width: 169px; /*sub menu width*/
	top: 0;
	display: none;
	border: 1px solid #CCCCCC; background: #fff;
}

/*All subsequent sub menu levels offset */
.suckerdiv ul li ul li ul{ background: #fff;
left: 169px; /* Parent menu width - 1*/
}

/* menu links style */
.suckerdiv ul li a{
	display: block;
	color: #5A7DC8;
	text-decoration: none;
	background: #fff;
	border-bottom: 0;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 12px;
}

.suckerdiv ul li a:visited{
color: #5A7DC8;
}

.suckerdiv ul li a:hover{
	color: white;
	background-color: #CCCCCC;
}

.suckerdiv .subfolderstyle{
	background-color: #F7F7F9;
	background-image: url(../images/sj.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%; }
/* End */
#ey {
	float: left;
	width: 695px;
	padding-top: 10px;
}

.font_pro{
	font-size:20px; margin-top:15px;
	padding-left:20px;
	margin-left:18px;
	background-image: url(../images/ico2.jpg);
	background-repeat: no-repeat;
	background-position: left center; width:191px; float:left; 
}
.index_protitle{ float:left; width:208px; padding-top:1px;}
.index_protitle  ul li{
	width:51px; height:44px;
	background-image: url(../images/line_bj2.jpg);
	background-repeat: no-repeat;
	float:left;
	text-align: center;
	vertical-align: middle;


}
.index_protitle  ul li a{	background-image: url(../images/line_bj2.jpg);
	background-repeat: no-repeat; 	display: block; 	padding-top:11px; 	height:33px;}
.index_protitle  ul li a:link{	width:51px; padding-top:11px; 	height:33px;
	background-image: url(../images/line_bj2.jpg);
	background-repeat: no-repeat;
}
.index_protitle  ul li a:visited{	width:51px; padding-top:11px; 	height:33px;
	background-image: url(../images/line_bj2.jpg);
	background-repeat: no-repeat;
}
.index_protitle  ul li a:hover{	width:51px; padding-top:11px; 	height:33px;
	background-image: url(../images/ch1.jpg);
	background-repeat: no-repeat;
}
.index_product{clear: both; padding-left:15px; padding-top:7px;}
.index_product ul li{
	clear: none;
	width:202px;
	height:27px;
	float:left;
	margin-right:8px;
	border: 1px solid #6D6D6D; margin-bottom:4px; padding:1px; line-height:27px;
}
.index_product ul li a{line-height:27px;}
.index_product ul li a:link{line-height:27px;}
.index_product ul li a:visited{line-height:27px;}
.index_product ul li a:hover{line-height:27px;}
.index_product ul li dl{ margin:0px; padding:0px;height:27px; padding-left:8px;}
.index_product ul li dl dd{ float:left;}
.index_product ul li dl dt{ float:right;}


/*----------------------------about --------------------*/
#center_about{
	width:935px;
	margin-left:auto;
	margin-right:auto;
	background-color:#1D1F22;
	overflow: hidden;
	padding-left:15px;
	background-image: url(../images/content_bg.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}
#content{
	background-image: url(../images/about_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top; padding-top:35px; overflow: hidden
}

.about_left{ width:165px; padding-left:8px; float:left;}
.about_right{ width:675px; float:left; padding-left:54px; color:#666;}
.title_left{ font-size:18px; 	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #7E797B; padding-bottom:5px; padding-left:5px;}
.title_right{ padding-top:10px; border-bottom:solid #333 1px; padding-bottom:12px;}
.title_totla{ font-size:24px; color:#000; padding-top:30px; line-height:30px;}
.company_left{ width:470px; float:left;}
.company_right{ width:187px; float:right; background-color:#EBEBEB; margin-top:45px; }
.breadcrumbs{ font-size:14px; color:#DA251C; border-bottom:solid #E4E4E4 1px; padding-top:5px; padding-bottom:5px; margin-bottom:15px;}
.breadcrumbs a{ color:#DA251C; font-size:14px;}
.breadcrumbs a:hover{ color:#760600; font-size:14px;}

#PARENT {
	width:170px;
}

#nav2 {
 list-style-type: none; width:170px;
}

/*==================一级目录===================*/

#nav2 a {

	width: 130px;
	display: block;
	line-height: 15px;
}

#nav2 li {
	line-height:15px;
	padding-bottom:5px;
	padding-top: 5px;/*float：left,本不应该设置，但由于在Firefox不能正常显示
 继承Nav的width,限制宽度，li自动向下延伸*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7E797B; padding-left:5px
}
#nav2 li a{ padding-right:10px; }


/*==================二级目录===================*/

#nav2 li ul {
	list-style:none;
	text-align:left;
	background-image: none;
}

#nav2 li ul li{
	clear: both;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#nav2 li ul a{
	padding-left:10px; font-weight:normal;
	line-height:15px;
	width:130px;
	background-position: left; /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/
 margin-left:-15px;
		

 /* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/

}

/*下面是二级目录的链接样式*/

#nav2 li ul a:link  {
 text-decoration:none; line-height:15px; font-weight:normal;
}
#nav2 li ul a:visited  {
text-decoration:none; line-height:15px; font-weight:normal;
}
#nav2 li ul a:hover {
 text-decoration:none; line-height:15px; font-weight:normal;/* 二级onmouseover的字体颜色、背景色*/

}

/*==============================*/


#nav2 li:hover ul {
 left: auto;
}
#nav2 li.sfhover ul {
 left: auto;
}
#content_left {
 clear: left; 
}
#nav2 ul.collapsed {
 display: none;
}

#nav2{  width:170px;
}

.yellow{ color:#FFF000}

.product{ padding-top:20px;}
.product ul li{ width:225px; float:left; text-align:center; height:180px;}
.product ul li p{ text-align:center; background-color:#ECECEC; width:190px; margin-top:10px;}
.product ul li p a{ color:#000;}
.product ul li p a:hover{ color:#DA251C;}
.page1{ margin:15px; padding-top:10px;}
.page1 a{ color:#000}
.page1 a:hover{ color:#DA251C}


.sitemap_content{ height:auto; color:#333}	
.sitemap_content a{color:#333}
.sitemap_content a:hover{color:#DA251C}
	
.sitemap_content h2 {
	background-image: url(images/index4_03.png);
	background-repeat: no-repeat;
	background-position: left 14px;
	font-size: 16px;
	color: #FF3332;
	padding-left: 15px;
	padding-top: 10px; font-weight:normal;
}
.sitemap_content h2 a{
	font-size: 16px;
	color: #000; font-weight:normal;
}
.sitemap_content h2 a:hover{
	font-size: 16px;
	color: #DA251C; font-weight:normal;
}


.sitemap_content h3 {
	font-size: 12px;
	color: #336699;
	padding-left: 15px;
	line-height: 25px;
	font-weight: normal;
}
.sitemap_content ul {
	padding-left: 15px;
}
.sitemap_content li {
	float: left;
	line-height: 25px;
	width: 160px;
	list-style-type: none;
}

.sitemap_content h3 a{
	font-size: 12px;
	color: #0066A4;
}
.sitemap_content h3 a:visited{
	font-size: 12px;
	color: #0066A4;
}
.sitemap_content h3 a:hover{
	font-size: 12px;
	color: #0066A4;
}
.tian{width:220px; float:left}