/*---ÄÚÒ³µ¼º½-------------------------------------------------------------------*/
#nav{ clear:both; height:35px; line-height:35px; padding-right:30px; background:#82b6d7 url(../nav_right.jpg) no-repeat right top;}
#nav dt{ float:right; width:190px;}
#nav dt form{ padding-top:2px; padding-left:17px; *padding-top:0px; _padding-top:7px; padding-left:15px\9;}
#nav dt span.navsearch_input input{ width:120px; border:0; color:#4b4b4b; }
#nav dt input.searchimage{ position:relative; top:3px; top:4px\9; *left:4px; _left:5px;}
#nav dd{ height:35px; }
#nav dd  li.nav-1{ float:left; display:inline; height:35px; position:relative;}
#nav dd a.nav-1{ float:left; display:inline; height:35px; background:url(../navline.gif) no-repeat right center;}
#nav dd a span{  float:left; display:inline; height:33px; cursor:pointer; width:88px; overflow:hidden; text-align:center; padding-top:2px; color:#fff; font-weight:bold; font-size:14px; }
#nav dd a span.nav_home{ background:url(../nav_homebg.gif) no-repeat left top; padding-left:20px; width:68px;}
#nav dd a:hover span.nav_home{ background:#F58B25 url(../navhover_homebg.gif) no-repeat left top !important;}
#nav dd a:hover{ background-color:#F2684B;}
#nav dd a:hover span.nav_list_2{ background-color:#8EC63F;}
#nav dd a:hover span.nav_list_3{ background-color:#5493B4;}
#nav dd a:hover span.nav_list_4{ background-color:#85CFF6;}
#nav dd a:hover span.nav_list_5{ background-color:#46C5B4;}
#nav dd a:hover span.nav_list_6{ background-color:#DA8FB8;}
.onnav span{ background-color:#F2684B !important;}
#nav dd  li.nav-1 ul{ position:absolute; top:35px; left:0px; background:#82b6d7; text-align:center;}
#nav dd  li.nav-1 ul li{ height:30px; line-height:30px; width:88px; overflow:hidden; text-align:center;}
#nav dd  li.nav-1 ul a{ display:block; height:30px; line-height:30px; width:100%; text-align:center;}
#nav dd  li.nav-1 ul a:link,#nav dd  li.nav-1 ul a:active,#nav dd  li.nav-1 ul a:visited{ color:#fff; font-weight:bold; font-size:12px;}
#nav dd  li.nav-1 ul a:hover{ background-color:#8EC63F;}


div.position{ margin-top:1px; background:#E9E9E9; height:21px; padding-top:7px; padding-left:10px; color:#333;}
div.position a:link,div.position a:visited,div.position a:active{ color:#333;}
div.web-flash{ width:727px; overflow:hidden; margin:0px auto;}
div.web-flash .flash{ padding:5px 0px;}

/*---webleft-------------------------------------------------------------------*/
#web .left{ float:right; background:#F8F8F8; border-left:10px solid #FFFFFF; padding:2px 6px 8px; width:178px; overflow:hidden;}
#web .right{ float:left; background:#F8F8F8; width:760px; overflow:hidden; padding:25px 0px; padding-top:0px;}
#web .right .content{ width:700px; margin:0px auto; padding:20px 0px; line-height:22px; }
#web .right h2.title{ width:700px; margin:0px auto; background:url(../h2bg.jpg) no-repeat left top; height:32px; padding-top:7px; padding-left:16px; font-size:14px; border-bottom:1px solid #D5D5D5; color:#333;}

#web .left h2.title{ background:#E3E3E3 url(../left_line.gif) no-repeat 10px center; height:22px; padding-top:3px; padding-left:25px; font-size:14px; color:#333;}
#web .left .Side-nav ul{ padding:10px 0px; padding-left:25px;}
#web .left .Side-nav ul li{ background:url(../left_nav.jpg) no-repeat left 8px; padding-left:10px; height:25px; line-height:25px;}
#web .left .Side-nav ul li a:link,#web .left .Side-nav ul li a:visited,#web .left .Side-nav ul li a:active{ color:#333;}
#web .left .Side-nav ul li a:hover{ color:#fe6700; text-decoration:underline;}

/*---product-------------------------------------------------------------------*/
#product-web{ padding-top:15px; text-align:left;}
#product-web .left{ float:left; width:170px; overflow:hidden;}
#product-web .right{ float:left; padding:0px 10px; width:770px; }
#product-web .right .description{ background:#F8F8F8; padding:15px 20px; color:#808080; line-height:24px;}
#product-web .right .side-nav{ height:45px; line-height:45px; margin-top:15px;}
#product-web .right .side-nav a{ float:left; display:inline; height:46px; line-height:46px; width:138px; text-align:center; margin-right:10px; font-size:14px; font-weight:bold; position:relative; top:0px; background:url(../product_nav.gif) no-repeat left -46px; _position:relative; _top:1px; }
#product-web .right .side-nav a:link,#product-web .right .side-nav a:visited,#product-web .right .side-nav a:active{color:#606060;}
#product-web .right .side-nav a:hover{ background:url(../product_nav.gif) no-repeat left top; }
.onsidenav{ background:url(../product_nav.gif) no-repeat left top !important;}
#product-web .right .content{ border:1px solid #cecece; padding:10px 0px; width:750px;}
#product-web .right .content ul{ padding:10px 0px; padding-left:20px;}
#product-web .right .content ul li{ float:left; text-align:center; padding:0px 16px; position:relative;}
#product-web .right .content ul li img{ border:1px solid #dfdfdf;}
#product-web .right .content ul li p{ height:30px; line-height:30px; overflow:hidden;}
#product-web .right .content ul li .img-div{ }

.img-div{ border:1px solid #d6d6d6; padding:6px; background:#fff;}
.img-div .img-title{ background-color:#8ec641; color:#fff; height:22px; line-height:22px; font-weight:bold; width:100%;}
.img-div .img-descriptoin{ text-align:left; width:100%; padding:5px 0px; height:50px; overflow:hidden;}
/*---showproduct-------------------------------------------------------------------*/
#product-show{ background:url(../showprobg.jpg) no-repeat 97px 20px; width:100%; padding-left:50px; padding-top:60px;}
#product-show .left{ float:left; width:47px; overflow:hidden; border-right:1px solid #dcdcdc;}
#product-show .center{ float:left; width:480px; overflow:hidden;}
#product-show .right{ float:left; width:288px; overflow:hidden; padding:32px; padding-right:0px;}

#product-show .left a{ height:125px; width:47px; display:block; background:url(../showproleft1.gif) no-repeat; margin-bottom:2px;}
#product-show .left a:link,#product-show .left a:visited,#product-show .left a:active{ color:#7a7a7a; font-size:14px;}
#product-show .left a span{ font-weight:bold; display:block; height:125px; width:14px; cursor:pointer; margin:0px auto;word-wrap:break-word; padding-top:50%; overflow:hidden;}
#product-show .left a.on-sidenav{ background:#fff url(../showproleft.gif) no-repeat;}

#product-show .center .promain{ width:375px; margin:0px auto; line-height:22px; color:#666;}
#product-show .center .smallimg{ margin-top:20px;}
#product-show .center h1.title{ font-size:18px; color:#000; height:30px; line-height:30px; margin:5px 0px;}
#product-show .web_page{ margin-top:10px;}
#product-show .center .para{ padding-bottom:20px;}
#product-show .center .para li{ line-height:24px; font-size:14px; color:#666; border-bottom:1px dashed #C5C5C5; padding:10px 0px;}

#product-show .right .prosearch ul li{ display:inline;}
#product-show .right .prosearch ul li span.parasearch_search input{ position:relative; top:12px; }
#product-show .right .content{ margin-top:135px; padding-right:40px; overflow:hidden; line-height:22px; color:#666; border-right:1px solid #dcdcdc; }
#product-show .right .content h3{ font-size:14px; color:#FF6522; height:30px; line-height:30px; margin-top:20px;}
#product-show .right .content h3 span{ float:right; font-weight:normal; padding-right:5px;}
#product-show .right .content h3 span a:link,#product-show .right .content h3 span a:visited,#product-show .right .content h3 span a:active{ color:#FF6522;}
#product-show .right .content ul{ padding-left:5px;}
#product-show .right .content ul li{ height:22px; line-height:22px; overflow:hidden; padding-left:10px; background:url(../proline.gif) no-repeat left 10px;}
#product-show .right .content ul li a:link,#product-show .right .content ul li a:visited,#product-show .right .content ul li a:active{ color:#666;}
#product-show .right .content ul li a:hover{ color:#FF6522; text-decoration:underline;}

#showproduct-2{ padding-top:20% !important; line-height:18px;}
#showproduct-5{ padding-top:25% !important;}
#showproduct-6{ padding-top:80% !important;}
/*---img-------------------------------------------------------------------*/
#img_list ul li{ float:left; text-align:center; }
#img_list li span{ display:block;}
#img_list span.info_title{ height:25px; line-height:25px; overflow:hidden;}

/*---showimg-------------------------------------------------------------------*/
#img_list h1.title{ font-size:16px; line-height:24px; margin:5px 0px; color:#0099FF; text-align:center;}