/* CSS Document */
body{padding:0px; margin:0px; background:url(../images/bg.gif) repeat-x; color:#666666; font:12px/14px Tahoma, sans-serif;text-align:center;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
A{
color:#05577E;text-decoration:none;}
A:link{
color:#05577E;text-decoration:none;}
A:hover{
color:#ff0000;text-decoration:underline;}

.clear {clear: both; margin: 0px; height:0}

p a{font:12px/14px Tahoma, sans-serif; color:#FC8612; text-decoration:underline;}
p a:hover{ color:#f5be49; text-decoration:none;}

p span.headline{font:12px/14px Arial, sans-serif; color:#319ec9; font-weight:bold}

#container{width:100%; margin:0 auto; background:#fff; padding:0; position:relative;text-align:center;}
.i_title{
font:"Times New Roman", Times, serif;font-size:14px;font-weight:bold;background:#319ec9 url(../images/b_featured.gif) 0 0 repeat-x;height:26px;line-height:26px;color:#267D8C;margin-bottom:5px;padding-left:5px;}
.z_title{
height:39px;padding-left:10px;padding-right:10px;line-height:39px;text-align:left;border-bottom:1px solid #050F12;}
.z_con{
line-height:20px;padding:5px;width:628px;}
.p_title{
height:30px;padding-left:10px;font-weight:bold;padding-right:10px;line-height:30px;text-align:left;border-bottom:1px solid #050F12;}

/* TOP */
.span_top{
background:url(../images/main_bg.gif) repeat-x;width:100%;border-top:#e4edf6 4px solid;}
.span_header{
background:url(../images/main_bg.gif) repeat-x;width:100%;}

#top{width:968px; height:98px; position:relative; background:#ffffff;}
.span_main{
background:url(../images/main_bg.gif) repeat-x;width:100%;}
#logo{position:absolute; top:22px; left:28px}
#serach{position:absolute; top:55px; left:655px;width:500px}

#top ul.ico{
	position:absolute;
	top:20px;
	float:right;
	margin-left:100px;
	width:280px;
	background:#ffffff;
	left: 500px;
}
#top ul.ico li{float:left; height:30px; margin-right:12px; padding-left:14px;}
#top ul.ico li a{display:block; font:12px/14px Trebuchet MS, sans-serif; color:#454b55; text-decoration:none; padding-top:10px;font-weight:bold;color:#267D8C;}
#top ul.ico li a:hover{text-decoration:underline;}

/* MENU */

.MENU{
WIDTH:968px;height:30px;text-align:center;}
.MENU ul{
float:left;margin:0;padding:0;}
.MENU ul li{
float:left;list-style:none;WIDTH:120px;font-size:12px;line-height:30px;color:#ffffff;}
.MENU A{
	display: block;
	WIDTH:120px;
	color: #ffffff;
	height:30px;
	font-weight:bold;
	margin:0;
	padding:0;
	TEXT-DECORATION: none;
}
.MENU A:link{
	FONT-SIZE: 12px; COLOR: #ffffff; TEXT-DECORATION: none;
}
.MENU A:hover {
	FONT-SIZE: 14px; COLOR: #000000; TEXT-DECORATION: none;background:#333 url(../images/b_menu1.jpg) repeat-x;WIDTH:120px;font-weight:bold;
}

#menuPan{width:100%; height:30px; position:relative; background:url(../images/a_menu1.jpg) 0 0 repeat-x;}



/* HEADER */

.header{width:968px; height:200px; position:relative; background:url(../images/b_header.jpg) 0 0 no-repeat; margin:0}
#slogan{position:absolute; top:49px; left:313px}
#btn_buy{position:absolute; top:26px; left:211px}

ul.topics{position:absolute; top:134px; left:348px; width:263px}
ul.topics li{height:18px; margin-bottom:2px;}
ul.topics li {height:18px; display:block; text-indent:-20000px; }

ul.topics li.t01 {background:url(../images/topic_1.gif) 0 0 no-repeat; }
ul.topics li.t02 {background:url(../images/topic_2.gif) 0 0 no-repeat; }
ul.topics li.t03 {background:url(../images/topic_3.gif) 0 0 no-repeat; }

/* CONTENT */
.main{width:968px;text-align:center;background:#ffffff;OVERFLOW: hidden;}
.main_lft{width:294px;float:left;margin-right:5px;OVERFLOW: hidden;}
.main_rgt{width:634px;float:right;text-align:left;padding-right:10px;OVERFLOW: hidden;}

.title{
height:30px;line-height:30px;padding-left:5px;font-size:14px;text-align:left;color:#ffffff;font-weight:bold;paddint-bottom:5px;}
.title1{
height:30px;line-height:30px;padding-left:5px;font-size:14px;text-align:left;color:#24646F;font-weight:bold;paddint-bottom:5px;}
.title_ip{
height:24px;line-height:24px;padding-left:5px;font-size:14px;text-align:left;color:#24646F;font-weight:bold;border-bottom:1px solid #dfdfdf;paddint-bottom:5px;}
.about{
height:160px;margin:10px auto;}
.product{
height:150px;width:757px;margin:10px auto;}
.contact{
height:160px;width:757px;margin:10px auto;}
.span_aboutbg{
width:757px;height:149px;}
.span_aboutbg_lft{
width:8px;height:149px;font-size:1px;background:url(../images/span_aboutbg3.gif) 0 0 no-repeat;float:left}
.span_aboutbg_mid{
width:739px;height:147px;background:#ffffff;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;float:left}
.span_aboutbg_rgt{
width:8px;height:149px;font-size:1px;background:url(../images/span_aboutbg4.gif) 0 0 no-repeat;float:left}
.about_lft{
width:400px;margin-right:20px;float:left;margin-top:5px;}
.about_rgt{
width:300px;float:left;margin-top:5px;}
.about_lft_lft{
height:160px;width:13px;background:url(../images/about_bg1.gif);font-size:1px;float:left}
.about_lft_mid{
height:160px;width:731px;background:url(../images/about_bg2.gif);float:left}
.about_lft_rgt{
height:160px;width:13px;background:url(../images/about_bg3.gif);font-size:1px;float:left}
.company_con{
width:401px;margin-right:10px;float:left;text-align:left;padding:10px;}
.company_img{
width:280px;float:left;padding:10px 5px;}
.company_img img{
width:270px;}


.about_lft_mid1{
height:160px;width:339px;background:url(../images/about_bg2.gif);float:left}
.news_lft{
width:365px;margin-right:10px;float:left;}
.news_right{
width:365px;float:right;}
.about_lft_mid1 ul{
float:left;margin-top:5px;padding:0;text-align:left;}
.about_lft_mid1 ul li{
float:left;list-style:none;WIDTH:auto;font-size:12px;line-height:20px;color:#000000;}
.about_lft_mid1 A{
	display: block;	WIDTH:auto;	color: #05577E;	height:20px;margin:0;	padding:0;
	TEXT-DECORATION: none;
}
.about_lft_mid1 A:link{
	FONT-SIZE: 12px; COLOR: #05577E; TEXT-DECORATION: none;
}
.about_lft_mid1 A:hover {
	FONT-SIZE: 12px; COLOR: #05577E; TEXT-DECORATION: none;WIDTH:auto;}

/* CSS FOOT */
.span_foot{
background:#ffffff;width:100%;background:url(../images/main_bg.gif) repeat-x;}
.foot_div{
height:50px;width:968px;background:url(../images/b_welcome.gif) repeat-x; padding:5px 0;text-align:center;background:#ffffff;}
.foot_lft{
width:300px;float:left;margin-left:5px;}
.foot_rgt{
width:560px;float:left;text-align:left;color:#000000;line-height:18px;}
.foot_rgt a{
color:#000000;TEXT-DECORATION: none;}

/* CSS left_nav */
.lft_title{
height:30px;line-height:30px;padding-left:10px;font-size:14px;text-align:left;color:#24646F;font-weight:bold;paddint-bottom:5px;background:#efefef;}

.lftanv_div1{
height:30px;background:#24646F;line-height:30px;color:#efefef;font-size:16px;text-align:left;font-weight:bold;padding:5px;}
.lftanv_div2{
height:73px;}
.lftanv_div3{
height:30px;height:400px;text-align:left;}

.lftanv_div3 li A{
	FONT-SIZE: 9pt;
	display: block;
	WIDTH:auto;
	color: #000000;
	height:24px;
	margin:0;
	padding-left:10px;line-height:24px;
	TEXT-DECORATION: none;background:#ffffff;border-bottom:1px solid #efefef;OVERFLOW: hidden;
}
.lftanv_div3 li A:link{
	FONT-SIZE: 9pt; COLOR: #000000; TEXT-DECORATION: none;OVERFLOW: hidden;
}
.lftanv_div3 li A:hover {
	FONT-SIZE: 9pt; COLOR: #ffffff; TEXT-DECORATION: none;background:#333 url(../images/a_menu1.jpg) repeat-x;WIDTH:auto;OVERFLOW: hidden;
}
/* CSS PRODUCT */

.product1{
clear:both;width:625px;border-bottom:1px dashed #dfdfdf; margin:5px 5px;}
.product_lft0{
width:30px;float:left;}
.product_lft{
width:150px;float:left;margin-right:10px;}
.product_lft img{
width:120px;height:100px;border:1px solid #dfdfdf;padding:2px;}
.product_rgt{
width:335px;float:left;line-height:20px;padding-top:10px;}
.news_rgt{
width:80px;float:left;line-height:20px;}
.product_div A{
color:#05577E;text-decoration:underline;}
.product_div A:link{
color:#666666;text-decoration:none;}
.product_div A:hover{
color:#666666;text-decoration:none;}

.news_mid{
width:400px;float:left;padding:0 10px;}
.news_mid span{
font-size:14px;font-weight:bold;color:#055773}
.product_line{
clear:both;border-bottom:1px dashed #05577E;margin-bottom:5px;font-size:1px;
}
.product_div{
margin-bottom:10px;margin-top:10px;padding:10px 0;
}
.news_title{
font-size:16px;font-weight:bold;padding:0px;COLOR:#05577E;text-align:center;height:24px;OVERFLOW: hidden;}
.news_date{
font-size:12px;padding:5px;COLOR:#05577E;text-align:center;height:20px;OVERFLOW: hidden;}
.contact_title{
font-size:12px;padding:5px;COLOR:#05577E;text-align:left;}
.p_kuang{
width:106px;height:116px;OVERFLOW: hidden;margin:5px auto;padding:0;float:left;}
.p_kuang A{
color:#05577E;text-decoration:underline;}
.p_kuang A:link{
color:#05577E;text-decoration:none;}
.p_kuang A:hover{
color:#ff0000;text-decoration:none;}

.div_title{
float:left;height:20px;line-height:20px;padding-left:5px;font-size:14px;text-align:left;color:#ffffff;font-weight:bold;padding-top:5px;}
.div_more{
float:right;height:20px;line-height:20px;padding-left:240px;font-size:12px;color:#ffffff;font-weight:bold;padding-top:5px;}
.div_more A{
color:#ffffff;text-decoration:underline;}
.div_more A:link{
color:#ffffff;text-decoration:none;}
.div_more A:hover{
color:#ff0000;text-decoration:none;}



/* NEW INDEX */
.n_title{
height:24px;padding-left:15px;padding-top:4px;font-weight:bold;font-size:12px;text-align:left;padding-right:10px;line-height:24px;border-bottom:1px solid #05577E;margin-bottom:5px;color:#05577E;background:url(../images/title_bg1.gif) no-repeat;}
.n_index_main{width:968px;}
.n_index_lft{width:294px;float:left;height:760px; position:relative;  background:url(../images/n_lftbg.jpg) repeat-x;padding:5px 10px;}
.n_index_rgt{width:634px;float:left;height:760px; position:relative; background:url(../images/n_rgtbg.jpg) repeat-x;padding:5px 10px;}

.n_index_rgt ul{
margin:0 0 0 10px;padding:0;padding:5px;}
.n_index_rgt ul li{
width:190px;float:left;font-size:12px;color:#205757;padding-left:22px;ling-height:18px;display:block;}
.n_index_rgt li a{color:#576364; text-decoration:underline;}
.n_index_rgt li a:hover{ color:#869496; text-decoration:none;}
.n_news{
width:300px;float:left;}
.n_NewProduct{
width:614px;float:left;padding:10px;text-align:left;line-height:24px;}
.n_NewProduct img{
width:100px;height:80px;padding:2px;border:1px solid #dfdfdf;}
.p_dkuang{
clear:both;padding:0 10px;margin-bottom:10px;}
.p_kuang{
width:115px;float:left;}
.n_Product_instructions{
clear:both;width:630px;margin-bottom:10px;}
.n_picon{
width:300px;height:104px;float:left;margin-left:5px;margin-top:5px;margin-bottom:5px;border-bottom:1px dashed #999999;}
.n_picon_lft{
width:88px;float:left;}
.n_picon_rgt{
width:200px;float:left;}
.n_indexlft_con{
clear:both;width:280px;padding-left:8px;margin-bottom:10px;}
.space{
height:5px;clear:both;font-size:-1px;}
.n_about_main{
width:614px;float:left;padding:10px;text-align:left;}
.n_about_main_lft{
width:234px;float:left;}
.n_about_main_lft img{
width:230px;padding:2px;border:1px solid #dfdfdf;}
.n_about_main_rgt{
width:360px;float:right;}
.n_alout_more{
line-height:24px;margin-top:24px;}
.n_zbook{
width:614px;float:left;padding:10px;text-align:left;line-height:18px;}
.n_zbook_lft{
width:300px;float:left;}
.n_zbook_rgt{
width:300px;float:right;}
.n_about_main1{
width:274px;float:left;padding:10px;text-align:left;}
.n_zbook_rgt ul{
margin:0;padding:0;
}
.n_zbook_rgt ul li{
width:280px;padding:5px 10px;line-height:18px;}

.n_kuang{
width:272px;float:left;text-align:left;padding:0px;border:1px solid #E0EDFE;overflow:hidden;margin-top:10px;}
.n_kuang1{
width:272px;float:left;text-align:left;padding:0px;border:1px solid #E0EDFE;overflow:hidden;margin-top:5px;}

.n_kuang img{
margin:0;padding:0;}
.n_Ktitle{height:30px;font-weight:bold;font-size:12px;text-align:left;line-height:30px;color:#05577E;background:url(../images/n_titlebg.jpg) repeat-x;padding-left:10px;border:1px solid #E0EDFE;}


/* pruduct class */
#info {height:274px; position:relative;overflow:hidden;}
#adsie {position:absolute; bottom:0;}


#tabs {width:274px; text-align:center;  z-index:500;padding:4px;}
#tabs ul {padding:0; margin:0; width:274px; list-style:none; position:relative;}
#tabs ul li {float:left; display:inline; width:125px; height:33px; margin:0 4px;}
#tabs ul li a.outer {display:block; width:125px; height:26px; border-bottom:1px solid #9c9c9c; text-align:left; line-height:24px; text-decoration:none; text-indent:10px; color:#464;  margin-bottom:3px; padding-top:3px;font-size:11px;}


#tabs ul li a.one {background:#fff url(../images/world.jpg) top left no-repeat;}
#tabs ul li a.two {background:#fff url(../images/key.jpg) top left no-repeat;}
#tabs ul li a.three {background:#fff url(../images/mail.jpg) top left no-repeat;}
#tabs ul li a.four {background:#fff url(../images/search.jpg) top left no-repeat;}
#tabs ul li a.five {background:#fff url(../images/profile.jpg) top left no-repeat;}
#tabs ul li a.six {background:#fff url(../images/draw.jpg) top left no-repeat;}
#tabs ul li div {display:none;}

#tabs ul li:hover {padding-bottom:132px; border-bottom:1px solid #fff; color:#000; margin-bottom:0;}

#tabs ul li:hover > a.outer {color:#000; background-position:0 -55px; height:20px; cursor:default;}

* html #tabs ul li a.outer:hover {padding-bottom:130px; border-bottom:1px solid #fff; height:20px; color:#000; margin-bottom:0;background-position:0 0px; cursor:default;}

#tabs ul li:hover div {display:block; padding:5px; position:absolute; left:4px; top:35px; width:248px; height:108px; border-bottom:3px solid #fff;}
#tabs ul li a:hover div {display:block; padding:5px; position:absolute; left:4px; top:35px; width:248px; height:108px; border-bottom:3px solid #fff;}

#tabs ul li a:hover div.tab_left,
#tabs ul li:hover div.tab_left
{background:#fff url(../images/tab_left.gif);}

#tabs ul li a:hover div.tab_center,
#tabs ul li:hover div.tab_center
{background:#fff url(../images/tab_center.gif);}

#tabs ul li a:hover div.tab_right,
#tabs ul li:hover div.tab_right
{background:#fff url(../images/tab_right.gif);}

.clear {clear:both; height:0; line-height:0; overflow:hidden;}
#tabs span.base {display:block; height:20px;font-size:10px; color:#bc8f8f; background:url(../images/bottom.gif) bottom;}

#tabs div a.unlock {background:url(../images/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#tabs div a:hover.unlock img {visibility:hidden;}
#tabs p.bold {color:#069; padding-top:5px;}
* html #tabs p.fire {margin-top:-15px;}
* html #tabs form {margin-top:-20px;}
#tabs p.buttons {text-align:center;}
.x_kuang{
height:100px;width:240px;position:absolute;line-height:20px;margin-top:-36px;padding:0px;}
.x_kuang table{
border-collapse:collapse;border:none;}
.x_kuang table td{border:none;}


/*Õ¹¿ªÊÕËõDIV */
.kung{
float:left;width:105px;height:150px;}
.kung1{float:left;width:135px;padding-top:10px;padding-bottom:10px;}
.popmenulink{padding-right:10px;background:url("/img/common/arrow.gif") no-repeat right center;}

.popmenuclose{ }
.popmenuclose img{
border:1px #E1E1D0 solid;}
.popmenuclose div{display:none;width:200px;height:180px;}
.popmenuopen{position:relative;z-index:999; border:1px #E1E1D0 solid;}
.popmenuopen div{border:1px solid #E1E1D0;background-color:#FFF;position:absolute;left:0px;top:0;padding:3px;}
.popmenuopen div a{color:#807668;display:block;width:180px;line-height:20px;padding:0 5px;text-decoration: none;}
.popmenuopen div a:hover{color:#807668;text-decoration: none;font-weight:bold;}
.popmenucell{background-color:#E1E1D0;line-height:1px;height:1px;overflow:hidden;margin:3px 0}