@import url(Style1/Basic.css);
@import url(Style1/thickbox.css);
#warper{width: 100%; margin: 0px auto; text-align: center;}
.nobackground{background: none;}
/*-------Top css start-----*/
#top{width: 100%; margin: 0px auto; /*background: White url(Style1/bg_top.gif) repeat-x top;*/}
#top .top_head{width: 960px; margin: 0px auto; height: 100px; overflow: hidden;background: White url(Style1/bg_top.gif) repeat-x top;}
#top .top_business{float: right; padding: 45px 30px 0 0; font-size: 12px;}
#top .top_business .home a{background: none;}
#top .top_business .lanquage a span{ padding-right: 20px; background: url(Style1/Icon.gif) no-repeat 100% -283px;}
/* Navigation */
.nav, .nav ul {list-style: none;	margin: 0;padding: 0; list-style-type: none;}
.nav {z-index: 1000; position: relative;}
.nav li{margin:0;padding:0; font-size: 11px; color: #005700; float: left;}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {padding-left: 10px; background: url(Style1/dot_li_bg.gif) no-repeat left;}
#top h1{width: 320px; height: 50px; display: block; float: left; background: transparent url(Comm/Logo.gif) no-repeat; text-indent: -9999px; margin-left: 20px; margin-top: 20px;}
#top h1 a{width: 320px; height: 50px; display: block;}
#menu{clear: both;width: 100%; margin: 0px auto; /*background: url(Style1/bg_menu.jpg) repeat-x top; border-bottom: 4px solid #D7E3F3;*/}
#menu .menu_cen{width: 960px; margin: 0px auto;background: url(Style1/bg_menu.jpg) repeat-x top; border-bottom: 4px solid #D7E3F3;}
#menu .menu_cen ul{padding: 5px 0px 0px 20px; margin: 0; list-style: none; list-style-type: none; clear: both;}
#menu .menu_cen li{margin:0;padding:0; font-size: 14px; font-weight: bold; color: White; display: inline;}
#menu .menu_cen a{
	float:left;
      background: url(Style1/bg_menu_nomal.gif) no-repeat right top;
      margin:0;
      padding:0 0 0 12px;
      text-decoration:none;
}
#menu .menu_cen a span{float:left;
      display:block;
      background: url(Style1/bg_menu_nomal.gif) no-repeat right top;
      padding:9px 18px 10px 6px;
      color:#ffffff;
}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu .menu_cen a span {float:none;}
    /* End IE5-Mac hack */
#menu .menu_cen a:hover span {
      color:#FFF;
      }
