@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body{ margin:0 auto; width:960px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#646464; background:url(bg.gif) repeat-x top;}
a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
.warning{ color:#fd0301;}
.clr{ clear:both;}
/*****head*****/
#head{ height:100px; position:relative; width:960px; margin:0 auto;}
#logo{ width:111px; height:78px; position:absolute; margin:16px 0 0 14px; background:url(/logo.gif) no-repeat;} 
#key1{ margin:30px 0 0 143px; position:absolute;}
#key1 h1{ height:24px; line-height:24px; font-size:16px; color:#333333;}
#key1 p{ margin:5px 0 0 0; font-size:14px; line-height:18px; width:520px;}
/********** menu ***********/
#menu{color:#fff; height:36px; background:url(menu_m.gif) repeat-x;}
#menu li{ float:left; display:inline; list-style:none;}
#menu p{ display:inline; width:12px; height:36px;}
#menu p.menu_l{background:url(menu_l.gif) no-repeat;float:left;}
#menu p.menu_r{ background:url(menu_r.gif) no-repeat; float:right;}
#menu li a{color:#fff; font-size:12px; font-weight:bold; padding:0 20px;line-height:36px; height:36px;}
/*************** banner ********************/
#banner{ width:960px; height:291px; background:url(banner.jpg) no-repeat;}
/*****search*****/
#search{ height:35px; position:absolute; top:62px; right:5px;}
.s_left{ width:7px; height:35px; float:left;  background:url(search_l.gif) no-repeat;}
#scenter{ width:140px; height:15px; border:0; line-height:15px; padding:10px 0; float:left;font-size:11px;  background:url(search_m.gif) repeat-x; color:#999999;}
.button{ width:101px; height:35px; float:left; border-style:none; background:url(search_r.gif) no-repeat; text-align:center; color:#FFFFFF;}
/*****about*****/
#about{ width:650px; padding:10px 10px 10px 20px; line-height:18px;}
.about_index{ float:left;}
#about strong, h2, #about strong, h3{ font-size:12px; display:inline;}
#about a{ color:#000000; text-decoration:underline;}
#about a:hover{ text-decoration:none;}
/*****side*****/

.side{ margin:10px 0 0 0; width:240px; border:3px solid #00C6E4; border-top:none; float:left; display:inline; background:url(mid_bg_1.gif) repeat-y;}
.side .side_bor{ width:240px; height:7px; background:url(side_top.gif) repeat-y;}
.side .side_top{ width:180px; padding:10px 40px 10px 20px; line-height:22px; text-align:center; color:#828282; font-size:14px; font-weight:bold; background:url(side_ico.gif) 200px 16px no-repeat #f4f4f4;}
.side .side_top h2{ font-size:14px; font-weight:bold;}
.side .side_top a{color:#828282;}
.side .side_box{ width:210px; padding:0 15px;}
.side .side_box a, .side .side_box span{width:180px; line-height:26px; border-bottom:1px dotted #FFFFFF; background:url(side_list.gif) 200px 6px no-repeat; color:#FFFFFF; padding:0 10px 0 20px; display:block; cursor:pointer;}
.side_box span:hover{ font-weight:bold;}
.side .side_box a:hover{ text-decoration:none; font-weight:bold;background:url(side_hover.gif) 200px 6px no-repeat;}
.side .side_box h2{ width:180px; line-height:26px; font-weight:bold; padding:0 10px 0 20px; font-size:12px; border-bottom:1px dotted #FFFFFF; background:url(side_list.gif) 200px 6px no-repeat; color:#000000;display:block; }
.side .side_box b{ font-weight:normal;line-height:26px;display:block; }
.side .side_box b:hover{ font-weight:bold;}
.side a.no_bor{ border:none;}

.dropmenudiv{width:230px; padding:5px; border:2px solid #CCCCCC; background:url(mid_bg.gif) repeat-x bottom #fdfdfd;	position:absolute; z-index:99; visibility: hidden;position:absolute; left:0; text-align:center;}
.dropmenudiv a{ padding:5px 10px;  font-weight:bold; color:#919191; font-size:12px; line-height:16px; width:210px; border-bottom:1px dotted #CCCCCC; display:block; cursor:pointer; text-align:center;}
.dropmenudiv a:hover{ color:#333333; font-weight:bold; text-decoration:none;}
.dropmenudiv a.bar_no{ border:none;}
.display{ display:none;}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

/*********proucts*********/
#proucts{ margin:5px 0 0 0; float:left; display:inline; width:690px;}
#proucts .tit_top{ width:500px; height:35px; line-height:35px; background:url(content_ico.gif) no-repeat 35px 5px; font-size:16px; padding:0 0 0 65px; font-weight:bold; color:#848484;}
#proucts .f_col{ font-size:13px; line-height:18px; margin:0 0 5px 60px;color:#ffffff;}
#proucts .box{ width:282px; height:238px; position:relative; float:left; display:inline; margin:0 20px 35px 30px; font-size:12px;}
#proucts .box .nbox{ width:270px; height:226px; _height:222px; padding:5px; border:1px solid #e3e3e3; background:url(productd_bg.gif) repeat-x bottom #FFFFFF;}
#proucts .box .nbox img{ border:0;}
#proucts .box .nbox .list{ display:inline;}
#proucts .box a{ width:160px; height:160px;margin:5px auto; color:#646464; font-size:12px; display:block;}
#proucts .box span{ font-size:12px; line-height:14px; margin:0 0 5px 60px;color:#0495c3; }
#proucts em{ width:73px; height:88px; position:absolute; left:0; top:0;}
#proucts .box_bg1{background:url(productd_1.gif) no-repeat left top;}
#proucts .box_bg2{ background:url(productd_2.gif) no-repeat left top; }
#proucts .box_bg3{ background:url(productd_3.gif) no-repeat left top;}
#proucts p{width:12px; height:11px; position:absolute; }
#proucts .box_lt{ background:url(productd_lt.gif) no-repeat; left:0; top:0;}
#proucts .box_lb{ background:url(productd_lb.gif) no-repeat; left:0; bottom:0;}
#proucts .box_rt{ background:url(productd_rt.gif) no-repeat; top:0; right:0;}
#proucts .box_rb{ background:url(productd_rb.gif) no-repeat; right:0; bottom:0;}

/*********mod1*********/
#products{padding-top:10px;}
#products .f_col{ font-size:13px; line-height:18px;color:#0495c3;}
#products a{ color:#000000; font-size:12px; }
#products li span, #products li i, #products li b{font-weight:normal; font-style:normal}
#products .pic1{	padding:10px 20px 15px 15px;	width:180px; height:260px;	float:left;	display:inline;	color:#000;line-height:18px;}
#pro_name{	float:left;	padding-left:8px;}
.name{	color:#000;	text-decoration:none;	display:inline;}
.name:hover{text-decoration:underline;}
.content_r_3{	line-height:18px;	padding:5px;	border-top:#7d7d7d 1px dotted;	float:left;	margin-top:15px;	word-break:break-all;	width:649px;}
#products .pic1 img, #products .pic2 img, #products .pic3 img{ border:0; float:left;}
/**************mod2**************/
#products li.pic2 {	float:left;	width:310px; height:170px; line-height:16px;	display:inline;	overflow:hidden;	padding:5px 5px 5px 6px;	margin:10px 0 5px 13px;}
#products .pic2 .picinfo {	float:left; display:inline; width:130px;margin:10px 0 0 8px;}
#products .pic2 .detail {	height:80px;}
/**************mod3**************/
#products li.pic3 {	height:170px;	width:650px;	overflow:hidden;	padding:7px 5px 0 8px;	margin:4px 0 7px 15px;font-size:14px;	list-style:none;}
#products .pic3 .picinfo {	float:left;	width:470px; display:inline; margin:0 0 0 8px;}
#products .pic3 .detaildesp {	height:77px;	overflow:hidden;	font-size:12px;}
#products .pic3 a.more {	float:right; display:inline;	margin:0 10px 0 0;}
#products .pic1 a.frame, #products .pic2 a.frame, #products .pic3 a.frame{	border:1px solid #bcbcbc;	width:160px;	height:160px;	float:left;	margin:0 8px 5px 0;	display:block;}
#products .pic1 a.frame:hover, #products .pic2 a.frame:hover, #products .pic3 a.frame:hover{	border:1px solid #e3e3e3;}
#products .gbg {	background:#EFEFEF;}
#prolist .productlist{	clear:both;	font-size:13px;	font-weight:bold;	margin:5px 10px 3px 0;	padding:2px 0 3px 14px; background:#e2e3e4;	border:1px solid #d3d4d5;}
#prolist li, #prolist li a{ color:#000000; line-height:18px; list-style:none;}
#prolist span{color:#0495c3;}
#products .bigname {  clear:both;	overflow:hidden;	font-weight:bold;	display:block;	background:#e2e3e4;	border:1px solid #d3d4d5;	margin:4px 6px 0 14px;	font-size:14px;	padding:3px 0 3px 15px;}
#products .bigname a {	color:black;}
#products .bigname a:hover {	color:#de4900;}
/*********content*********/
#main_r{ width:670px; float:right; display:inline; overflow:hidden;}
.content{padding:10px;}
.content_tit{ margin:20px 0 0 20px; height:31px; line-height:36px; font-size:14px;  font-weight:bold; padding:5px 0 2px 40px;  border-bottom:1px solid #eaeaea;}
.tit_bg1{background:url(ico_1.gif)  no-repeat left center;}
.tit_bg2{background:url(ico_2.gif)  no-repeat left center;}
.tit_bg3{background:url(ico_3.gif)  no-repeat left center;}
.content_tit a, #content_tit h2{ color:#646464; font-size:14px;}
.focus {	background:white;	border:1px solid #CCCCCC;}
.blur {	background:#f4f4f4;	border-bottom:#FFFFFF 1px solid;	border-left:#CCCCCC 1px solid;	border-right:#FFFFFF 1px solid;	border-top:#CCCCCC 1px solid;}
.desp2{ padding:10px 0 0 20px;}
.desp2 a{ color:#000000; text-decoration:underline;}
.desp2 a:hover{ text-decoration:none;}
.desp2 img{  margin:0 20px 0 0;}
/*********sitemap*********/
.sitemap ul {margin:10px 0 0 16px; clear:both;}
.sitemap li {margin:2px 0 3px 18px; line-height:18px;}
.sitemap li a{ color:#333333; text-decoration:underline;}
.sitemap li a:hover{ color:#0496e1; text-decoration:none;}
.sitemap .mar{ clear:both;}
li.mapinline {float:left; white-space:nowrap; }
/*********contact*********/
#contact{ height:136px; background:url(contact_m.gif) repeat-x;margin:10px 0 20px 0; clear:both; }
#contact .left_bg{ width:5px; height:136px; float:left; display:inline;}
#contact .contact_bg1{ background:url(contact_l.gif) no-repeat;}
#contact .contact_bg2{background:url(contact_r.gif) no-repeat;}
#contact .box_b{ width:454px; height:106px; line-height:20px; float:left; display:inline; padding:15px 10px;}
#contact .box_b h2, #contact .box_b h3{ font-size:12px; display:inline;}
#contact .box_b a{ color:#828080; float:right; display:inline; padding:0 5px 0 0;}
#contact .contact_top{ font-size:18px; color:#02a2d7; font-weight:bold; padding:0 0 5px 0;}
#contact span{ font-size:13px; line-height:18px; color:#000000; font-weight:bold;}
#contact .contact_mid{ width:2px; height:96px; margin:20px 0; background:url(contact_mid.gif) repeat-y; float:left; display:inline;} 
/*********links*********/
.blank{ height:1; line-height:0; font-size:0; clear:both;}
#links{ height:40px;color:#FFFFFF;}
#links p{display:inline; width:8px; height:40px;}
#links .n_left{background:url(nav_l.gif) no-repeat; float:left;}
#links .n_right{background:url(nav_r.gif) no-repeat; float:right}
#links .box_s{width:944px; text-align:center; display:block;background:url(nav_m.gif) repeat-x; float:left; text-align:center;}
#links .box_s li{font-weight:bold; line-height:40px; display:inline;}
#links .box_s li a{color:#fff; font-size:12px;  padding:0 20px; display:inline-block;}

/********footer*******************/		 
#menu_bottom{	text-align:center;	margin:10px 0 0 0; background:url(foot_menu_bg.gif) repeat-x;	height:30px;	line-height:30px;	color:#fff;	font-size:11px;	float:left;	width:900px;}
#menu_bottom li{	display:inline;}
#menu_bottom li a{	font-size:12px;	color:#fff;	text-decoration:none;	 	padding:0 8px;}
#menu_bottom li a:hover{	text-decoration:underline;}
.foot{clear:both;	text-align:center;	line-height:18px;	font-size:11px;	padding-top:3px;}
.foot a{	color:#0495c3;}
.foot a:hover{ 	text-decoration:underline;color:#3399FF;}
.foot .keywordlist{width:890px; margin:0 auto; background:url(foot_bootom.jpg) top repeat-x; text-align:center; line-height:20px; font-size:11px; padding:0 2px;}
.foot .keywordlist a{ font-size:11px; padding:0 5px; line-height:32px; background:none; }
/**************flipmenu**************/
#flipmenu {display:none;	z-index:99;	list-style:none;	position:absolute;}
#flipmenu a.bigl {	width:175px;	color:#ffffff;	display:block;	font-size:11px;	background:#139cc6;	text-decoration:none;	padding:6px 2px 6px 10px;	border-top:1px solid #139cc6;}
#flipmenu a.midl {	width:165px;	color:#ffffff;	display:block;	font-size:11px;	background:#58c1e3;	text-decoration:none;	padding:4px 2px 4px 20px;}
#flipmenu a:hover {	color:#000000;	font-weight:bold;	background:#1089b6;}
#flipmenu li a:hover {	color:#000000;	font-weight:bold;}
#flipmenu span{	width:165px;	color:#ffffff;	display:block;	font-size:11px;	background:#58c1e3;	text-decoration:none;	padding:4px 2px 4px 20px; cursor:pointer; overflow:hidden;}
#flipmenu span:hover {	color:#000000;	font-weight:bold;	background:#1089b6;}
/***button***/
.button_lank{ width:80px; height:28px; text-align:center; line-height:28px; border-style:none; background:url(button.gif) no-repeat; font-weight:bold; color:#FFFFFF; font-size:14px;}
/*****links*****/
.links ul li {	font-size:13px;	font-weight:bold;	margin:3px 0 0 30px;	padding:3px 0 2px 0;list-style:none;}
.links a{ color:#333333; text-decoration:underline;}
.links .ved,
.links a:hover {color:#0495c3;text-decoration:none;}
/*******introduction*******/
.about_top{ margin:2px 0 0 5px; height:31px; line-height:36px; font-size:18px;  font-weight:bold; padding:5px 0 2px 35px;}
.about{ width:690px; position:relative; float:left;}
.about .box{ width:648px; border:1px solid #d5d3d3; padding:20px; background:#FFFFFF;}
.about .box p{ line-height:20px; font-size:13px; margin:10px 0 0 0; font-weight:normal;}
.about span{ position:absolute; width:5px; height:5px; z-index:99;}
.about .about_lt{ background:url(abuot_l.gif) no-repeat; left:0; top:0;}
.about .about_rt{ background:url(abuot_r.gif) no-repeat; right:0; top:0;}
/******mid_nav******/

.mid_box{width:230px; padding:5px; border:2px solid #CCCCCC; background:url(mid_bg.gif) repeat-x bottom #fdfdfd;	position:absolute; z-index:99; visibility: hidden;}
.mid_box a{ padding:5px 10px;  font-weight:bold; color:#919191; font-size:12px; line-height:16px; width:210px; border-bottom:1px dotted #CCCCCC; display:block; cursor:pointer; text-align:center;}
.mid_box a:hover{ color:#333333; font-weight:bold; text-decoration:none;}
.mid_box a.bar_no{ border:none;}
.display{ display:none;}

/*****list*****/
#main_list{ width:960px; margin:10px auto; position:relative;}
#main_list .l_box{ width:958px; border:1px solid #1295bf; border-top:none;}
#main_list .l_nav, #main_list .l_nav2, #main_list .l_nav3{ height:43px; background:url(n_nav_m.gif) repeat-x;}

#main_list .l_nav li{ width:190px; line-height:43px; text-align:center; float:left; display:inline; color:#FFFFFF;}
#main_list .l_nav2 li{ width:159px;line-height:43px; text-align:center; float:left; display:inline; color:#FFFFFF;}
#main_list .l_nav3 li{ width:239px;line-height:43px; text-align:center; float:left; display:inline; color:#FFFFFF;}


#main_list .list_l{ background:url(n_nav_l.gif) no-repeat; top:0; left:0;}
#main_list .list_r{ background:url(n_nav_r.gif) no-repeat; top:0; right:0;}
#main_list .lisr_br{ width:10px; height:43px; position:absolute;}
#main_list table{ width:958px; margin:3px 0;}
#main_list td{ line-height:28px; text-align:center; font-size:13px;}
#main_list tr.color1{ background-color:#FFFFFF; } 
#main_list tr.color2{ background-color:#F8F8F8; } 
#main_list a{ color:#8e8e8e; text-decoration:none;}
#main_list a:hover{ text-decoration:underline; font-weight:bold; color:#FFFFFF;}
/********lang*******/
#lang{
	position:absolute;
	top:20px;
	left:743px;
	width:210px;
}

#lang .language{
	float:left;
	padding:4px 0 2px 19px;
	height:20px;
	background:#f3f3f3;

	width:65px;
}
#lang a{ color:#000000;}
#lang .nl, #lang .fr, #lang .de, #lang .el, #lang .it, #lang .pt, #lang .ru, #lang .es, #lang .en {
	display:block;
	padding:2px 0 4px 30px;
	margin:4px 0 0 0;
	background-position:left 3px;
	background-repeat:no-repeat;
}
#lang .en {background-image:url(fl_en.gif);}
#lang .nl {background-image:url(fl_nl.gif);}
#lang .fr {background-image:url(fl_fr.gif);}
#lang .de {background-image:url(fl_de.gif);}
#lang .el {background-image:url(fl_el.gif);}
#lang .it {background-image:url(fl_it.gif);}
#lang .pt {background-image:url(fl_pt.gif);}
#lang .ru {background-image:url(fl_ru.gif);}
#lang .es {background-image:url(fl_es.gif);}

#lang .menu1,
#lang .menu2{
	float:left;
	width:90px;
	padding:0px 10px 8px 18px;
	cursor:pointer;
	background:#f3f3f3;
}

#lang .menu1 {
	overflow:hidden;
	height:18px;
}	
#lang .menu2 {
	opacity:0.85;
	height:auto;
	filter:alpha(opacity=85);
}