﻿ /* !CSS Document */
/* Hongkong Ledsupport International Co.,Limited All right reserved. */

*{ margin:0px; padding:0px; border:0;}
body{ font-size:11px; font-family: Arial, Helvetica, sans-serif; text-align:center;}
img{border:none;}
ul{ list-style:none;}
a{ color:#333; text-decoration:none;}
.content{ margin:8px auto; text-align:left; width:900px; overflow:hidden; }

/*______________!Top(包括logo和menu)的样式________*/

.top{ width:100%; }
.logo_left{ padding:2px; float:left; width:80px;}
.logo_middle{float:left; }
.logo_right{ float:right; width:100px; }

/*______________!下拉菜单______________________*/
.menu{ width:889px; height:37px; margin:0px auto;  background:url(../image/navbg.gif) no-repeat 0px 0px; overflow:hidden;}
.menu ul a { display: block; width: 80px; text-align:center; color:#FFFFFF;} 
.menu ul a:link { color:#ffffff; text-decoration:none; } 
.menu ul a:visited { color:#ffffff;text-decoration:none; } 
.menu ul a:hover { color:#ffffff;text-decoration:none;font-weight:bold; } 
.menu ul li { float: left; width: 85px; height:37px; line-height:38px; text-align:left;} 
.menu ul li a:hover{ background:url(../image/navhover1.gif) no-repeat 0px 6px;} 
.menu ul li ul { line-height: 27px; list-style-type: none;text-align:left; left: -999em; width: 180px; position: absolute; } 
.menu ul li ul li{ float: left; width: 180px; background: #00D64A;} 
.menu ul li ul a{ display: block; width: 156px;text-align:left; margin-left:18px; } 
.menu ul li ul a:link { color:#ffffff; text-decoration:none; } 
.menu ul li ul a:visited { color:#ffffff;text-decoration:none; } 
.menu ul li ul a:hover { color:#00D64A; text-decoration:none; font-weight:normal; } 
.menu ul li:hover ul { left: auto; } 
.menu ul li.sfhover ul { left: auto; } 

/*______________!折叠效果______________________*/
#fold { overflow:hidden; width:700px; overflow:hidden;}
#fold h1{color: #c00;font-size: 12px;font-weight: bold;text-align: left;width: auto;margin-left: 0;padding: 2px 2px 4px;border-bottom: 1px dotted #808080;display: block;}
#fold li { list-style:none; display:block; width:650px; margin-left:20px;padding:5px;}
#fold li a{ display:block; cursor: hand;}
#fold li a span{ display:block; color:#333; font-size:11px; padding:5px 5px 2px 5px;}  /* padding 调整展开内容的内填充边距*/

/*______________!support折叠与展开______________________*/
.folding {height:25px; overflow:hidden;}
.unfolding {}

/*_____________!Support_______________________*/
#support{ overflow:hidden; width:650px; overflow:hidden;}
#support h1{color: #c00;font-size: 12px;font-weight: bold;text-align: left;width: auto;margin-left: 0;padding: 2px 2px 4px;border-bottom: 1px dotted #808080;display: block; }
#support li { list-style:none; display:block; width:650px;}
#support li a{ display:block; text-decoration:none; width:100%; padding:10px;}


/*____________!Online Inquiry________________*/
#thisform{}
#thisform *{vertical-align:middle;margin:10px auto;}
#thisform label { font-size:11px; font-family: Arial, Helvetica, sans-serif; text-align:left; }
#thisform fieldset{margin:20px auto;}
#thisform input {border: 1px #003399 solid;color:#006699;border: #93bee2 1px solid;background-color: #e8f4ff;cursor: hand; text-align:left;}
#thisform textarea {border: 1px #003399 solid;color:#006699;border: #93bee2 1px solid;background-color: #e8f4ff;cursor: text; padding: 1px;}

.whitestar {color: #FF0000}  /*__________inquiry.php 红色星号____________ */

/*__________主页内容样式，可修改____________ */
.main_right_top{ width:100%;}
.index_left{ float:left; width:435px; margin-right:15px;}
.index_left_top{ background:url(../image/right_top.gif) no-repeat 98% 16px; height:30px; line-height:40px; border-bottom:2px solid #ebebeb;}
.index_left_top span{ display:block; padding-left:10px;}
.index_left_top span strong{ padding-left:5px; color:#666666; font-family:arial;}
.index_left_top span a{ font-weight:bold; color:#cc0000;}
.index_left_bottom{ padding:6px; color:#666666;}
.index_right{ float:left; width:200px; background:url(../image/right_1.gif) no-repeat 0px 0px; margin-top:10px;}
.index_right_content{ background:url(../image/right_3.gif) repeat-y 0px 0px; }
.index_right_content ul{ padding-left:10px; padding-right:10px;}
.index_right_content ul li{ line-height:20px; color:#333333;}
.index_right_title{ height:46px; line-height:46px; padding-left:15px; font-weight:bold; color:#333333;}
.index_right_bottom{ background:url(../image/right_2.gif) no-repeat 4px 0px; height:7px; }
.index_top_content{ padding:5px;}
.index_list{ float:left; width:154px; margin-right:6px;}
.index_list_img{ padding:2px; border:1px solid #cccccc; margin-bottom:5px;}
.index_list_img img{ width:148px; height:102px;}
.index_list_content{ text-align:center; width:140px; padding:1px; margin:0px auto;}
.index_list_content ul { display:block; border:1px solid #EEEEEE; font-weight:normal; padding:1px 0px; color:#333333;}
.index_list_content ul li {font-size:11px; color: #333333; text-align:left; margin-left:5px;}
.index_list_title{ width:35px; float:left; color:#333333; line-height:16px; color:#000000;}
.index_list_title1{ float:left; width:105px; line-height:15px; overflow:hidden; background:#FFFFFF; }
.index_list_title1 a{ padding:1px 0px;}
.index_list_title1 span{ display:block; border-bottom:1px solid #EEEEEE; font-weight:normal; padding:1px 0px; color:#333333;}

/*_________!web____________________*/
.web{ width:885px; margin-top:5px; margin-left:auto; margin-right:auto; padding-bottom:20px;}

/*_________!左侧产品导航样式webleft________*/
.nav{ width:180px; float:left; overflow:hidden; height: auto;border-left:1px solid #ebebeb; top:1px solid #ebebeb; border-right:1px solid #ebebeb;}  /* border-left:1px solid #ebebeb;border-right:1px solid #ebebeb; */
.nav_name{ background:url(../image/bg01.jpg) repeat-y left; height:auto !important; height:29px; min-height:29px;padding-left:25px;height:25px; color:#2a7793; font-weight:bold;border-top:1px solid #ebebeb;} /*background:url(../image/left_2hover.gif) no-repeat 3px 0px;*/
.nav_list{}
.nav_list_content{ background:url(../image/bg01.jpg) repeat-y left; height:auto !important; height:200px; min-height:200px;}
.nav_list_content ul{ margin-left:0px; width:180px;}
.nav_list_content li{ line-height:20px; height:20px;}
.nav_list_content li a{ display:block; padding-left:30px;}
.nav_list_content li a:hover{ background:#FFFFFF url(../image/left_li.gif) no-repeat 22px 8px; *background-position:22px 9px; border-bottom:1px solid #efefef; border-top:1px solid #efefef;}
.nav_list_content_product{ padding-left:25px; padding-top: 3px; background:url(../image/left_title.gif) no-repeat 5px 8px; color:#2a7793; font-weight:normal; height:20px;border-top:1px solid #ebebeb;}  /*border-top:1px solid #ebebeb;*/
.nav_list_content_product a{ color:#2a7793;}
.nav_list_content_product a:hover{}
.nav_list_content_product span{ color:#666666; font-family:arial;}
.nav_list_content_product span a{ color:#666666;}

.nav_list_content_item{ background-color:#FFFFFF; color:#000000; font-weight:normal; min-height:50px;border-bottom:1px solid #ebebeb;}
.nav_list_content_item img {float: left;padding: 10px 2px 10px 10px;}
.nav_list_content_item p {float: left;padding: 10px 2px 10px 5px;}

/*______________________!右侧主体内容样式___________________________*/
.webright{ width:685px; margin-left:10px;float:left; overflow:hidden;} 

/*______________________!面包屑导航_________________________________*/
.nav_crumb{ height:30px; padding-left:8px; border-bottom:1px solid #ebebeb;}  /* border-right:1px solid #ebebeb; */
.nav_crumb_style{height:27px; padding-right:8px;}
.nav_crumb_text{ height:27px; line-height:27px; color:#dc0000; font-weight:bold;}
.nav_crumb_text span{ color:#666666; font-weight:normal; padding-left:5px;}
.nav_crumb span a{ color:#666666;}
.nav_crumb span a:hover{ text-decoration:underline;} 

/*______________________!产品标题及图片______________________________*/
.web_content{ padding:10px; color:#666666; line-height:18px;}
.web_content_block{ margin-left:190px; font: normal 11px Arial, Helvetica, sans-serif; color:#333333;}
.web_content_block h2{ font: normal 11px Arial, Helvetica, sans-serif; color:#333333; }
.web_content h1{ text-align:center; font: bold 14px Arial, Helvetica, sans-serif; color:#333333; margin:5px 0px;}

/*______________________!产品规格用途等_____________________________*/
.product_content{ padding-left:0px; color:#666666;}
.product_content p{ padding:10px; color:#666666;}
.product_content span {color: #c00;font-size: 12px;font-weight: bold;text-transform: capitalize;text-align: left;width: auto;margin-left: 0;padding: 2px 2px 4px;border-bottom: 1px solid #808080;display: block;}
.product_content ul{ padding-left:20px; color:#666666;}
.product_content ul li{ padding-left:0px; color:#666666; list-style-image:url(../image/left_li.gif);}

/*______________!产品列表每个产品模块_______________________*/
.product_list{ float:left; width:45%; height:90 !important; height:100%; min-height:90px; margin:10px 10px;; border:1px solid #CCCCCC;}
.product_list_img img{ width:140px; height:102px; float:left; padding:5px 5px;} 
.product_list_text{ padding-left:30px; float:left;}
.product_list h2{ font-size:12px; font-weight:normal; margin:0px 0px 0px -20px; color:#000000; display:block;}
.product_list_text ul{list-style-image: url(../image/left_li.gif);}
.product_list_text ul li{font-size:11px;margin:0px; font-family: Arial, Helvetica, sans-serif; }

/*___________!_多国语言________________*/
.trans{ text-align:center; clear:both; margin:3px auto;}

/*__________!foot________________ */
.foot{ width:885px; text-align:center; padding:1px; color:#777777;  line-height:18px; margin-bottom:5px; border:1px solid #eaeaea;background:#f6f6f6; padding:5px;}   
.footnav{ display:none;}
.foot a{ color:#777777; text-decoration:none;}
.foot a:hover{ text-decoration:underline;}