#menu .menu_cen a:hover {background-position:0% -180px;}
#menu .menu_cen a:hover span {background-position:100% -180px; color:#003366;}
#menu .menu_cen .current a {background-position:0% -45px;}
#menu .menu_cen .current a span { background-position:100% -45px;color:#003366;}
#menu .menu_cen .world a {background-position:0% -90px; padding-left: 46px;}
#menu .menu_cen .world a:hover {background-position:0% -135px;}
#menu .menu_cen .world a:hover span { background-position:100% -135px;color:#003366;}
#menu #nav_download{display: none;}
#menu #nav_worldwide{display: none;}
/*------@end--------------*/
/*-------Footer css start-----*/
#footer{width: 960px; margin: 10px auto; clear: both; border-top:1px solid #D8D3CD; text-align: left; }
#footer .footer_pro_az{line-height: 32px; font-size: 11px; border-bottom:1px solid #D8D3CD;color: #999;padding-left: 100px;}
#footer .footer_pro_az a{color: #999;}
#footer .copyright{padding-left: 100px;/* background: url(Comm/Logo_gray.gif) no-repeat 30px 20px;*/}
#footer .totop{width: 36px; height: 15px; display: block; float: right; text-indent: -9999px; margin-right: 10px; margin-top: 10px;}
#footer .totop a{width: 36px; height: 15px; display: block; background: transparent url(Style1/Icon_TO.gif) no-repeat -50px 0px;}
#footer .totop a:hover{ background-position: -148px 0;}
#footer .tohome{width: 42px; height: 15px; display: block; float: right; text-indent: -9999px; margin-right: 5px; margin-top: 10px;}
#footer .tohome a{width: 42px; height: 15px; display: block; background: transparent url(Style1/Icon_TO.gif) no-repeat -2px 0px;}
#footer .tohome a:hover{ background-position: -100px 0;}
#footer .footer_copy{padding-top: 6px; font-size: 11px; line-height: 150%; color: #999999;padding-bottom: 8px;
}
#footer .footer_business {margin: 0px; padding: 10px 0 0 0; list-style: none; font-size: 11px;}
#footer .footer_business li{display:inline;margin:0;padding:0;}
#footer .footer_business li a{padding-right: 12px; background: url(Style1/dot_li_bg.gif) no-repeat right;}
#footer .footer_business .home a{background: none;}
/*------@end--------------*/
/*-------page css start-----*/
#page{margin: 0px auto; width: 100%; text-align: center;}
#page a:link, #page a:visited{color:#0066cc;text-decoration:none;}
#page a:hover{color:#ff6600;text-decoration:underline;}
.mid{width: 960px; margin: 0px auto; text-align: left;}
#bannar{min-height: 60px;}
#homebannar{height: 300px; overflow: hidden; background: url(../../Images/Bannar/Home.jpg) no-repeat;}
#homebannar .flashslogan{padding-left: 40px; padding-top: 90px; width: 700px; font-size: 11px; line-height: 150%;}
#homebannar .indextxtlogan {padding-left: 40px; width:620px; font-size: 14px; line-height: 150%; color: #F0FFFF; height: 80px;}
#homebannar .indexbtnlogan {padding-left: 40px;}
#homebannar .indexbtnlogan a.indexslogan_btn1{
	width: 152px; height: 36px; float: left; text-indent: -9999px; display: block; background: transparent url(Style1/home_bannar_btn.gif) no-repeat 0 0;
}
#homebannar .indexbtnlogan a.indexslogan_btn2{
	width: 160px; height: 36px; float: left; text-indent: -9999px; display: block; background: transparent url(Style1/home_bannar_btn.gif) no-repeat -152px 0;
}
#bannar .slogan{padding-left: 30px; padding-top: 20px; width: 550px; font-size: 11px; line-height: 150%;}
#bannar .slogan em{ font-size: 18px; font-family: "Lucida Sans Unicode", Verdana; font-weight: bolder; line-height: 160%;}
#pagecontent{margin: 0px auto; clear: both;}
.page_nav{border-top: 1px solid #E2E2E2; border-bottom: 1px solid #E2E2E2; padding-left: 30px; font-size: 11px; line-height: 22px; background: url(Style1/icon_arrow.gif) no-repeat 20px 8px;color: #666;}
.page_nav a:link, .page_nav a:visited{color: #666;}
.page_nav a:hover, .page_nav a:active {color:#000;text-decoration:underline;}
#page_le{width: 710px; float: left;}
#page_rig{width: 200px; float: right; margin-right: 10px;}
.pagecontent{padding: 10px 0 10px 30px; font-size: 11px;}
.pagecontent h1{color: #3CADF9; margin: 5px auto; padding: 0px; font-size: 1.6em; font-family: "Lucida Sans Unicode", Verdana, serif;}
.pagecontent p{padding-top: 10px;}
.author{border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; line-height: 25px; text-align: left; color: #708090; font-size: 11px;}
.author ul{padding: 0px; margin: 0px; list-style: none;}
.author li{float: left; padding-left: 20px; background: url(Style1/dot_li_bg2.gif) no-repeat 5px -14px; margin-right: 10px;}
.page_rig_nav{margin-top: 10px;}
.page_rig_nav h2{ background: url(Style1/page_rig_nav_bg.gif) 100% 0; margin: 0px; padding: 0 0 0 20px; font-size: 12px; color: #C1D5E8; line-height: 32px; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.page_rig_nav ul{margin: 0px; padding: 0px; list-style: none; list-style-type: none;}
.page_rig_nav li{border-bottom: 1px solid #E4E2DE; line-height: 25px;}
.page_rig_nav li a{padding-left: 20px; background: url(Style1/dot_li_bg2.gif) no-repeat 5px -16px;}
.page_rig_nav li a:hover{background: #E0FFFF url(Style1/dot_li_bg2.gif) no-repeat 5px 11px; display: block; color: #ff6600;}
.page_rig_search{margin-top: 8px;}
.page_rig_search h2{ background: url(Style1/page_rig_nav_bg.gif) repeat-x 0 -50px; margin: 0px; padding: 0 0 0 20px; font-size: 12px; color: White; line-height: 28px; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
.page_rig_search .skey_input{ width: 172px; margin-top: 5px;}
.page_rig_search .skey_btn{background: #8C9FBF; color: White; border: 1px solid #A3B2CC; margin-top: 5px; font-size: 12px; font-weight: bold;}
#page_rig_services{margin-top: 8px; border-top: 5px solid #A9C2E4;border-bottom: 1px solid #D8D3CD;border-left: 1px solid #D8D3CD;border-right: 1px solid #D8D3CD;}
.page_rig_services{padding: 5px 10px 5px 10px;}
.page_rig_services a{color: #173866; font-weight: bold;}
p.smalltext{font-size: 11px; line-height: 120%;}
p.more_go{ width: 160px; height: 16px; display: block; background: url(Style1/p_more_go.gif) no-repeat right; text-indent: -9999px;
}
p.more_go a{width: 160px; height: 16px; display: block;}
.page_rig_services_tel{width: 160px; height: 26px; display: block; background: url(Style1/Tel.gif) no-repeat left; text-indent: -9999px;
}
.page_rig_ads{margin-top: 8px;}
p#contact_globe{font-size: 11px;}
/*------@end--------------*/
/*------article css start-------------*/
#relate_art,#relate_document{margin-top: 10px; clear: both; font-size: 11px;}
#relate_art h2,#relate_document h2{border: 1px solid #BADBEB; background: url(Style1/page_rig_nav_bg.gif) repeat-x 0 -100px; font-size: 12px; margin: 0px; padding: 0px; line-height: 24px; font-weight: bolder; color: #284975;}
#relate_art h2 span,#relate_document h2 span{ padding-left: 30px;background: url(Style1/Icon.gif) no-repeat 5px -304px;}
#relate_art .relate_ul{padding: 10px 10px 10px 30px;}
#relate_document .relate_ul{padding: 10px 10px 10px 100px; background: url(Style1/relate_doc.gif) no-repeat 20px 30px;}
#relate_document h3{font-size: 12px; margin: 0px; padding: 0px; line-height: 24px; font-weight: bolder; color: #666;}
/*------@product*/
.author_pro{line-height: 25px; text-align: left; background: url(Style1/page_rig_nav_bg.gif) repeat-x 0 -100px;}
.author_pro .author_pro_publish{padding: 0 0 0 10px; margin: 0px; list-style: none;}
.author_pro .author_pro_publish li{float: left; padding-left: 20px; background: url(Style1/dot_li_bg2.gif) no-repeat 5px -14px; margin-right: 10px;}
.author_pro .relate_fun {padding: 0 0 0 10px; margin: 0px; list-style: none; clear: both; border-top: 1px dashed #ccc;}
.author_pro .relate_fun li{float: left; margin-right: 10px;}
.author_pro .relate_fun a:link,.author_pro .relate_fun a:visited{color: #284975;}
#pro_list{}
ul.product_list{ margin: 0px; padding: 0px; clear: both; list-style: none; list-style-type: none; list-style-image: none;}
li.product{ margin-bottom: 10px; padding: 10px 0 10px 0; border-top: 1px dashed #D8D3CD; float: left; width: 338px;}
li.product .product_img{float: left; width: 70px; height: 70px; overflow: hidden; text-align: center;}
li.product .product_img img{
	border: 1px solid #D8D3CD;
	background: White;
	padding: 4px;
	height:auto; 
	/*firefox hack*/
	vertical-align: middle;max-width: 60px; 
	width: expression(this.width >60 && this.height < this.width ? 60: true);
	/*ie hack*/
	zoom:expression( function(elm) {     
         if (elm.width>60) {    
              var oldVW = elm.width; elm.width=60;                  
              elm.height = elm.height*(60 /oldVW);
         }    
         elm.style.zoom = '1';    
     }(this));  
}
li.product .product_ark{float: left; margin-left: 10px; width: 226px;}
li.product h3{margin: 0px; padding: 0px; color: #30507C; font-size: 12px;}
li.product .product_fun{clear: both; margin:4px 0 4px 10px; padding: 0px;}
li.product .product_fun li{}
li.product .product_fun_btn{ clear: both;}
.product_fun_btn .btn_detail{width: 50px; height: 15px; display: block; float: left; text-indent: -9999px; margin-left: 5px;}
.product_fun_btn .btn_detail a{width: 50px; height: 15px; display: block; background: transparent url(Style1/Icon_pro.gif) no-repeat 0px -40px;}
.product_fun_btn .btn_detail a:hover{ background-position: 0px -60px;}
.product_fun_btn .btn_quote{width: 50px; height: 15px; display: block; float: left; text-indent: -9999px; margin-left: 5px;}
.product_fun_btn .btn_quote a{width: 50px; height: 15px; display: block; background: transparent url(Style1/Icon_pro.gif) no-repeat 0px -0px;}
.product_fun_btn .btn_quote a:hover{ background-position: 0px -20px;}
.pagelist {text-align: center; padding: 5px 3px 5px 3px;; border-top:1px solid #D8D3CD; font-size: 12px; clear: both;}
.pagelist a{color: #7B5B12; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;padding: 3px; border: 1px solid #DCDCDC; background-color: #F9F9F9; margin-left: 4px;}
.pagelist a:hover,.pagelist a:active{background-color: #FFFFE0; border: 1px solid #ff6600;  text-decoration: none;}
.sysinfo{margin: 5px auto;}
#pro_top{margin: 5px auto; border-top: 3px solid #A9C2E4; border-bottom: 1px solid #A9C2E4; line-height: 22px; background: url(Style1/page_rig_nav_bg.gif) repeat-x 0 -105px;}
/*------@news*/
#news_list{}
#news_list p{margin: 0px; padding: 0px;}
ul.recomend_news {clear: both; padding: 0px; margin: 5px auto; list-style: none; list-style-image: none; list-style-type: none;}
li.li_recomend_news {margin-bottom: 10px; padding: 0px 0 5px 0;clear: both; }
li.li_recomend_news .recomend_news_img{float: left; width: 100px; height: 75px; overflow: hidden; text-align: center;}
li.li_recomend_news .recomend_news_img img{
	border: 1px solid #D8D3CD;
	background: White;
	padding: 4px;
	height:auto; 
	/*ie hack*/
	zoom:expression( function(elm) {     
         if (elm.width>90) {    
              var oldVW = elm.width; elm.width=90;                  
              elm.height = elm.height*(60 /oldVW);
         }    
         elm.style.zoom = '1';    
     }(this));  
}
li.li_recomend_news .recomend_news_ark{float: left; margin-left: 10px; width: 240px;}
li.li_recomend_news h3,ul.ama_art h3{margin: 0px; padding: 0px; color: #30507C; font-size: 12px;}
/*------@index*/
#index{margin-top: 8px;}
#index_le{width: 760px; float: left;}
#index_rig{width: 200px; float: right;}
#index_le_p1{float: left; width: 360px;}
#index_le_p2{float: left; width: 360px; margin-left: 20px;}
h2.index_hot_pro{ margin: 0px; padding: 0px; border-bottom: 1px solid #D4D0C8; font-size: 14px; color: #FF6600; line-height: 28px;}
h2.index_hot_news{ margin: 0px; padding: 0px; border-bottom: 1px solid #D4D0C8; font-size: 14px; color: #333; line-height: 28px;}
#index_le_hotpro{height: 190px; width: 360px; margin: 5px auto; overflow: hidden;}
#index_le_hotpro ul{margin: 0px; padding: 0px; list-style: none; list-style-image: none;}
#index_le_hotpro li.product{margin-bottom: 10px; padding: 0px 0 5px 0; border-bottom: 1px dashed #D8D3CD; width: 360px; clear: both; border-top: none;}
#index_le_hotpro li.product .product_img{width: 50px; height: 50px;}
#index_le_hotpro li.product .product_ark{float: left; margin-left: 10px; width: 280px;}
#index_le_hotpro li.product .product_img img{
	border: 1px solid #D8D3CD;
	background: White;
	padding: 4px;
	height:auto; 
	/*firefox hack*/
	vertical-align: middle;max-width: 40px; 
	width: expression(this.width >40 && this.height < this.width ? 40: true);
	/*ie hack*/
	zoom:expression( function(elm) {     
         if (elm.width>40) {    
              var oldVW = elm.width; elm.width=40;                  
              elm.height = elm.height*(40 /oldVW);
         }    
         elm.style.zoom = '1';    
     }(this));  
}
#index_le_link .left{ width: 200px;}
#index_le_link .right{ width: 140px;}
#index_news{ height: 280px; overflow: hidden;}
ul.ama_art{margin: 0; padding: 0 10px 10px 10px; list-style: none; list-style-image: none;}
ul.ama_art li{
	margin-top: 10px; clear: left;
}
ul.ama_art p,#index_le_hotpro p{font: 11px Arial, Sans-Serif;}
#index_rss{background: url(Style1/index_rrs_bg.gif) repeat-x; line-height: 42px;}
#index_rss a:link,#index_rss a:visited{color: #666;}
/*------@end--------------*/