@charset "utf-8";
body,p,th,td,input,select,textarea,a{font-family: Arial, Helvetica, sans-serif;}
body{ background:#fff; margin:0; padding:0; color:#000; font-size: 70%;width:100%;height:100%}
@media all {
    img, a img, a:link img, a:visited img { color: inherit; border: none; }
}
div{ padding:0; margin:0;}
a{ color:#000; text-decoration:none;}
a img{ border:none;}
form{margin:0; padding:0;}
hr{ height:1px; color:#ccc; width:100%;}
.key{ width:220px; height:18px; font-weight:bold; color:#ccc; font-size:10px; ime-mode:disabled;}
#cls{ clear:both;}
table,ul{ list-style:none; padding:0; margin:0;}
h1,h2,h3,h4,h5{ padding:0; margin:0;}

.page{ clear:both; text-align:center; height:18px; padding:10px 0; font-size:1.1em;}
.page b{ padding:2px 5px; margin-right:1px; color:#fff; background:#0081D8;}
.page a{ color:#0081D8; padding:2px 5px; text-decoration:underline;}
.page a:hover{ color:#fff; background:#999;}

.top{ width:900px; margin:0 auto; height:95px; padding-top:9px;}
.logo{ float:left; width:240px; height:80px; background:url(../images/logo.jpg) no-repeat;}
.menu{ float:right; font-size:1.2em; padding-top:25px;}
.menu ul li{ float:left;}
.menu ul li a{ float:left; color:#666; padding:10px 10px;}
.menu ul li a:hover{ color:#000;}
.menu ul li.u_on a{ color:#0081D8; font-weight:bold; background:url(../images/menu_on.gif) center bottom no-repeat;}
.main{ width:900px; margin:0 auto; background:url(../images/left_bg.jpg) repeat-y;}
.left{ float:left; width:228px; background:url(../images/pro_menu_bg.jpg) top left no-repeat; padding:10px 0;}
.left h4{ color:#0081D8; font-size:1.4em; font-family: Trebuchet MS, Segoe UI, Tahoma, Geneva, Arial; padding:10px 20px 5px 20px;}
.left ul li{ font-size:1.1em; height:22px;}
.left ul li a{ padding:4px 20px; display:block; height:14px;}
.left ul li a:hover{ background:url(../images/pro_f.jpg) repeat-x;}
.left input{ margin-left:20px; margin-top:3px;}
.left ul li.pro_on a{ background:url(../images/pro_menu_on.jpg) repeat-x; color:#fff;}
.left ul li.pro_on a:hover{ background:url(../images/pro_menu_on.jpg) repeat-x; color:#fff;}
.right{ float:right; width:640px;}
.index{ position:relative;}
.flash{ position:absolute; left:-20px;}
.index_list{ padding-top:260px;}
.index_newslist{ float:left; width:370px; font-size:1.1em;}
.index_newslist h4 a{ background:url(../images/news_ti.jpg) no-repeat; width:322px; height:33px; display:block;}
.index_newslist ul li a{ background:url(../images/arr.gif) center left no-repeat; padding:3px 10px; display:block; text-decoration:underline; height:16px;}
.index_newslist ul li a:hover{ color:#666;}
.more_news{ padding-top:8px;}
.more_news a{ color:#0081D8; text-decoration:underline;}
.more_news a:hover{ text-decoration:none;}
.icon{ padding-top:30px;}
.food{ clear:both; padding:5px 0 15px 0;}
.copyright{ background:url(../images/copyright.jpg); width:460px; height:69px; float:right;}

.corporate h2{ background:url(../images/profile_img.jpg) right bottom no-repeat; height:69px; border-bottom:1px solid #ccc; font-size:2.8em; font-weight:normal; padding-top:30px;}
.corporate_text{ line-height:150%; font-size:1.1em;}
.contact h2{ background:url(../images/contact_img.jpg) right bottom no-repeat; height:69px; border-bottom:1px solid #ccc; font-size:2.8em; font-weight:normal; padding-top:30px;}
.contact_text{ line-height:150%; font-size:1.1em;}
.contact_text h3{ color:#0081D8; font-weight:normal; padding-top:20px; padding-bottom:5px;}
.contact_text a{ color:#069; text-decoration:underline;}
.warranty h2{ background:url(../images/warranty_img.jpg) right bottom no-repeat; height:69px; border-bottom:1px solid #ccc; font-size:2.8em; font-weight:normal; padding-top:30px;}
.warranty_text{ line-height:150%; font-size:1.1em;}
.payment h2{ background:url(../images/payment_img.jpg) right bottom no-repeat; height:69px; border-bottom:1px solid #ccc; font-size:2.8em; font-weight:normal; padding-top:30px;}
.payment_text{ line-height:150%; font-size:1.1em; padding-top:20px;}
.payment_text a{ color:#0081D8; text-decoration:underline;}
.payment_text a:hover{ color:#333;}
.inquiry h2{ background:url(../images/inquiry_img.jpg) right bottom no-repeat; height:69px; border-bottom:1px solid #ccc; font-size:2.8em; font-weight:normal; padding-top:30px;}
.inquiry_text{ line-height:150%; font-size:1.1em; padding-top:20px; margin-bottom:20px;}

a.map{ margin-top:20px; display:block; width:600px; height:315px; background:#F6F6F6;}
a.map:hover{ background:#0081D8;}
a.map span{ height:20px; display:block; padding:5px;}
a.map span h4{ float:left; width:300px; color:#000;}
a.map:hover span h4{ color:#fff; cursor:pointer;	cursor:hand;}
a.map span b{ float:right; width:138px; background:url(../images/zoom_pro.gif) left center no-repeat; padding-left:15px; color:#0081D8; font-weight:normal;}
a.map:hover span b{ background:url(../images/zoom_map.gif) left center no-repeat; color:#fff; cursor:pointer;	cursor:hand;}
a.map img{ padding:5px;}

.news h2{ background:url(../images/news_img.jpg) right bottom no-repeat; height:69px; border-bottom:1px solid #ccc; font-size:2.8em; font-weight:normal; padding-top:30px;}
.news_list{ padding-top:20px; min-height:320px; _height:320px;}
.news_list ul li{ padding-top:10px; clear:both; display:block;}
.news_list ul li b{ float:left; width:90px; color:#999; font-size:1.1em; line-height:150%;}
.news_list ul li span{ float:right; width:545px; font-size:1.1em; line-height:150%;}
.news_list ul li span a{ display:block; color:#0081D8; text-decoration:underline;}
.news_view{ line-height:200%; padding-top:20px; min-height:300px; _height:300px;}
.news_view h3{ font-size:1.3em; color:#0081D8; font-weight:normal;}

.pro_ti{ border-bottom:1px solid #ccc; height:40px; position:relative;}
.pro_ti h2{ float:left; width:550px; font-size:2.3em; font-weight:normal;}
.pro_ti a{ float:right; width:70px; font-size:1.8em; padding-top:5px; color:#0081D8; text-decoration:underline; text-align:right;}
.pro_ti a:hover{ color:#000;}
.search_ti{ border-bottom:1px solid #ccc; height:80px; position:relative;}
.search_ti h2{ float:left; width:240px; font-size:2.3em; font-weight:normal; padding-top:20px;}
.search_ti a{ float:right; width:80px; font-size:1.8em; padding-top:5px; color:#0081D8; text-decoration:underline; text-align:right;}
.search_ti a:hover{ color:#000;}
.from{ float:right; position:absolute; left:240px; width:380px; margin-top:-20px;}
.from input{ float:left;}
.pro_nav{ background:#F6F6F6; clear:both; height:16px;}
.pro_nav img{ float:right; margin-left:5px;}
.pro_nav span{ float:right; margin-left:5px; color:#666;}
.pro_nav b{ color:#09c;}
.pros{ padding-top:10px; min-height:350px; _height:350px;}
.pros ul li{ float:left; width:150px; padding:5px;}
.pros ul li a{ color:#0081D8; font-size:1.1em; text-decoration:underline;}
.pros ul li a:hover{ color:#333;}
.list_category{ padding:5px; background:#F6F6F6; display:none;}
.list_category ul li{ float:left; width:145px; padding:5px;}
.list_category ul li a{ color:#0081D8; font-size:1.1em; text-decoration:underline;}
.list_category ul li a:hover{ color:#333;}
.product_list{ clear:both; padding-top:10px; min-height:300px; _height:300px;}
.product_list ul li{ width:288px; padding:10px 12px; float:left; height:262px;}
.product_list ul li a{ float:left; width:290px; height:262px; display:block;}
.product_list ul li a:hover{ color:#000; zoom:1; height:262px;}
.product_list ul li a img{ padding:1px; background:#ccc; width:288px; height:148px;}
.product_list ul li a:hover img{ padding:1px; background:#0081D8;}
.product_list ul li a h4{ background:#999; font-size:1.2em; height:19px; color:#fff; padding:3px 3px 3px 8px; font-family: Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif; display:block;}
.product_list ul li a:hover h4{ background:#0081D8; cursor:pointer;	cursor:hand;}
.product_list ul li a span{ background:#F6F6F6; display:block; line-height:150%; height:57px; font-size:1.1em; padding:5px 8px; color:#666;}
.product_list ul li a span strong{ font-weight:normal; color:#C47909;}
.product_list ul li a:hover span{ color:#000; cursor:pointer;	cursor:hand;}
.product_list ul li a b{ height:17px; background:url(../images/pro_mroe_b.jpg) no-repeat; float:right; width:275px; text-align:right; padding-right:15px; font-weight:normal; padding-top:3px;}
.product_list ul li a:hover b{background:url(../images/pro_mroe_o.jpg) no-repeat; color:#fff; cursor:pointer;	cursor:hand;}

.external{ clear:both; padding-top:10px;}
.external ul li{ width:288px; padding:12px; float:left; height:300px;}
.external ul li a{ float:left; width:290px; height:300px; display:block;}
.external ul li a img{ border:1px solid #ccc; width:288px; height:148px;}
.external ul li a:hover img{ border:1px solid #0081D8;}
.external ul li a h4{ background:#999; font-size:1.2em; height:19px; color:#fff; padding:3px 3px 3px 8px; font-family: Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;}
.external ul li a:hover h4{ background:#0081D8; cursor:pointer;	cursor:hand;}
.external ul li a span{ background:#F6F6F6; display:block; line-height:150%; height:97px; font-size:1.1em; padding:5px 8px; color:#666;}
.external ul li a span strong{ font-weight:normal; color:#C47909;}
.external ul li a:hover span{ color:#000; cursor:pointer;	cursor:hand;}
.external ul li a b{ height:17px; background:url(../images/pro_mroe_b.jpg) no-repeat; float:right; width:275px; text-align:right; padding-right:15px; font-weight:normal; padding-top:3px;}
.external ul li a:hover b{background:url(../images/pro_mroe_o.jpg) no-repeat; color:#fff; cursor:pointer;	cursor:hand;}

.img_handler{ cursor:pointer;	cursor:hand;}
.bigpic{ float:left; width:300px;}
.pic{ display:block; padding:20px 0;}
.bigpic a{ margin:0 auto; display:block; width:105px; color:#0081D8; text-decoration:underline; background:url(../images/zoom_pro.gif) left center no-repeat; padding-left:15px;}
.bigpic a:hover{ color:#000;}
.info{ float:right; width:336px; padding-top:30px;}
.gary{ background:#F6F6F6;}
.more_info{ padding-top:20px; clear:both;}
.titletext{ color:#C47909; font-size:1.2em;}

.adapter ul li{ float:left; border:1px solid #ccc; width:200px; height:180px; text-align:center; margin-left:7px; margin-top:5px; margin-bottom:5px;}
.adapter ul li img{ padding:5px 0; display:block;}
.adapter_list{ margin-bottom:20px; clear:both;}
.adapter_list table tr{ border-bottom:1px solid #ccc;}
.adapter_list table tr th{ background:#0081D8 url(../images/adapter_bg.jpg) center repeat-x; border-top:1px solid #fff; border-left:1px solid #fff; color:#fff;}
.adapter_list table tr td{ border-bottom:1px solid #ccc; text-align:center; border-left:1px solid #ccc;}
.adapter_list table tr td.had{ border-left:1px solid #fff;}
.adapter_list table tr td a{ color:#0081D8; text-decoration:underline;}
.adapter_list table tr td a:hover{ color:#333;}

.smalltop{ padding:6px 20px; text-align:center;}
.smalltop h2{ font-size:16px; clear:both; padding-top:20px;}
.red{ color:#C00;}
.smallfood{ position:relative; line-height:150%;}
.smallclose{ position:absolute; float:right; right:0;}