/*----------------------//style of web Mode //------------------*/
/*----author:hebaigang email:hebaigang@126.com QQ:247134704  history:09/09/25 modify:09/09/25----*/


/*=Layouts
---------------------------------*/
body{ background: url(../images/bg.gif) repeat-x; }
#area { width:999px; text-align:left; margin:0 auto; overflow:hidden; line-height: 22px;}

#header{width:999px;}
.logo h1{ background: url(../images/logo.gif) no-repeat 0 0; width:184px; height:57px; margin:25px 10px 10px 0; float: left;}
.logo h1 span{ display: none; }
.top{ }
.banner,.banner img{ float: left; }
.nav{ float: left; margin: 40px 0 0 50px; position:relative; z-index:10000; border: 1px solid #EDF2F4;}
.nav ul{ width:557px; float:left;}
.nav li{ float: left;}
.nav li a:link,.nav li a:visited{ display:block;  width:91px; height:40px; line-height:40px; text-align:center; color:#000; font-family:14px; font-weight:bold; }
.nav li a:hover,.nav li a.current,.nav ul li.current{ background:url(../images/nav.gif); color:#fff;}
.nav ul li ul{display:none; position:absolute; width:140px; margin-left:-2px; overflow:hidden;}
.nav ul li ul li{float:left; border-top:2px solid #fff;}
.nav ul li ul li a:link,.nav ul li ul li a:visited{ color:#000000; display:block;width:140px; height:25px; line-height:25px; text-align:left; background:#E5F0F6; padding-left:8px;  }
.nav ul li ul li a:hover{background:#09A0EC; color:#FFF}
.search{float:left; width:190px; overflow:hidden; margin-top:5px;}
.search_input{width:160px; height:28px; overflow:hidden}
.search_input input{background:url(../images/images_21.gif) no-repeat; width:160px; height:28px; border:none; color:#999; padding:6px 4px 5px 19px;}
#main{ margin-top:15px; clear: both; }
/*左侧*/
.leftCol{ width:199px; overflow:hidden; margin-right:10px; float:left;}
.leftCol .title{background:url(../images/images_15.gif); width:199px; height:27px; line-height:21px;}
.leftCol .title h2,.rightCol .title h2,.leftCol .title h2 a,.rightCol .title h2 a{color:#0A7FEB; font-size:13px; font-weight:bold; padding-left:5px;}
.leftCol .leftbox_main,.rightCol .rightbox_main{border: solid #D7E0E7; border-width: 0 1px 1px 1px; padding:5px;}
.list1{background: url(../images/images_28.gif) bottom repeat-x;} 
.list1 li{ background:url(../images/images_29.gif) no-repeat 1px 5px; padding-left:17px;}
/*中间*/
.mainCol{float:left; width:555px;}
.pro_list{float:left;}
.pro_list { margin-top:10px;}
.pro_list li{float:left; width:131px; overflow:hidden; margin-right:10px;}
.pro_list li img{float:left;}
.pro_list a:hover{zoom:1}
.pro_list a p{background:url(../images/images_52.gif) no-repeat; width:131px;height:22px; text-align:center; color:#FFF; float:left;}
.pro_list a:hover p{background:url(../images/images_53.gif) no-repeat;width:131px;height:22px; }

.mainCol .title{background:url(../images/images_55.gif) no-repeat; width:555px;height:26px;}
.mainCol .title h2,.mainCol .title h2 a{color:#0A7FEB; font-size:13px; font-weight:bold; padding-left:5px;}
.mainCol .mainbox_main{border: solid #D7E0E7; border-width: 0 1px 1px 1px; padding:5px;}
.mainbox_main{background:#FDFDFE;}
.list2 li{background:url(../images/images_60.gif) no-repeat 1px 5px; padding-left:17px;}
/* 变幻图片 */
.container{width:555px; height:230px; overflow:hidden;position:relative;}
.slider{position:absolute; }
.slider li{ list-style:none;display:inline;}
.slider img{ width:555px; height:230px; display:block;}

.slider2{width:2000px;}
.slider2 li{float:left;}

.num{ position:absolute; right:5px; bottom:5px;}
.num li{
	float: left;
	color: #FF7300;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #FF7300;
	background-color: #fff;
}
.num li.on{
	color: #fff;
	line-height: 21px;
	width: 21px;
	height: 21px;
	font-size: 16px;
	margin: 0 1px;
	border: 0;
	background-color: #FF7300;
	font-weight: bold;
}

/*右侧*/
.rightCol{ float:left; margin-left:10px; width:220px;}
.rightbox .title{background: url(../images/images_36.gif); width:220px; height:27px; line-height:21px}

#footer{ border: 1px solid #E6E6E6; background: #F3F4F6; line-height: 25px;  text-align: center; font-size: 11px;}
.link{  }
/*=当前位置---------------------------------*/
.current_location{ height: 25px; line-height: 25px; margin: 4px 0 0 0; padding-right: 10px;}
.current_location ul{ float: right; }
.current_location li{ float: left; margin-left:10px; background: url(../images/arrow.gif) no-repeat 0 -2px; padding-left: 20px; color: #a4a4a4}
.current_location li.home{ background: url(../images/home.gif) no-repeat 0 1px; padding-left:20px;  }
.current_location li a{ color: #1371AA; }

.leftCol .leftbox1_main{border: solid #D7E0E7; border-width: 0 1px 1px 1px;}
.sub_menu ul li{ border: solid #D8E0E6; border-width:0px 0 1px 0; cursor: pointer; background:#EFEFEF  url(../images/menu_dot.gif) no-repeat 160px 3px ;line-height:26px;font-weight:bold;}
.sub_menu ul li ul{ background:#FFF; padding-left:6px;}
.sub_menu ul li ul li{ border:none;  background:#FFF; font-weight:normal;}

.maincol_pro{border:1px solid #D7E0E7;}
.pro_title{background:url(../images/ni_title_bg.gif) repeat-x; height:28px; }
.pro_title a{background:url(../images/ni_title.gif) left top no-repeat; display:inline-block;padding-left:15px; height:28px; line-height:28px; color:#F97306; font-size:13px; font-weight:bold; margin-left:5px; }
.pro_title a span{background:url(../images/ni_title.gif) right top no-repeat; display:inline-block;padding-right:15px; height:28px;}
.pro_bd{padding:10px;}
.pro_bd img{float:left; width:120px; height:120px; margin-left:10px;}
.pro_bd li{float:left; margin-left:25px; margin-top:15px; background:url(../images/ni_prolist.gif); width:167px; height:22px; line-height:22px;}
.pro_bd li a{padding-left:5px;}
.width555{width:555px;}

.newsCol{width:775px; float:left; margin-left:10px;}
.news_list li,.products_list li{  line-height: 25px; width:755px; overflow:hidden; padding:10px;}
.news_list li a:link,.news_list li a:visited,.products_list li a:link,.products_list li a:visited{  border-bottom: 1px dashed #D2D2D2; display: block; padding:15px 0;}
.news_list li a strong,.products_list li a strong{color:#4D4C4C; font-size:13px;}
.news_list li a img,.products_list li a img{width:100px; height:100px; border:1px solid #CCC; padding:2px; float:right; margin-left:15px;}
.news_list li span{float: right; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding:0 0px 0 12px; color: #A4A4A4; background: url(../images/time_ico.gif) no-repeat 0 10px;}
.news_list li a:hover strong,.products_list li a:hover strong{ font-size:13px; text-decoration:underline; color:#A2A6AF;}
.news_list li a:hover img{border:1px solid #A2A6AF;}
.news_list h3{ width: 765px; color: black; font-size: 18px;font-weight: bold; text-align: center; height: 35px; line-height: 35px; }

.pro_view_hd{position:relative; padding:10px;}
.pro_view_hd .main{ margin-left:190px; background:#FBF9FA; padding:5px;}
.pro_view_hd .main h2{color:#0085DD; font-size:14px; font-weight:bold;}
.pro_view_hd ul.tab_pic{ width:530px; overflow:hidden;}
.pro_view_hd .tab_pic li{ float: left; margin-right:10px; border:1px solid #CCC}
.pro_view_hd .tab_pic li span{ position: absolute; left: 20px; top: 10px; display: none;}

.pro_view_bd_Menubox ul{ height: 35px; background:url(../images/tab_product_bg.gif); padding-left: 8px; border-bottom: 1px solid #B0BEC7; }
.pro_view_bd_Menubox li{ float: left; text-align: center; color: #fff; font-size: 12px; font-weight: bold; display: block; background:url(../images/tab_product.gif); margin-top:12px; height:25px; border-right:1px solid #FFF; padding:0 5px; cursor: pointer;}
.pro_view_bd_Menubox li a{display: block;padding:0 5px;}
.pro_view_bd_Menubox li.hover{  background: url(../images/tab_product_on.gif) no-repeat; height: 33px; position: relative; top: 6px; left: 0; z-index: 1000; margin-top:0px; }
.pro_view_bd_Menubox li.hover a{ margin-top: 0px; display: block; color: #DC6428; }
.pro_view_bd_Contentbox{ clear: both; border-top: none; overflow: hidden; text-align: left; background: white; }