@charset "utf-8";
/* CSS Document */
body{ margin:0 0 20px 0;  font-family:Arial, Helvetica, sans-serif; font-size:9pt; color:#666666; text-align:center;}
form,ul,li{ margin:0; padding:0; list-style:none;}
img{ border:0;}
a{ color:#666600;}
a:visited{ color:#666600;}
a:hover{ color:#006699; text-decoration:none;}

.all{ width:960px; margin-left:auto; margin-right:auto; text-align:left;}
.top{ width:100%; height:65px; padding:10px 0 10px 0;}
.top .logo{ float:left; width:668px; margin-left:0;}
.top .search{ float:right; width:285px; text-align:right; padding-top:25px;}
.top .search .key{ width:144px; height:23px; background:url(../images/bg_key.jpg) no-repeat; border:0; padding:0 0 0 5px; line-height:23px; color:#999999;}
.top .search .btn_srh{ width:33px; height:23px; padding:0; background:url(../images/btn_search.jpg); border:0; margin:0;}

.main{ }
.left{ width:200px; float:left;}
.right{ width:740px; float:right; line-height:180%;}

.nav{ background:url(../images/bg_nav.jpg); width:950px; height:49px; line-height:49px; padding-left:10px; margin-bottom:10px;}
.nav .en{width:69px; float:right; margin-right:10px;}
.nav .jp{width:70px; float:right; margin-right:0px;}
.nav a{ width:111px; text-align:center; line-height:49px; line-height:49px; display:block; float:left; text-decoration:none; color:#FFFFFF; font-weight:bold; font-size:14px;}
.nav a:link,.nav a:visited{ background:url(../images/nav_hover.jpg) no-repeat 0 49px; color:#fff;}
.nav a:hover{ background:url(../images/nav_hover.jpg) no-repeat top; color:#ff6600;}
.nav .w,.nav .w:link,.nav .w:visited{width:140px; color:#ffff00; }
.nav .w:hover{ background:url(../images/nav_hover_w.jpg) no-repeat top; color:#666600;}
.nav a.on:visited,.nav a.on:link{background:url(../images/nav_hover.jpg) no-repeat top; color:#ff6600;}
.nav a.w_on:visited,.nav a.w_on:link{background:url(../images/nav_hover_w.jpg) no-repeat top; color:#666600; width:140px;}

/*product category style*/
.pro_list h3{ height:37px; background:url(../images/bg_t_prolist.jpg) top; line-height:37px; padding:0 0 0 5px; color:#FFFFFF; margin:0;}
.pro_list ul{ border:1px solid #ccc;}
.pro_list ul li a{height:28px; line-height:28px; text-align:left; margin:5px; padding-left:20px; display:block; text-decoration:none; color:#696969; font-size:12px; font-weight:bold;}
.pro_list ul li a:link,.pro_list ul li a:visited{background:url(../images/icon_cate_c.gif) 5px 12px no-repeat #ececec; color:#696969}
.pro_list ul li a:hover{background:url(../images/icon_cate_c.gif) 5px 12px no-repeat #ff6600; color:#FFFFFF}
.pro_list ul li ul{ border:none;}
.pro_list ul li ul li a{height:28px; line-height:28px; text-align:left; margin:5px 5px 5px 20px; padding-left:20px; display:block; background:url(../images/icon_cate.gif) 5px 10px no-repeat #fff; text-decoration:none; color:#666600; font-size:12px; }
.pro_list ul li ul li a:link,.pro_list ul li ul li a:visited{background:url(../images/icon_cate.gif) 5px 10px no-repeat #fff;}
.pro_list ul li ul li a:hover{ background:url(../images/icon_cate.gif) 5px 10px no-repeat #fff;}


.pro_list ul .Fea a,.pro_list ul .Fea a:link,.pro_list ul .Fea a:visited{ background-color:#4ea1c3; color:#fff;}

/*down*/
.down ul li h3{ font-size:14px; border-bottom:1px dashed #ccc; padding-bottom:5px;}
.down ul li h3 a{ text-decoration:none;}

/*faq*/
.faq ul li{ background:url(../images/icon_cate.gif) left center no-repeat; padding:5px 5px 5px 20px;}
.faq h3{text-align:center;}

/*left down,faq style*/
.box_down h3{ height:29px; background:url(../images/bg_line.gif) bottom repeat-x; margin:10px 0 0 0; padding:0;}
.box_down h3 a{ width:90px; height:29px; background:url(../images/bg_t_off.jpg) no-repeat; color:#666666; font-size:12px; display:block; text-align:center; line-height:29px; float:left; text-decoration:none;}
.box_down h3 a:visited{ color:#666666;}
.box_down h3 a:hover{ color:#666666;}
.box_down h3 .on{ background:url(../images/bg_t_on.jpg) no-repeat; color:#669933; display:block;}
.box_down h3 .on:visited{ color:#669933;}
.box_down h3 .on:hover{ color:#669933;}
.box_down ul{ border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; clear:both; height:200px;}
.box_down li img{ margin:5px;}

.list li{background:url(../images/icon_cate.gif) 5px 10px no-repeat #fff; padding:5px 5px 5px 20px;}

/*contact box style*/
.box_contact{ margin-top:10px; border:1px solid #ccc; padding:5px 10px;}
.box_contact h3{ padding:5px 0; margin:0}
.box_contact p{ color:#666; line-height:180%; margin:0; padding:5px 0;}
.box_contact .chat{ text-align:left}
.box_contact .chat a img{ vertical-align:middle; margin:3px 0;}

.chat a{ text-decoration:none;}

.con_f{ border:1px solid #cecece; background:url(../images/bg_form.jpg) repeat-x; padding:1px;}
.con_f h3{ margin:0; padding:10px;}
.submit{ border:0; background:url(../images/btn_submit.gif) no-repeat #fff; padding:0; text-align:center; height:25px; width:83px;}

/*home page about style*/
.box_about { line-height:180%;}
.box_about h3,.box_about h2,.box_about h4,.box_about h1{ color:#669900; font-size:16px;}
.box_about img{ float:right; margin:10px;}

/*home page product list style*/
.feaPro{ clear:both; height:42px; padding:0;}
.feaPro h3 a{ width:198px; height:42px; background:url(../images/bg_pro_off.jpg) no-repeat; color:#696969; font-size:14px; display:block; text-align:center; line-height:42px; float:left; text-decoration:none;}
.feaPro h3 .on:visited{ color:#FFFFFF;}
.feaPro h3 .on:hover{ color:#FFFFFF;}
.feaPro h3 .on{ width:198px; height:42px; background:url(../images/bg_pro_on.jpg) no-repeat; color:#fff; font-size:14px; display:block; text-align:center; line-height:42px; float:left; text-decoration:none;}
.feaPro ul{border:1px solid #ccc; clear:both; padding:5px; height:410px;}
.feaPro ul li,.pro ul li{ float:left; width:180px; height:200px; text-align:center; margin-top:5px; display:inline;}
.feaPro ul li a img,.pro ul li a img{ border:1px solid #cccccc}
.feaPro ul li p,.pro ul li p{ color:#666666; font:14px; margin:2px;}
.feaPro ul li p span,.pro ul li p span{ display:block; color:#999999; font-size:12px;}

/*footer style*/
.footer{ border-top:1px solid #ccc; clear:both; margin-top:10px; padding-top:5px;}
.footer .logo2{ width:125px; float:left;}
.footer .web_key{ width:330px; float:left; font-size:10px; color:#999999; padding-left:10px; padding-top:5px;}
.footer .copy{text-align:right; color:#999999; font-size:11px; padding-top:5px;}

/*other*/
.hidden{ display:none;}

/*pages list style*/
.pages{ clear:both; padding:5px; margin:10px; text-align:center;}
.pages a{ display:inline; background-color:#efefef; border:1px solid #ccc; padding:2px 2px 0px 2px; color:#666666; text-decoration:none;}
.pages a:visited{ display:inline; background-color:#efefef; border:1px solid #ccc; padding:2px 2px 0px 2px; color:#666666;}
.pages a:hover{ display:inline; background-color:#FF9900; border:1px solid #666; padding:2px 2px 0px 2px; color:#fff;}
.pages .on{display:inline; background-color:#FF9900; border:1px solid #666; padding:2px 2px 0px 2px; color:#fff;}

/*product view*/
.otherpro{position:absolute; margin-top:10px;}
.otherpro a{ text-align:center; margin-right:5px; background-color:#bbb; padding:2px; float:left; display: block; height:75px; width75px;}
.otherpro .pro_on{ background-color:#FF6600; }

.proDesc table{ border-right:0px solid #cccccc; border-bottom:0px solid #cccccc; border-left:0px; border-top:0px; background-color:#FFFFFF;}
.proDesc td{ border-top:0px solid #cccccc; border-left:0px solid #cccccc; border-bottom:1px dashed #dddddd; border-right:0; padding:3px; color:#666666;}
/*.proDesc th{ border-top:1px solid #cccccc; border-left:1px solid #999999; padding:5px; background-color:#FF6600; color:#ffffff;}*/

.proDesc h3{ text-align:center; color:#CCCCCC;}

.proImg img{ border:2px solid #666666;}

.borderB{ border-bottom:1px dashed #CCCCCC;}

.bg1{ padding:5px; border-bottom:1px dashed #828282;}
.back{ padding:10px; border-top:1px dashed #828282; text-align:center;}
.content{ font-size:12px; line-height:180%;  padding:10px;}
.descLeft{ width:250px; float:left; text-align:center;}
.descRight{ float:right; width:400px;}
.descMenu{ border-bottom:3px solid #ff9900; margin:0; padding:0; list-style:none; height:26px; padding-left:10px; margin-bottom:20px;}
.descMenu li{ list-style:none; float:left; display:inline;}
.descMenu li{ width:109px; height:26px; line-height:26px; text-align:center; color:#FFFFFF; display:block; background:url(../images/desc_bg_off.jpg); margin-right:2px;}
.descMenu .dm_on{ background:url(../images/desc_bg_on.jpg); font-weight:bold;}
.descMenu .dm_off{ background:url(../images/desc_bg_off.jpg);}

.bimg{ width:250px; border:1px solid #999; height:250px; vertical-align:middle;}
.img_off img,.img_on img{ margin:5px 3px 3px 3px; border:1px solid #999;}

.img_off img{ width:50px; height:50px; text-align:center; line-height:20px; color:#FFFFFF; border:1px solid #ccc;}

.img_on img{ width:50px; height:50px; text-align:center; line-height:20px; color:#FFFFFF; border:2px solid #FF6600;}

.pro_desc_t{ font-size:14px; font-weight:bold; margin-bottom:10px; background:url(../images/pro_desc_t.jpg) no-repeat; height:34px; line-height:34px; color:#666; padding-left:20px;}

/*location style*/
.local{ padding:5px 0 10px 5px;; background:url(../images/local_t.jpg) left top no-repeat;}

/*css hack*/
.clflx:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clflx {display: inline-block;}
/* Hides from IE-mac \*/ 
* html .clflx {height: 1%;} 
.clflx {display: block;} 
/* End hide from IE-mac */