body { background:#EEEEED; font-family: arial; font-size:12px; color: #3B3B3B; float:none;}
a:link,a:visited{ color: #3B3B3B; text-decoration:none; }
a:hover{ color: #91B274; text-decoration:none; cursor:pointer; }


*{ margin:0; padding:0; float:left; } 
img { border:0; }
ul{ list-style:none;}
li{ list-style:none;}


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


/*----------------------container-----------------------*/
.container { background:#fff; width:1003px; margin:0 auto; overflow:hidden; float: none; }
.container .header { width:1004px; height:294px; overflow:hidden; padding-left:20px; }

.container .pagebody { width:1004px; }
.container .pagebody .pageBG { width:100%; overflow:hidden; }
.container .pagebody .pageBG .leftbar{ width:220px; background:#fff; overflow:hidden;  }
.container .pagebody .pageBG .mainbody { width:784px; overflow:hidden; }
.mainbody  .news_next { float:left; width:600px; margin-left:4px; _margin-left:2px; }
.mainbody .news_next strong{ float:left; width:600px; margin-top:4px; }

.container .pagebody .pageBG .mainbody .nav{margin: 10px 0; width:100%;} /*--path.nav--*/
.container .pagebody .pageBG .mainbody .nav a{margin: 10px 0; float:none; } /*--path.nav--*/
.container .pagebody .pageBG .mainbody .nav li{} 


.container .footer { background:url(../bg_footer.gif) no-repeat  0 0 ; position:relative;  width:1004px; height:39px; overflow:hidden;}



.pop_msg {
background:#0063DC none repeat scroll 0 0;
font-size:14px;
height:30px;
position:absolute;
z-index:999;
}
div.pagination {
clear:none; 
font-size:12px;
height:26px;
text-align:right;
width:710px;
margin-bottom:10px !important; 
float:right; 
position:relative; 
}
div.pagination a {
text-decoration:none;
}
a.pagination {
background-color:white;
border:1px solid #DDDDDD;
color:#0063DC;
margin:1px;
padding:3px 6px 2px;
}
a.pagination:hover {
background-color:#0063DC;
border:1px solid #000000;
color:#FFFFFF;
margin:1px;
padding:3px 6px 2px;
}
span.pagination {
background-color:white;
border:1px solid #DDDDDD;
color:#999999;
margin:1px;
padding:3px 6px 2px;
}
.pagination_cur {
background-color:white;
color:#000000;
font-weight:bold;
margin:1px;
padding:3px 6px 2px;
}
.remindtext {
color:#999999;
font-size:11px;
}
.HotAboutUs * {
float:none;
}
.AboutUs * {
float:none;
}
.newsDetail * {
float:none;
}
.TabbedPanelsContentGroup * {
float:none;
}
.Self * {
float:none;
}
.standardProductName {
display:none;
}
.standardModel {
display:none;
}
.standardDescription {
display:none;
}
.newsdate {
display:none;
}










h1{ height:30px; line-height:30px; font-size:16px; text-align:center;}
h2{ margin-top:4px; margin-left:10px; border:none; color:#FFF; font-size:11px; height:15px; line-height:15px; width:180px; }
h2 li{ list-style:none; }
h2 li a:link,h2 li a:visited{ color:#FFFFFF; text-decoration:underline; }
h2 li a:hover{ color:#FFFFFF; text-decoration:none; }
h3 { text-align:center; width:100%; height:25px;margin:15px auto 10px auto; font-size:18px; }
.describe{ margin:10px 0; width:750px;}
.describe *{float:none;}



.more{ float:left; display:block; width:740px;  }
.bn{border:1px solid #909090; cursor:pointer;}


/*-----------select add button---------------*/
form .select { clear:both; margin:10px 0; width:750px;}
form .select .checkbox { width:300px; }
form .select .checkbox input { margin-top:5px !important; margin-top:2px;}
form .select .checkbox label { float:left; margin-left:8px; margin-top:2px;}
*+html form .select .checkbox label{ margin-top:5px;}
form .select .button {float:right; }
form .select .button input { background-color:#D81200;  border:1px solid #fff; color:#fff; margin-left:5px;}



/*-----------bar-------------*/
.bar{ }
.bar .search{ }
.bar .search input{ }
.bar .search button{ }
.bar .nav{ }

/*-----------page-pagination-------------*/
.mainbody .content .list{ clear:left; width:760px;}

.pagination *{ float:none; *vertical-align:middle;}
.pagination select{ float:none;}
.pagination select option{ padding:0 2px;}



/*-----------subscriber-------------*/

.subs{width:220px; float:right;}

.subs .subs_title{ height:42px; width:200px; background:transparent url(../pic_productcatalogtop.gif) no-repeat scroll 0 0;}
.subs .subs_title .tsubs{margin-top: 10px; margin-left:58px; }
.subs .subbg{background: transparent url(../bg_productcatalogmiddle.gif) repeat-y scroll 0 0; width:220px; min-height:118px; height:auto;}
.subs .intro{ text-align:center; line-height:25px; float:left; width:180px; margin-left:12px; }
.subs .subbottombg{background: transparent url(../pic_leftbottom.gif) no-repeat scroll 0 0; width:220px; height:19px; }
.subs form{ width:160px; }
.subs form div{ margin-left:18px; _margin-left:8px; width:160px; line-height:22px; }
.subs label{ width:48px; float:left; margin:2px auto 4px 10px;}
.subs input{ width:86px; float:right; margin-top:5px; border: 1px solid #91B274; background:#fff; }
.subs textarea{ width:86px; height:30px; float:right; margin-top:5px; border: 1px solid #91B274; background:#fff;}
.subs .button{  width:50px;float:right; background: url(../search_bottom.gif) no-repeat 0 0;  border:none;height:16px; cursor:pointer; margin-top:4px ; margin-right:-20px; _margin-right:-15px;}


/*-----------productlist-------------*/
.productlist{ width:100%; }

/*-----------many_other_pro-------------*/



/*-----------bk_pro-------------*/
/*-----------bk_pro-------------*/
.bk_pro{ background:url(../bg_productnei.gif) no-repeat 16px 0 ; width:170px; float:left; margin-right:20px;text-align:center;min-height:200px; height:auto !important;height:200px; position:relative;}
.bk_pro *{ float:none;}
.bk_pro input{ position:absolute;left:0;}
.bk_pro img{ padding:16px;  width:100px; height:100px;}
.bk_pro div{ overflow:hidden; width:100%; text-align:center; margin-top:5px;}
.bk_pro div strong{font-weight:normal;}
.bk_pro div *{ float:none;}
.bk_pro div a{ overflow:hidden; width:100%;}
.bk_pro div a:hover{color:#f7ab36;}
.bk_pro div .item{ display:none;}
.bk_pro div span{ display:none;}

/*-----------OtherProducto-------------*/
.OtherProduct{ clear:both;float:left;width:100%;}

/*-----------kind of product-------------*/
#vipCategoryH3{ width:100%;}/*Vip*/
#vipCategoryH3 .describe{ }
#vipProductCategory{ background:url(../bg_li.gif) repeat; width:100%; }
#vipProductCategory input{ font-family:Arial, Helvetica, sans-serif, Tahoma; border:none; background:none; text-align:center; display:block;width:100%; cursor:pointer;}
#vipProductCategory input:hover{border:1px solid blue;}
#vipCategoryLink{}





/*-----------SubCategories---ContentList-------------*/
.SubCategories{ width:740px; }
.SubCategories div{ width:740px; border:1px solid #8CAF6F; border-bottom:none;  background:#8CAF6F; color:#fff; font-weight:bold; padding:2px 5px;  line-height:20px; }
.ContentList{ width:745px;  background:#fff; border:1px solid #8CAF6F; padding:0 0 5px 5px;}
.ContentList li{ width:32%; margin:5px 8px 0 0; }




/*-----------------header top--------------------------*/

.header .top{ width:964px; float:none; position:relative;  height:69px; background:url(../bg_headertop.gif) repeat-x; overflow:hidden; }
.header .top .headertopleft{float:left;}
.header .top .headertopright{float:right;}
.header .top .logo{ width:615px; height:29px; float:left; margin-left:22px;_margin-left:11px;  margin-top:24px;}
.header .top .logo img{ }

/*------------------header middle-------------------------*/
.header .middle{ width:1004px; height:auto; margin:5px 0px 5px 0px;}
.header .middle .headermiddleleft{float:left;}
.header .middle .headermiddlemiddle{float:left;}
.header .middle .headermiddleright{float:left;}



/*-------------------header bottom------------------------*/
.header .bottom{ width:964px; height:33px;  background:url(../bg_headerbottom.gif) no-repeat; }
.header .bottom a{  }
.header .bottom a:hover { text-decoration:none; }

/*here,i met a problem:if i use float:left,it erro;when i yse display:inline, it works*/

.header .bottom .vip{ float:left; line-height: 22px; display:none; }
.header .top .search{ margin-top:40px;  float:right; width:270px; height:22px; display:inline; }
.header .top .search form{ float:right; margin-right:10px; _margin-left:5px; }
.header .top .search input{ background:none; border:1px solid #fff; float:left; width:85px; height:17px;padding-top:1px; color:#fff; }
.header .top .search button{ width:50px; height:20px; margin-top:5px; margin-left: 10px; _margin-left:5px;  border:none; background:url(../search_top.gif) no-repeat 0 0 ;  cursor:pointer; }














.leftbar .category{  overflow: hidden; width: 220px; height:auto;   }
.leftbar .category .category_title{background: url(../pic_productcatalogtop.gif) no-repeat;  height:42px; width:220px;  }
.leftbar .category .leftlist{ background: url(../bg_productcatalogmiddle.gif) repeat-y 0 0 ; }
.leftbar .category .catagory_bottom{ width:220px; height: 19px; background: url(../pic_leftbottom.gif) no-repeat 0 0 ;}
.leftbar .category .category_title .productcata{margin-top:10px; margin-left:36px; _margin-left:36px; }

/******************************/
.category li{ line-height: 21px; list-style: none outside; display:block; width:192px;}
* html .category li{ height: 21px; line-height: 20px; list-style: none outside; display:block; width:192px;}

.category li img{}

/*----------------------------*/
.category .u1{ background:none; margin-left:28px; _margin-left:14px;  }
.category .u1 li{ letter-spacing:4px; padding-left: 20px; _padding-left:20px; line-height:25px;  background: url(../pic_leftlist.gif) no-repeat 0 6px ;   }
.category .u1 li a{ font-weight:bold;  }
.category .u2{ display:none;}
.category .u2 li{ padding-left: 12px; background:url(../sign_arrow.gif) no-repeat 2px 8px;  }
.category .u2 li a{font-weight:normal;}
.category .u3{ display:none; }
.category .u3 li{ padding-left: 12px; background:url(../sign_arrow.gif) no-repeat 2px 8px;   }
.category .u3 li a{ font-weight:normal;}

/******************************/

 
 






/* Root = Horizontal, Secondary = Vertical */
#navmenu {  list-style: none; padding:0px 0px 0px 20px;}
#navmenu span{ width:90px;  height:33px; font-weight:bold; font-size:14px;  text-align:center; }
#navmenu  a {background:none;  text-decoration:none; color:#fff; width:90px; height: 33px; display:block; line-height:33px; }

#navmenu li a{ background:none; }
#navmenu li a:hover{ background: url(../bg_ul_li.gif) no-repeat 0px 2px;) no-repeat 0 0 ; width:90px; height: 33px; }

#navmenu li {  border:0; position: relative;  height: 33px; padding:0 0px;}
#navmenu li img{ }

#navmenu li ul {  border 0; width:160px; display:none;  position:absolute; top:22px; left:0px; } /*normal hidden*/
#navmenu li:hover ul{ background:#5E7795;; display:block; overflow:hidden; } /*when hover,we can see it */
#navmenu li:hover ul li{ width:100%; height:24px; }
#navmenu li:hover ul li a{ width:100%; line-height:24px; }
#navmenu li:hover ul li a span{ }

#navmenu li:hover ul li a:hover{ background:#eee; color:#5E7795;}

#navmenu li ul:after /*From IE 7 lack of compliance*/{ clear: both; display: block; font: 1px/0px serif; content: "."; height: 0; visibility:visible; }
#navmenu li ul li a { display:block;}


/*just for ie6 */
/* Root Menu */ * html #navmenu  a {  height: 1%; }
/* 2nd Menu */ * html #navmenu li.iehover li a { float: none; background:#5E7795; color: #fff; }
/* 2nd Menu Hover Persistence */ * html #navmenu li.iehover li.iehover a {  background:#eee; color:#5E7795; }


/* Do Not Move - Must Come Before display:block for Gecko */
#navmenu li:hover ul ul,#navmenu li:hover ul ul ul,
#navmenu li.iehover ul ul,#navmenu li.iehover ul ul ul { display: none; }

#navmenu li:hover ul,#navmenu ul li:hover ul,#navmenu ul ul li:hover ul,#navmenu li.iehover ul,#navmenu ul li.iehover ul,#navmenu ul ul li.iehover ul { display: block;}

#mli5{display:none;}





/* ******************************** don't care about below ************************************* */

/* Root Menu */


/* Root Menu Hover Persistence */
#navmenu a:hover,#navmenu li:hover a,#navmenu li.iehover a { }

/* ********************************************************************************************* */

/* 2nd Menu */
#navmenu li:hover li a,#navmenu li.iehover li a {}

/* 2nd Menu Hover Persistence */
#navmenu li:hover li a:hover,#navmenu li:hover li:hover ,
#navmenu li.iehover li a:hover,#navmenu li.iehover li.iehover a {}

/* ********************************************************************************************* */

/* 3rd Menu */
#navmenu li:hover li:hover li a,#navmenu li.iehover li.iehover li a { }

/* 3rd Menu Hover Persistence */
#navmenu li:hover li:hover li a:hover,#navmenu li:hover li:hover li:hover a,
#navmenu li.iehover li.iehover li a:hover,#navmenu li.iehover li.iehover li.iehover a  { }

/* ********************************************************************************************* */

/* 4th Menu */
#navmenu li:hover li:hover li:hover li a,
#navmenu li.iehover li.iehover li.iehover li a { }

/* 4th Menu Hover */
#navmenu li:hover li:hover li:hover li a:hover,#navmenu li.iehover li.iehover li.iehover li a:hover { }
#navmenu ul ul,#navmenu ul ul ul { }

/* ********************************************************************************************* */







/*--contents--*/  .mainbody .content { width:98%; height: auto; min-height: 100px; float:left; line-height:18px; }

/*.mainbody .content{ height: 100px;}html>body .mainbody .content{  } */



/*--------<div class="content AboutUs">--------*/

.mainbody .AboutUs { width:760px; line-height:20px; margin-bottom:10px;}

/*--------<div class="content BasketManager">--------*/

.mainbody .basketManager {margin-top:10px;  margin-left:20px; _margin-left:10px;  margin-bottom:15px; width:760px; }
.mainbody .basketManager form div{ clear:both; width:100%; margin-bottom:5px;float:none; }
* html .mainbody .basketManager form .bg_title{ overflow:hidden; height:26px;}
.mainbody .basketManager span{ float:none; background:#8AAE62; width:100%; display:block;  padding:0 5px; height:25px; line-height:25px;}
.mainbody .basketManager .left{ color:#fff;float:left; width:200px; margin-right:5px;}
.mainbody .basketManager .center{ color:#fff;  float:left; width:300px;; margin-right:5px;}
.mainbody .basketManager .right{ color:#fff; float:left; width:200px;}

.mainbody .basketManager .bg_title span{ background:#9EBE78; color:#fff; font-weight:bold; text-align:center;  height:25px; line-height:25px;}
.mainbody .basketManager .select_all{ padding:5px 5px 0 5px;_padding:8px 5px 0 5px;*padding:8px 5px 0 5px;   height:25px;}
*+html .mainbody .basketManager .select_all input{padding:0 5px 0 5px;}

.mainbody .basketManager .button{text-align:right; padding-top:10px; float:left; clear:left; height:25px;}
.mainbody .basketManager .bn{ background-color:#D81200;  border:1px solid #fff; color:#fff;float:right; margin-right:0px;}

.mainbody .basketManager .checkbox{ margin-top:8px;} /*gou_xuan_kuang*/
.mainbody .basketManager .info input{ margin-top:6px !important; margin-top:2px;} /*gou_xuan_kuang*/

/*--------<div class="content ContactUs">--------*/

.mainbody .ContactUs { width:100%; float:left;}
.mainbody .ContactUs *{  float:none;  }
.mainbody .ContactUs ul{ float:left; list-style:none; }
.mainbody .ContactUs li{ line-height:22px; width:100%; position:relative; padding-left:4px; _padding-left:2px;  }
.mainbody .ContactUs li a{ float:none; }


/*--------<div class="content feedbacker">----------*/
.mainbody .feedbacker{margin-bottom:15px;}


/*--------<div class="content friendly">------------*/
.mainbody .Friendly { width:100%; float:none;}
.mainbody .Friendly ul{ float:left; margin:10px auto; list-style:none; width:100%;}
.mainbody .Friendly li{ line-height:22px;width:100%; }
.mainbody .Friendly .link a{ background:url(../sign_arrow.gif) no-repeat 8px 5px; font-weight:bold; padding-left:20px;  float:none;  }
.mainbody .Friendly .info { padding-left:20px; width:100%;}
.mainbody .Friendly h3 { display:none;}

/*--------<div class="content news_list">----------------*/
.mainbody .newsDetail{width:750px; padding-left:4px; _padding-left:2px; }
.mainbody .newsList{ width:730px; float:left;}
.mainbody .newsList ul{ float:left; margin:10px auto; list-style:none; position:relative; }
.mainbody .newsList .list{clear:left; width:750px; flaot:left;}
.mainbody .newsList li{ line-height:25px; width:95%; }
.mainbody .newsList li a{ background:url(../sign_arrow.gif) no-repeat 8px 2px; font-weight:normal; padding-left:20px; width:  display:block; float:none;  }
.newsList li span.new_span{ position:absolute; right:20px; color:#999999;}

/*--------<div class="content product">-------------*/
.mainbody .product{ width:48%; float:left; height:160px;}
.mainbody .product .select{ float:left;margin:0;padding:0;}
.mainbody .product .image{ float:left; width:120px; margin:0 10px;}
.mainbody .product .content{ float:left;}
.mainbody .product .content .name{ width:100%; font-weight:bold;}
.mainbody .product .content .model{ width:100%; margin:5px 0;}
.mainbody .product .content .desc{ width:100%;}


/*--------<div class="productlist">--------*/
.mainbody .content .productlist { float:left; margin-top:10px;  _margin:20px 0; }

/*--------<div class="content productDetail">-------------*/
.mainbody .productDetail{ float:left; width:98%; }
.mainbody .productDetail .productShow { float:none; overflow:hidden !important; } /*form*/
.mainbody .productDetail .productShow .select{  width:760px; }
.mainbody .productDetail .productShow .select .checkbox{ display:none; }
.mainbody .productDetail .productShow .select .button{ float:right; }
.mainbody .productDetail .productShow .download{ }
.mainbody .productDetail .otherProducts { float:none; overflow:hidden !important; overflow:visible;} /*form*/


.mainbody .productDetail h2{ text-align:center; width:100%; color:#000; float:none;}
.mainbody .productDetail .more a{  float:right; color:#DB1300;}

/*--------<div class="content sitemap">--------------*/
.mainbody .sitemap { width:100%; float:none;}
.mainbody .sitemap *{ width:100%;}
.mainbody .sitemap ul{ float:left;  list-style:none;}
.mainbody .sitemap li{ line-height:22px;width:100%; }
.mainbody .sitemap li a{ font-weight:bold; padding-left:20px;  display:block; float:none;  }
.mainbody .sitemap li img{ display:none;}

.mainbody .sitemap ul li{list-style:none; background:url(../sign_square.gif) no-repeat 0 9px;}
.mainbody .sitemap ul ul li{list-style:none; background:url(../sign_disc.gif) no-repeat 10px 9px; padding-left:10px;}
.mainbody .sitemap ul ul ul li{list-style:none; background:url(../sign_circle.gif) no-repeat 20px 9px; padding-left:20px;}
.mainbody .sitemap ul ul ul ul li{list-style:none; background:url(../sign_rectangle.gif) no-repeat 30px 9px; padding-left:30px;}



/*----<div class="content vip_login">----*/
.mainbody .vipLogin{ width:100%; float:none;}#vipProductCategory{display:none;}
.mainbody .vipLogin *{ float:none;}
.mainbody .vipLogin form{ clear:both; display:block; padding:0 160px; *padding:0 159px;}
.mainbody .vipLogin .area{ height:18px;}








.feedback{ width:98%; padding:5px; margin:0 auto; border:none; }
.feedback label{display:block; padding:5px;}
.feedback .fTitle{font-style:italic;}
.feedback .leftWord{float:left; font-weight:bold; width:15%; text-align:right; padding-right:5px;padding-top:5px;background:#84AD67; color:#fff;}
.feedback .one{ height:24px;}
.feedback .two{ height:22px;*height:24px;}
.feedback .three{ height:38px;*height:40px;}
.feedback .four{ height:38px;*height:40px;}
.feedback .five{ height:20px;_height:10px;}
.feedback .six{ height:65px;*height:63px;}
.feedback .rightWord{margin-left:4px; float:left;text-align:left;vertical-align:top; width:70%;padding:5px;}
.feedback form *{ float:none;}
.feedback .cn{font-size:1px; height:1px; clear:both; line-height:1px;}
.feedback table{width:100%;float:left;}
.feedback table th{text-align:right;width:15%;padding-right:5px;padding-top:5px;height:28px; background:#73A051;font-weight:bold; color:#fff;}
.feedback table td{text-align:left;vertical-align:top;  width:70%; height:23px;  padding:5px;}
/*--------------------------------------------------*/
.feedback .notice{ padding-left:5px; height:30px; }
/*-------------------------------------------------*/
.feedback .tablesV{border:1px solid #91B274; width:720px; }
.feedback .limit{display:inline;margin-left:10px;}
.feedback .limitm{display:inline;margin-left:2px;}
.feedback .limit_add{ margin-top:5px;}
.feedback .remark{color:#999;margin-left:2px;}
/*------other element-------*/
.feedback span{ color:red;}
.feedback .input{ border:1px solid #91B274; background-color:#fff;}

/*---country.area.number----*/
.feedback .can{list-style:none; display:inline; margin-bottom:10px;}/*ul*/
.feedback .can li{float:left; margin-right:10px !important; margin-right:5px;}

.feedback .can .country {width:77px;}
.feedback .can .country input{width:77px;}

.feedback .can .area{width:77px;}
.feedback .can .area label{clear:right}
.feedback .can .area input{width:77px;}

.feedback .can .number{width:230px;}
.feedback .can .number label{clear:right}
.feedback .can .number input{width:130px;}

/*---(country.area.number)----*/
.feedback textarea{width:60%; height:108px; border:1px solid #91B274; background-color:#fff;}
.feedback .submit{background:#D81200;border:none; color:#fff;}
.feedback .submit input{border:1px solid #415a77;}


/*------(other element)-------*/
.feedback .tdright ol{ list-style-type: decimal; line-height:18px;}
.feedback .tdright ol li{ line-height:18px;}

.basketmanager ul{ margin:0; padding:0; width:100%; float:left; list-style:none; }
.basketmanager ul li{ text-align:right; float:left; width:100%; }
.basketmanager ul li span.left{ float:left; }











.product{ width:48%; float:left;
height:160px;
}

.product .select{ float:left;margin:0;padding:0;}

.product .image{ float:left; width:120px; margin:0 10px;}

.product .content{ float:left;}
.product .content .name{ width:100%; font-weight:bold;}
.product .content .model{ width:100%; margin:5px 0;}
.product .content .desc{ width:100%;}










@charset "UTF-8";

/*----------------TabbedPanels1-----------------------*/
#TabbedPanels1.TabbedPanels { float: left; width:760px; 
/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}

#TabbedPanels1.TabbedPanels .TabbedPanelsTabGroup { width:214px ;  float:right;  background:#ddd;}
	/*#TabbedPanels1.TabbedPanels .TabbedPanelsTabGroup_hidden { display:none;}  if ringt bar hidden */
#TabbedPanels1.TabbedPanels .TabbedPanelsTab { float: left;list-style: none;-moz-user-select: none; -khtml-user-select: none; cursor: pointer;  padding:12px;}
#TabbedPanels1.TabbedPanels .TabbedPanelsTab img { width:80px; }
#TabbedPanels1.TabbedPanels .TabbedPanelsTabHover { background: #CCC;}
#TabbedPanels1.TabbedPanels .TabbedPanelsTabSelected {background:#F6F6F6; /*border-bottom: 1px solid #EEE;*/}
#TabbedPanels1.TabbedPanels .TabbedPanelsTab a {}

#TabbedPanels1.TabbedPanels .TabbedPanelsContentGroup {float:left;  width:320px; }
     /* #TabbedPanels1.TabbedPanels .TabbedPanelsContentGroup_hidden { width:100%; float:left;} if ringt bar hidden */
#TabbedPanels1.TabbedPanels .TabbedPanelsContent { padding: 10px; width:360px;}
#TabbedPanels1.TabbedPanels .TabbedPanelsContentVisible {}

/*
 *	#TabbedPanels1.TabbedPanels .VTabbedPanels .TabbedPanelsTabGroup {}
 *	#TabbedPanels1.TabbedPanels .VTabbedPanels .TabbedPanelsTab {}
 *	#TabbedPanels1.TabbedPanels .VTabbedPanels .TabbedPanelsTabSelected {}
 *	#TabbedPanels1.TabbedPanels .VTabbedPanels .TabbedPanelsContentGroup {}
 */



/*----------------TabbedPanels2-----------------------*/
#TabbedPanels2.TabbedPanels.TabbedPanels {clear: none; width:700px;  
/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ }
		/* #TabbedPanels2.TabbedPanels.TabbedPanels_hidden {float: left; clear: none; width:100%;}  if ringt bar hidden */

#TabbedPanels2.TabbedPanels .TabbedPanelsTabGroup {float:left; width:100% !important; background:none; border-left:1px solid #999; display:block; display:none;}
#TabbedPanels2.TabbedPanels .TabbedPanelsTab {float:left; padding: 4px 10px; list-style:none; border:1px solid #999; border-left:none; border-bottom:none; cursor:pointer; }
#TabbedPanels2.TabbedPanels .TabbedPanelsTabHover { background: #CCC; }
#TabbedPanels2.TabbedPanels .TabbedPanelsTabSelected { background: #EEE; /*border-bottom: 1px solid #EEE;*/}
#TabbedPanels2.TabbedPanels .TabbedPanelsTab a {}

#TabbedPanels2.TabbedPanels .TabbedPanelsContentGroup { clear: both; width:98%; 
 height:auto !important;  padding:8px; line-height:18px;}
#TabbedPanels2.TabbedPanels .TabbedPanelsContent { padding: 4px; }
#TabbedPanels2.TabbedPanels .TabbedPanelsContentVisible {}

/*
 *	#TabbedPanels2.TabbedPanels .VTabbedPanels .TabbedPanelsTabGroup {}
 *  #TabbedPanels2.TabbedPanels .VTabbedPanels .TabbedPanelsTab {}
 *  #TabbedPanels2.TabbedPanels .VTabbedPanels .TabbedPanelsTabSelected {}
 *  #TabbedPanels2.TabbedPanels .VTabbedPanels .TabbedPanelsContentGroup {}
 */








.more button{ height:19px; color:#4b6291; font-size:11px; font-weight:bold; background:none; border:0; float:right; margin-right:10px; cursor:pointer;}

.mainbody .banner{ width:100%; margin-top:18px; margin-bottom:34px; overflow:hidden;}

/*-----------HotCategory-------------*/
.HotCategory{ width:100%; margin:30px 0; }
.HotCategory div{ margin-bottom:30px; }
.HotCategory div img{ width:115px; }
.HotCategory div p{ width:570px; margin-left:20px; }
.HotCategory div label{ font:bold 17px/15px Tahoma; color:#ffc000; display:block; width:100%; margin-bottom:10px; }
.HotCategory div span{ display:block; width:100%; line-height:20px;}

/*-----------HotBanner-------------*/
.HotBanner{ margin:0 auto;}

/*-----------HotAboutUs-------------*/
.HotAboutUs{ width:528px; float:left; overflow:hidden; }
.HotAboutUs .title{ background: url(../e_aboutus.gif) no-repeat 0 0 ; width:520px; height:22px; overflow:hidden; }
.HotAboutUs .detail{width:480px;  line-height:20px;  }


.HotAboutUs label{ float:left; width:468px; height:22px; }
.HotAboutUs label a{ float:right; margin-right:10px; color:#DB1300;}


/*-----------HotNews-------------*/
.HotNews{ width:220px; min-height:160px; height:auto; float:left; }
.HotNews .title{ background:url(../pic_productcatalogtop.gif) no-repeat 0 0 ; width:220px;  height:42px; }
.HotNews .title .hotnew{margin-top:9px; margin-left:34px; _margin-left:34px;   }
.HotNews .detail{ color:#3B3B3B;background: url(../bg_productcatalogmiddle.gif) repeat-y 0 0 ; width:220px; min-height:90px; height:auto; }
.HotNews .pic{width: 160px; height:70px; margin-left:8px; _margin-left:4px;}
.HotNews .pic_new{margin-left:15px; }
.HotNews .newsbottom{ width:220px; height:19px; background:url(../pic_leftbottom.gif) no-repeat 0 0 ;}
.HotNews .detail ul{ margin-left:20px; _margin-left:10px;  list-style:none; width:80%; _min-height:90px;  }
.HotNews .detail li{ line-height:22px; height: 22px; overflow:hidden; width:100%;background: url(../pic_leftlist.gif) no-repeat 4px 6px ; }
.HotNews .detail li a{ padding-left:20px;  display:block; float:none; }
.HotNews label{display:none;   border:1px solid #91a0b3;;  border-top:1px solid #91a0b3; padding:3px 0; _width:782px;}
.HotNews label a{ float:right; margin-right:10px; color:#4c6294;}


/*-------------addlink--------------*/
.web .web_content{ width:100%; text-align:left;}
.content form.feed_form{border:1px solid #74a051; margin:0px;}
.content form.feed_form{  _margin-bottom:10px;}/*IE6*/
*+html .content form.feed_form{  margin-bottom:10px;}/*IE7*/
.content form.feed_form table{}
.content form.feed_form table tr{ margin:0px 0px 10px 0px;}
.content form.feed_form table tr{width: auto;}
.content form.feed_form table td.td_text{ background:#74a051; width:30%; padding:3px 5px 2px 0px; color:#FFFFFF; font-weight:bold;}
.content form.feed_form table td.td_input{}
.content form.feed_form table td.td_input{}
.content form.feed_form table td.td_by{ padding:4px 10px 0px 0px; }
.input_bottom{ background:#dc1301; border:none; font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:1px 0px 0px 0px;}
.input_bottom{ _padding:4px 0px 0px 0px;}/*IE6*/
*+html .input_bottom{ padding:4px 0px 0px 0px;}/*IE7*/
.input_bottom{ margin:0px 10px 0px 0px;}
.td_bottom{ text-align:left;}

/*---------------message_index----------------*/
.message_ul{width:700px; }
.text_min{ background:#74a051; color:#FFFFFF; padding-left:10px; width:500px;}
.text_min span.li_span{ position:absolute; right:50px;}
*+html .text_min span.li_span{ position:absolute; right:50px; top:2px;}/*ie7*/
.text_min span.li_span{ _position:absolute; _right:50px;  _top:2px;}/*ie6*/
.message_text{}
.text_admin{ padding-left:10px; background:#dc1301; color:#FFFFFF;}
.message_admin{}

/*----------------feedback----------*/
.web{width:750px; float:left; padding:0px 0px 15px 0px;}
.web .nav_x{ width:400px; height:30px; margin:10px 0px 0px 5px;}
.web .web_content{ width:100%; text-align:left;}
.content form.feed_form{border:1px solid #74a051; margin:0px;}
.content form.feed_form{  _margin-bottom:10px;}/*IE6*/
*+html .content form.feed_form{  margin-bottom:10px;}/*IE7*/
.content form.feed_form table{}
.content form.feed_form table tr{ margin:0px 0px 10px 0px;}
.content form.feed_form table tr{width: auto;}
.content form.feed_form table td.td_text{ background:#74a051; width:30%; padding:3px 5px 2px 0px; color:#FFFFFF; font-weight:bold;}
.content form.feed_form table td.td_input input{ }
.content form.feed_form table td.td_input{}
.content form.feed_form table td.td_by{ padding:4px 10px 0px 0px; }
.input_bottom{ background:#dc1301; border:none; font:12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:1px 0px 0px 0px;}
.input_bottom{ _padding:4px 0px 0px 0px;}/*IE6*/
*+html .input_bottom{ padding:4px 0px 0px 0px;}/*IE7*/
.input_bottom{ margin:0px 10px 0px 0px;}
.td_bottom{ text-align:left;}



/*----------------web_bottom---------------*/
.web_bottom{ text-align:center; width:100%; float:left;}
.web_bottom input{ width:20px; height:13px; }
.web_bottom input.tj{ background:#dc1301; color:#FFFFFF; border:none; width:30px; height:15px; font-size:12px; padding:0px 0px 2px 0px;}
*+html .web_bottom input.tj{ font-size:11px; }/*IE7*/
.web_bottom input.tj{_font-size:11px; }/*ie6*/




/*--------search-------------*/
.search_form div{ margin-right:5px;}
.search_input_text{ position:relative; bottom:0px;}
.search_input_text{_position:relative; _top:1px; }/*IE6*/
*+html .search_input_text{position:relative; top:1px; }/*IE7*/
.search_input_submit{ position:relative; top:1px; margin-left:5px; border:none; background:#dc1301; color:#FFFFFF;}
.search_input_submit{_position:relative; _top:1px; }/*IE6*/
*+html .search_input_submit{position:relative; top:1px; }/*IE7*/



/*img*/
.web_content_div{ float:left; width:220px; height:200px; padding:10px 0px 0px 10px;}
.web_content_div img{ width:200px; height:150px;}
.web_content_div div{ width:100%;}



/*--------download-----------*/
.web_ul{ 
    list-style:none;
	position:relative;
	border:1px solid #000000;
	}
.web_ul li{
    border-bottom:1px dashed #CCCCCC;
	line-height:25px;
	padding:0px 0px 0px 4px;
}
.web_ul li a:hover{ color:#333333; text-decoration:underline; }
.webleft .web_content ul span.right_span{
	color:#999999;
    padding:3px 0px 0px 0px;
}





/*-----------HotProduct-------------*/
.HotProduct{ width:528px;float:left;}
.HotProduct .title{background:url(../e_products.gif) no-repeat 0 0 ;  width:300px; height:20px;   }

.HotProduct .productlist{ width:538px;line-height:20px;}
.HotProduct .bk_pro{ background:url(../bg_product.gif) no-repeat 8px 0 ;  width:130px; float:left; margin:10px 0 0 0; text-align:center;}
.HotProduct .bk_pro{  float:left; margin:10px 0 0 0; text-align:center;}
.HotProduct .bk_pro *{ float:none;}
.HotProduct .bk_pro input{ display:none; }
.HotProduct .bk_pro img{ border:none; padding:14px; height:80px; width:80px; }
.HotProduct .bk_pro div{ width:100%; height:30px; overflow:hidden; text-align:center;}
.HotProduct .bk_pro div .name{ display:block; margin:5px 0; width:100%;}
.HotProduct .bk_pro div .name a{ margin:0 auto ;float:none; display:block; text-align:center; }
.HotProduct .bk_pro div .name strong{ float:none;}
.HotProduct .bk_pro div .item{ display:none; }
.HotProduct .bk_pro div .description{ display:none; }

.HotProduct .productlist1{ width:730px;line-height:20px;}
.HotProduct .bk_pro1{ background:url(../bg_productnei.gif) no-repeat 0px 0 ; float:left;  width:140px; float:left; margin:10px 20px 10px 20px; _margin:10px 18px 10px 18px; text-align:center;}
.HotProduct .bk_pro1 *{ float:none;}
.HotProduct .bk_pro1 input{ display:none; }
.HotProduct .bk_pro1 img{ padding:12px 14px 16px 14px; height:112px; width:112px;  }
.HotProduct .bk_pro1 div{ width:100%; height:30px; overflow:hidden; text-align:center;}
.HotProduct .bk_pro1 div .name{ display:block; margin:5px 0; width:100%;}
.HotProduct .bk_pro1 div .name a{ margin:0 auto ;float:none; display:block; text-align:center; }
.HotProduct .bk_pro1 div .name strong{ float:none;}
.HotProduct .bk_pro1 div .item{ display:none; }
.HotProduct .bk_pro1 div .description{ display:none; }

.HotProduct label{float:right; width:50px; margin-right:12px; }
.HotProduct label a{ float:right; margin-right:10px; color:#DB1300;}



/************************** Footer **************************/

/*-----------HotKeyword-------------*/
.HotKeyword{ height:22px; width:800px; margin-left:90px; _margin-left:45px;   text-align:center;  color:#fff; overflow:hidden;}
.HotKeyword *{ float:none; }
.HotKeyword li{ color:#fff; font-weight:bold; display:inline; line-height:21px;}
.HotKeyword li a{ color:#fff; }
.HotKeyword li a:visited{color:#fff;} /*for clicked bug just here*/



/*-----------HotContact-------------*/

.hotcontactus{ width:220px; min-height:284px; _min-height:264px; height:auto; float:right; overflow:hidden; }
.hotcontactustitle{background: transparent url(../pic_productcatalogtop.gif) no-repeat scroll 0 0; width:220px;  height:42px;  }
.hotcontactusdetail{background:transparent url(../bg_productcatalogmiddle.gif) repeat-y scroll 0 0; width:220px;  min-height:222px; height:auto; }
.hotcontactusdetail .contactlist{ width:158px; margin-left:40px; _margin-left:20px; line-height:25px; }
.contactlist{_height:222px;}/*IE6*/
.hotcontactustitle .hotcon{ margin-top: 10px; margin-left: 68px; _margin-left:34px; }

.hotcontactus_bottom{background: transparent url(../pic_leftbottom.gif) no-repeat scroll 0 0; width:260px; height:19px; }




/*-----------copyright-------------*/
.copyright{ width:800px; text-align:center; margin-left:90px;  color:#fff; }
.copyright *{ float:none; }
.copyright{ _margin-left:45px;}/*IE6*/
.copyright li{ display:inline; margin:0 3px; }
.container .footer .copyright li a{color:#fff;}


/*------------e_c-------------*/
.e_c{ position:absolute;right:20px; top:10px;}
.e_c a{ color:#FFFFFF;}
.e_c a:hover{ color:#FFFFFF;}


.pie_new{ margin-left:15px; margin-top:5px;}

.productlistasd{ position:relative; left:10px; }
.productlistasd li{ padding-left:20px; }
.productlistasd li a{ font-weight:bold;}
.productlistasd li img{ margin-right:5px;  position:relative; top:5px; *top:5px; }
.productlist123{ margin-left:50px; _margin-left:25px;}