@import url(Style1/basic.css);
@import url(Style1/lightbox.css);
@import url(Style1/flora.tabs.css);
.span_r{float: right; padding-right: 10px;}
.clean {clear:both;height:0;font-size:0;overflow:hidden;}
a.help{padding-left: 20px; background: url(Style1/bg.gif) no-repeat -7px -35px;}
a.rss{background: url(Style1/Icon.gif) no-repeat 0 -80px; padding-left: 20px;}
a.free{background: url(/Style1/free.gif) no-repeat 100% 0; padding-right: 25px;}
a.tohome{background: url(Style1/Tohome.gif) no-repeat 0 4px; width: 35px; height: 16px; float: left; display: block; text-indent: -9999px;}
a.toback{background: url(Style1/Toback.gif) no-repeat 0 4px; width: 35px; height: 16px; float: left; display: block; text-indent: -9999px;}
a.more{background:url(Style1/icon_arrow.gif) left no-repeat;padding-left:8px;}
a.print{background: url(Style1/Icon.gif) no-repeat 0 0;padding-left:24px;}
a.email{background: url(Style1/Icon.gif) no-repeat 0 -20px;padding-left:24px;}
a.quote{background: url(Style1/Icon.gif) no-repeat 0 -40px;padding-left:24px;}
a.download{background: url(Style1/Icon.gif) no-repeat 0 -100px;padding-left:24px;}
a.document{background: url(Style1/Icon.gif) no-repeat 0 -340px;padding-left:24px;}
a.help{background: url(Style1/Icon.gif) no-repeat 0 -140px;padding-left:24px;}
a.rss{background: url(Style1/Icon.gif) no-repeat 0 -80px;padding-left:24px;}
a.reply{background: url(Icon.gif) no-repeat 0 -60px;padding-left:24px;}
a.blue{color: #0066ff;}
a.blue:hover{color: Orange;}
.bdr_gray{border: 1px solid #DCD9D3;}
.bdr_org{border: 1px solid #FFDEA2;}
.bg_lorg{background: #FFFDF7;}
.ads_div{ margin: 5px auto;}
.tit_art_h3{margin: 0px; padding: 2px 10px; font-size: 14px; line-height: 20px; border-bottom: 1px solid #CDD5E2; color: #294C6A;}
.tit_art_h32{margin: 0px; padding: 2px 10px; font-size: 14px; line-height: 20px; border-bottom: 1px solid #CDD5E2; color: #294C6A; border-top: 1px solid #CDD5E2;}

body{ background-color: #F4F5F7;}
/*top start*/
#pagecontainer{ width: 100%; margin: 0px auto;}

#top_c{width:100%; margin: 0px auto; background: url(Style1/bg_top.jpg) repeat-x bottom;}
#top{width:960px; margin: 0px auto; height: 145px;}
#top .logo{margin-left: 20px; margin-top: 6px; float: left;}
#top .top_biz{float: right; width: 400px; padding-top: 30px; text-align: right;}
#top .top_biz ul, #nav_b ul{margin:0; padding:0px; list-style:none; list-style-type: none; padding-right: 30px;}
#top .top_biz li, #nav_b li{ display: inline; padding-left: 8px;background: url(Style1/bg_li.gif) no-repeat left;}
#top .top_biz .nobackground, #nav_b .nobackground{background: none;}
#top .top_biz a, #nav_b a{ color: #0E723C; padding: 3px;}
#nav{ height: 40px; margin-top: 5px; clear: both;}
#nav_1{}
#nav_1 ul{margin:0; padding:0px 10px 0 20px; list-style:none; list-style-type: none;}
#nav_1 li{display:inline;margin:0; padding:0;}
#nav_1 li a {float:left; /*background: url(Style1/tableft1.gif) no-repeat left top;*/  margin:0;padding:0 0 0 4px;text-decoration:none;}
#nav_1 li a span {float:left;display:block;background:url(Style1/bg_nav_rig.gif) no-repeat right top; padding:12px 20px 14px 20px; color:#DAF7AA; font-size: 14px; font-weight: bold;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav_1  li a span {float:none;}
/* End IE5-Mac hack */
#nav_1 li a:hover span {color:#006C2F;}
#nav_1 li a:hover { background: transparent url(Style1/bg_nav_hove_le.gif) no-repeat 5px 4px;}
#nav_1 li a:hover span {background: transparent url(Style1/bg_nav_hove_rig.gif) no-repeat 100% 0;}
#nav_1 .line{ margin: 0px; padding: 0px; width: 8px; background: transparent url(Style1/tableft1.gif) no-repeat 6px 0; font-size: 1px; display: block; float: left; height: 24px;}
#nav_1 .current a { background:transparent url(Style1/bg_nav_hove_le.gif) no-repeat 5px 4px; color: #006C2F;}
#nav_1 .normal{}
#nav_1 .current a span {background: transparent url(Style1/bg_nav_hove_rig.gif) no-repeat 100% 0; color: #006C2F;}
#nav_search{float: right; width: 200px; background: transparent url(Style1/bg_nav_search.jpg) no-repeat right; height: 40px;}
#nav_search div{ padding: 12px 5px 0px 25px; color: #B0E0E6;}
#nav_search a{background: none; color: #FFFFF0;}
#nav_search a span{background: none;}
#nav_b{clear: both; height: 30px; overflow: hidden;}
#nav_b div{padding-top: 8px; color: #999999;}
#nav5_ { text-align: right;}
#nav6_ { text-align: right;}
#nav7_ { text-align: right;}
#top_searchform{ padding-left: 40px; display: inline; background: transparent url(Style1/bg_search.gif) no-repeat 15px 2px;}
/*top end and page css start*/
#page {margin: 10px auto; line-height: 150%; width: 960px; clear: both;}
#page_le{float: left;width:760px;}
#page_rig{float: right; width: 200px;}

#bannar{margin: 0px auto; color: #2C608F; *height: 140px;_height: 140px; clear: both; min-height: 120px; padding: 0px 30px 0px 30px;}
#bannar h1{padding: 0px; margin: 0px; !important; margin: 0px 0px 0px 0px; font-size: 20px; color: #2C608F;}
#bannar h1 a:link,#bannar h1 a:visited{color: #009966;}
#bannar .nav{padding: 15px 0px 5px 0px; /*background: transparent url(Style1/bg_bannar_nav.gif) no-repeat 0px bottom;*/}
#bannar .nav1{padding: 15px 0px 5px 0px; /*background: transparent url(Style1/bg_bannar_nav.gif) no-repeat 0px bottom;*/}
#bannar .solga{padding: 5px 190px 10px 0px; font-size: 12px;}
#bannar .rig_quote_div{ float: right; padding-right: 0px; padding-top:32px;}
.bannar_bg1{background: url(Style1/box_s02_top.jpg) no-repeat;}

.pagecontent{padding:10px 30px; font-size: 120%;}
.pagecontent h1{line-height: 200%;}
.pagecontent h1,.pagecontent h2{color: #006400;}
.pagecontent h3{ font-size: 16px; color: #228B22;}
.pagecontent h1,.pagecontent h2,.pagecontent h3, .pagecontent h4, .pagecontent h5{line-height: 200%; margin: 5px auto;}
.pagecontent ul{ margin-left: 30px;}
.pagecontent a:link{ color: #1E90FF;}
.pagecontent p{padding-top: 10px;}
.page_nav{padding-left:20px; background: url(Style1/dot.gif) no-repeat 8px 14px; line-height: 30px; border-bottom: 1px solid #DED7C2; font-size: 12px;}
.p_author{border-bottom: 1px dashed #CAC5BB; border-top: 1px dashed #CAC5BB; line-height: 22px; text-align: left; background-color: #FCFAF3; font-size: 12px; margin: 10px auto;}
.p_pro_info{padding-left:20px; background: url(Style1/dot.gif) no-repeat 8px 14px; line-height: 30px; font-size: 12px; border-bottom: 1px solid #DED7C2;}
.artibody{ clear: both; margin: 20px auto;line-height: 150%;  font-family: "Times New Roman", Times, Arial; }

.p_pro_info .author_pro_publish{padding: 0 0 0 10px; margin: 0px; list-style: none;}
.p_pro_info .author_pro_publish li{float: left; padding-right: 20px;}
.p_pro_info .relate_fun {padding: 0 0 0 10px; margin: 0px; list-style: none; clear: both;}
.p_pro_info .relate_fun li{float: left; margin-right: 10px;}
.p_pro_info .relate_fun a:link,.p_pro_info .relate_fun a:visited{color: #284975;}
/*page rig css*/
.page_rig_c{padding: 5px 10px 10px 10px;}
.cat_subnav_ul{margin: 0px; padding: 0px; list-style: none; list-style-type: none; list-style-image: none;}
.cat_subnav_ul li{line-height:25px; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ADD8E6; color: #35638A;}
.cat_subnav_ul li a{color: #2E7D95; text-decoration: none; padding-left: 16px; display: block; background: url(Style1/dot.gif) no-repeat 5px 10px;}
.cat_subnav_ul li a:hover{background-color: #E0FFFF; display: block; text-decoration: none;}
.cat_subnav_ul .current{background-color: #BFEF85;}


/*·ÖÒ³*/
.pages{margin: 10px auto; line-height: 25px; text-align: center; font-size: 14px;}
.pages a:link, .pages a:visited{border: 1px solid #B5BECE; padding: 2px 5px; color: #556480;}
.pages a:hover{background-color: #556480; color: White; text-decoration: none;}
.pages .curPage{border: 1px solid #B5BECE; background-color: #E6EEF7; color: White;}
.pages a, .pages span { margin-right: 2px;}

/*page end and footer css start*/
.box_s1{margin: 10px auto; background-color: White;}
.box_s2{background-color: White;}
.box_s1 .box_s1_top{height: 10px; line-height: 10px; font-size: 5px;background: url(Style1/box_s01_top.gif) no-repeat;}
.box_s1 .box_s1_mid{background: url(Style1/box_s01_mid.gif) repeat-y 0;}
.box_s1 .box_s1_btm{height: 10px; line-height: 10px; font-size: 5px; background: url(Style1/box_s01_foot.gif) no-repeat;}
.box_s2 .box_s2_top{height: 10px; line-height: 10px; font-size: 5px;background: url(Style1/box_s02_top.gif) no-repeat;}
.box_s2 .box_s2_mid{background: url(Style1/box_s02_mid.gif) repeat-y 0;}
.box_s2 .box_s2_mid0{background: url(Style1/box_s02_mid0.gif) repeat-y 0;}
.box_s2 .box_s2_btm{height: 10px; line-height: 10px; font-size: 5px; background: url(Style1/box_s02_foot.gif) no-repeat;}


#footer{clear: both; width: 960px; margin: 0px auto;}
#footer a, #nav_b a{color: #999999;}
#footer a:hover, #nav_b a:hover{color: #228B22;}
#footer .footer_alert{padding: 10px 20px 10px 20px; border-bottom:1px solid #D9D9D9; text-align: left; color: #B2B2B2;}
#footer .footer_link{ text-align: center; padding: 30px 10px 20px 10px; background: url(Style1/bg_footer_line.gif) no-repeat top;}
#footer .footer_link ul{list-style: none; margin: 0px; padding: 0px;}
#footer .footer_link li{display: inline;}
#footer .footer_link li a{padding-left: 10px; background: url(Style1/bg_li.gif) no-repeat left;}
#footer .footer_link .nobackground{background: none;}
#footer .footer_copyright{color: #666666; line-height: 150%; padding: 5px 30px 20px 30px;}

#footer .pro_index{background: url(Style1/icob_logo.gif) no-repeat 20px 0px; padding: 0px 20px 10px 45px; border-bottom: 1px solid #CDD8DC;}
#footer .footer_nav{border-top: 1px solid #CDD8DC; padding: 5px 20px 2px 20px;}
.footer_snav_le{float: left; width: 220px; margin: 10px auto; border-right: 1px solid #ccc;}
.footer_snav_le div{padding: 0px 0px 8px 0px;}
.footer_snav_le .f_input{width: 200px;}
.footer_snav_le .f_input_i{ font-size: 14px; font-weight: bold; padding: 5px 0px 5px 0px;}
.footer_snav_rig{float: left; margin: 10px 0px 5px 20px;}
.footer_snav_rig_div{float: left; width: 170px;}


.ul_dline{list-style: none; margin: 0px; padding: 0px;}
.ul_dline li{display: inline;}
.ul_dline li a{padding-left: 10px; background: url(Style1/bg_li.gif) no-repeat left;}
.ul_dline .nobackground{background: none;}
.ullist{margin: 5px; list-style: none; list-style-type: none; list-style-image: none;}
.ullist li{ background: url(Style1/arrows.gif) no-repeat left; display: block; line-height: 25px; display: block; padding-left: 15px; border-bottom: 1px dotted #D9D5D0; clear: both;}
.ullist li span{float: right; padding-right: 5px; font-size: 11px;}
.ul50{text-align: left; margin: 5px; padding: 0px; list-style: none; list-style-type: none; list-style-image: none;}
.ul50 li{width:46%; float: left; text-align:left; background: url(Style1/ul.gif) no-repeat left 8px; padding: 3px 0 3px 15px; border-bottom: 1px solid #EBEBEB; line-height: 18px; margin: 0px; display: block;}

/*sercices telphone css start*/
.ul_contact{list-style: none; margin: 0px; padding: 0px; list-style-image: none; font-size: 11px;}
.ul_contact li {border-bottom: 1px solid #ccc; clear: both;}
.ul_contact li p{margin: 0px; padding: 0px;}
.ul_contact .div_toux{float: left; width: 80px; text-align: center;}
.ul_contact .div_online{float: left;}
.ul_contact .div_online .div_online_tel{line-height: 20px;}

.btn_big_quote{display: block; width: 165px; height: 38px; text-align: center; font-size: 14px; line-height: 32px; background: url(Style1/bg_btn_quote.gif) no-repeat; color: #FFFFF0;}
.btn_big_quote a, .btn_big_quote a:visited, .btn_big_quote1 a, .btn_big_quote1 a:visited{display: block; width: 165px; height: 38px; color: #FFFFF0; font-weight: bold;}
.btn_big_quote a:hover, .btn_big_quote1 a:hover {text-decoration: none;}
.btn_big_quote1{display: block; width: 165px; height: 38px; text-align: center; font-size: 14px; line-height: 32px; background: url(Style1/bg_btn_quote.gif) no-repeat 0px -40px; color: #FFFFF0;}

/**/
.div_tit_content{clear: both; padding: 20px 0px 10px 0px;}
.div_tit_relate{height: 36px; overflow: hidden; background: url(Style1/bg_tit_relat.jpg); padding-left: 20px; clear: both;}
.div_index_product{clear: both; background: url(Style1/Tit_bg.jpg) repeat-x top;}
.div_tit_relate ul, .div_index_product ul{margin:0px; padding:0px 0px 0px 0px; line-height:normal; float: left;}
.div_tit_relate ul{
	padding-top: 6px;
}
.div_tit_relate li, .div_index_product li{float: left; CURSOR: hand; display: inline; padding-top: 7px; padding-bottom: 13px; text-align: center; padding-left: 14px; padding-right: 14px;}
.div_tit_relate li a, .div_index_product li a{text-decoration: none;}
.normaltab{COLOR: #101E29;background: url(Style1/Tit_bg2.jpg) no-repeat 100% 100%;}
.hovertab{FONT-WEIGHT: bold; COLOR: White; background: url(Style1/Tit_bg1.jpg) repeat-x bottom;}
.hovertab a{COLOR: White; display: block;}
.hovertab a:visited{COLOR: White;}
.hovertab a:hover{ COLOR: #0C1720; display: block; text-decoration: none;}
.onclick{background: url(Style1/Tit_bg2.jpg) no-repeat 100% 100%; display: block;}
.onmouseover{ background: url(Style1/Tit_bg1.jpg) repeat-x bottom;}
.dis {DISPLAY: block;}
.undis {DISPLAY: none;}
.div_index_tab_content{clear: both; padding: 0px 0px 0px 10px; margin: 0px; height: 220px; overflow: hidden;}
.div_index_tab_content a{color: #666666;}
.div_index_tab_content a:hover{
	color: #1E90FF;
}

/*index page css start*/
.index_banner{overflow:hidden; background: #0EA4D9 url(Style1/index_bg_flash.jpg) repeat-x bottom; height: 230px;}
.picbody{ float:left; height:200px; width:645px; position:relative; padding: 10px 0 0 10px;}
.login{ background:url(Style1/index_bg_login.jpg) no-repeat 0 0; width:305px; height:220px; float:left; position:relative;}
.login .index_onlinesv{padding: 150px 30px 10px 90px;}
.index_bannar_top{height: 8px; line-height: 5px; font-size: 1px; margin: 0px; padding: 0px;}
.index_banner_nav{ background:url(Style1/bg_index_banner_nav.jpg) repeat-x 0 0; height:62px; overflow:hidden; clear:both;}
.index_banner_nav h2{ background:url(Style1/bg_index_banner_nav_h2.jpg) no-repeat; width:120px; height:62px; overflow:hidden; text-indent:-9999px; float:left;}
.index_banner_nav ul{height:20px;}
.index_banner_nav li{height:20px; line-height:20px;}
.index_banner_nav li a{ color:#29A1D3; text-decoration:none;padding:4px;}
.index_banner_nav li a:hover{ background-color:#C0E434; color:#000;padding:4px; text-decoration: none;}
#annbody {height:23px;overflow:hidden;width:760px;margin-top:22px;}
.index_m_pro{width: 380px; float: left;}
.index_m_news{width: 280px; float: left; margin-left: 15px;}

#pro_list{}
ul.product_list{ margin: 0px; padding: 0px; clear: both; list-style: none; list-style-type: none; list-style-image: none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}
li.product{margin-bottom: 10px; padding: 10px 0 10px 0; float: left; width: 348px;}
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: 250px; line-height: 120%;}
li.product h3{margin: 0px; padding: 0px; color: #30507C; font-size: 12px; line-height: 120%;}
li.product .product_fun{margin:4px 0 4px 15px; padding: 0px;}
li.product .product_fun li{ font-size: 11px;}
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; text-decoration: none;}
.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.curPage{background-color: #FFFFE0; border: 1px solid #ff6600;  text-decoration: none;}
.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;}
/*art page css start*/
#list_top{ background: url(Style1/bg_list_top.jpg) repeat-x bottom; height: 32px; line-height: 26px; margin: 0px 2px; padding-left:10px;}
#list_top ul{margin: 0px; padding: 0px; list-style-image: none;}
#list_top li{display: inline; padding-right: 5px;}
#list_content{ margin: 10px 20px;}
		ul.list{margin: 0px; padding: 0px; list-style-image: none;}
		ul.list li{clear: both; font-size: 12px;}
		ul.list li .span_r{color: #999999; font-size: 10px; font-weight: normal;}
		ul.list li h3{ font-size: 14px; color: #3E6497; padding: 0px; line-height: 30px;}
		ul.list li h3 a{ font-size: 14px; color: #3E6497;}
		ul.list li .fun_up{float: left; width: 90px; height: 90px; margin: 0px; padding: 0px; background: url(Style1/bg_fun_up.gif) no-repeat 0px 0px; text-align: center;}
		ul.list li .fun_up .fun_up_num{padding-top: 15px; line-height: 20px; font-size: 18px; color: Red; width: 90px; display: block;}
		ul.list li .fun_up .fun_up_btn{width: 90px; line-height: 20px; display: block; padding-top: 16px;}
		ul.list li .li_rig{width: 580px; float: right; padding: 0px; line-height: 150%;}
		ul.list li .li_content{padding: 0px; line-height: 120%;}
		ul.list li .li_content img{float: right; padding: 2px; border: 1px dashed #ccc;background-color: #fafaf1;display: block; width: 100px;}
		ul.list li .li_content a:hover img{border: 1px solid #00BFFF;background-color: #fafaf1;}
		ul.list li .li_remark {padding-top: 5px; line-height: 22px; background: url(Style1/remark.gif) no-repeat left; padding-left:35px;}
		ul.list li .li_remark .num,{ font-size: 14px; font-weight: bold; color: #9AB4D6; padding-right: 4px; font-family: Georgia, Verdana;}