/**************************************************************************/
/* www.okshare.com      Design by NieShiChao    2008.4   Edit   2008.5    */
/**************************************************************************/

/* Global*/
html,body,ul,li{ margin:0px; padding:0px;font-size:12px}
.Container{ width:974px; margin:0 auto; clear:both}
.NavsContainer{ width:240px; height:120px;margin:0 auto;margin-top:2px}
#NavsDemoleft{ float:left; width:80px}
#NavsDemoright{ float:right; width:160px}
a:link,a:visited,a:hover,a:active{ color:#000;text-decoration:none}

.chm{ width:80px; float:left}
.chm img{ text-align:center}
/* Nav & Flash*/
#Main_Nav_left{ float:left;width:173px; height:83px}
#Main_Nav_right{ float:left;width:801px;height:83px}
#Main_Nav_right_top{ width:801px;height:60px}
#Main_Nav_right_bottom{ width:801px;height:26px; line-height:26px}
#Main_Nav_right_bottom_left{ float:left;width:2px; height:26px;display:inline;}
#Main_Nav_right_bottom_repeat{ position:absolute; float:left; width:797px; height:26px; background-image:url("../images/cn/Index_repeat.gif");display:inline}
#Main_Nav_right_bottom_right{ float:right; width:2px; height:26px;display:inline}
#Main_Nav_right_bottom_repeat ul{ list-style:none; margin:0; padding:0; display:inline}
#Main_Nav_right_bottom_repeat li{ float:left; height:26px; line-height:26px;margin:0 2.3%}
#Main_Nav_right_bottom_repeat a:hover,#Main_Nav_right_bottom_repeat a:link,#Main_Nav_right_bottom_repeat a:visited,#Main_Nav_right_bottom_repeat a:active{color:#FFF}
#Main_nav_content{ position:absolute; width:801px; height:20px; margin-top:60px; line-height:20px; color:#e4007f; text-align:right}
/* Splite Line */
#Splite_line{width:974px; margin:0 auto; background-image:url("../images/cn/head_Line.gif"); height:24px}

/* Products Nav */
#tabs1{float:left}
#tabs1 a:link,#tabs1 a:visited,#tabs1 a:hover,#tabs1 a:active{color:#000;text-decoration:none}
#tabs1 ul{list-style:none}
.main{clear:both;padding:2px;text-align:left}
#tabs1{text-align:left;width:688px}
.menu1box{position:relative;overflow:hidden;height:24px;width:677px;text-align:left; margin-left:0px}
#menu1{position:absolute;top:0;left:0;z-index:1}
#menu1 li{float:left;display:block;cursor:pointer;width:90px;text-align:center;line-height:24px;height:24px; cursor:default}
#menu1 li.hover{background-image:url("../images/cn/Door_Tag_BackGround.gif")}
.main1box{clear:both;height:186px;width:675px;display:block;border:0 solid #DEA303;border-width:0 1px; padding:5px;background: #FAF8F2}
.main1box p{ margin:3px; font-size:14px}
#main1 ul{display: none}
#main1 ul.block{display: block}

.xtop, .xbottom {display:block; background:transparent; font-size:1px}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;background:#FAF8F2}
.xb1, .xb2, .xb3 {height:1px}
.xb2, .xb3, .xb4 {border-left:1px solid #DEA303; border-right:1px solid #DEA303}
.xb1 {margin:0 5px; background:#DEA303}
.xb2 {margin:0 3px; border-width:0 2px}
.xb3 {margin:0 2px}
.xb4 {height:2px; margin:0 1px}

/* Splite Vertical line*/
#Splite_V_line{float:left; width:1px; margin:0px 3px;height:220px;background-image:url("../images/cn/dottedline_Vertical.gif")}

/* News */
#News{ float:left; width:278px}
#News_title{margin-left:8px}
#News_title a:hover,#News_title a:link,#News_title a:active,#News_title a:visited,#News_title a:active{ color:#000;text-decoration:none}
#News_list{width:278px}
/* Splite Horizontal line*/
#Splite_H_line{margin:0 auto; background-image:url("../images/cn/dottedline_Horizontal.gif"); width:974px; height:1px; line-height:1px; overflow:hidden; margin-top:5px; margin-bottom:5px; clear:both}

/* Service */
#Service{float:left;width:688px}
.Service_list{width:688px; clear:both; height:70px}
.Service_list_left{float:left}
.Service_list_left img{margin:10px 3px}
.Service_list_right{ float:left;margin:18px 5px;width:522px}
#Service_list_right_Circuit{float:left;margin:0 5px; margin-top:3px;width:522px}
.Service_list_right ul{list-style:none}
.Service_list_right li{display:inline; margin-right:30px; background:url("../images/cn/dotted_Triangle.gif") left no-repeat; padding-left:14px; color: #666}
.Service_Splite_H_line{background-image:url("../images/cn/dottedline_Horizontal.gif"); width:686px; height:1px; line-height:1px; overflow:hidden; margin-top:2px; margin-bottom:2px; clear:both}

/* Search_Navs */
#Search_Navs{ float:left;width:278px;height:50px}
#Search_Bar{ width:276px; margin:13px 0; margin-left:5px}
.Searchbox{width:160px; height:16px; border:1px solid #DEA303}

#tabs2{float:left;margin-left:4px}
#tabs2 a:link,#tabs2 a:visited,#tabs2 a:hover,#tabs2 a:active{color:#000;text-decoration:none}
#tabs2 ul{list-style:none}
#tabs2{text-align:left;width:267px}
#menu2{position:absolute;top:0;left:0;z-index:1}
#menu2 li{float:left;display:block;cursor:pointer;width:65px;text-align:center;line-height:24px;height:24px;background:url("../images/cn/sub_tabs_link.gif") left no-repeat; margin-right:1px}
#menu2 li.hover{background-image:url("../images/cn/sub_tabs_active.gif") !important}
#main2 ul{display: none}
#main2 ul.block{display: block}
.menu2box{position:relative;overflow:hidden;height:24px;width:260px;text-align:left}
.main2box{clear:both;height:130px;width:267px;display:block;border:0 solid #DEA303;border-width:1px;padding: 1px;background: #FAF8F2; margin-top:-4px}

/* Infomation & Navs */
#Infomation{float:left}
#Infomation a:link,#Infomation a:visited,#Infomation a:hover,#Infomation a:active{color:#000;text-decoration:none}
#Navs2{float:left}

#tabs3{float:left; margin-left:6px}
#tabs3 a:link,#tabs3 a:visited,#tabs3 a:hover{color:#000;text-decoration:none}
#tabs3 ul{list-style:none}
#tabs3{text-align:left;width:267px}
#menu3{position:absolute;top:0;left:0;z-index:1}
#menu3 li{float:left;display:block;cursor:pointer;width:65px;text-align:center;line-height:24px;height:24px;background:url("../images/cn/sub_tabs_link.gif") left no-repeat; margin-right:1px}
#menu3 li.hover{background-image:url("../images/cn/sub_tabs_active.gif") !important}
#main3 ul{display: none}
#main3 ul.block{display: block}
.menu3box{position:relative;overflow:hidden;height:24px;width:267px;text-align:left}
.main3box{clear:both;height:130px;width:267px;display:block;border:0 solid #DEA303;border-width:1px;padding: 1px;background: #FAF8F2; margin-top:-4px}

/*Company Info & Small ads*/
#Company_info{float:left; width:688px}
#smallads{ float:left}

/* CopyRight */
#CopyRight_info{ clear:both;margin:0 auto;width:974px; height:30px;text-align:center; margin-top:8px;margin-bottom:20px;background-image:url("../images/cn/CopyRight_Line.gif"); line-height:30px; padding-top:5px; background-repeat:repeat-x}

/* ---[Abouts]--- */
#Abouts_menu{ margin:0 auto; width:972px; height:45px; line-height:45px;border: solid 1px #afbbc4 ; background-image:url(../images/cn/about_menu_repeat.gif)}
#Abouts_menu a:hover,#Abouts_menu a:link,#Abouts_menu a:visited,#Abouts_menu a:active{text-decoration: none;color:blue;font-weight:bold}
#Abouts_menu ul{ list-style:none; text-align:center}
#Abouts_menu li{ height:43px; line-height:43px; display:inline; color:#1a3661; margin:0 15px}
.Abouts_title{margin:0 auto; width:972px;margin-top:30px; height:26px; line-height:26px}
.Abouts_title_box{ float:left; margin-left:20px}
.Abouts_title_box_right{float:left; margin-left:10px}
.Abouts_split_line{ margin:0 auto;line-height:1px; height:1px; overflow:hidden; width:974px;background-image:url("../images/cn/dottedline_Horizontal.gif"); margin-top:3px}
.Abouts_Project{ float:left; width:482px; margin-top:20px}
.Abouts_Project img{ float:left;width:150px; height:185px; margin:0 auto}
.Abouts_Project_text{ float:left;width:280px; margin:30px 5px}

.Abouts_contents{ float:left; width:288px; height:123px;padding-top:50px; padding-left:20px; padding-right:20px; letter-spacing:2px}
#Abouts_2008{margin:0 auto;width:974px;margin-top:30px; margin-bottom:30px;letter-spacing:1px}

.Abouts_why_left{ float:left;margin-left:20px;height:26px; line-height:26px}
.Abouts_why_right{ float:left;margin-left:10px;height:26px; line-height:26px}

#Abouts_certificate{margin:0 auto; width:974px}

#Abouts_work{margin:0 auto; width:974px}

#Abouts_contact{margin:0 auto; width:974px}

.Abouts_cultural_line{ margin:0 auto; width:860px; height:30px; border:1px solid #dce1e6; padding-left:40px; margin-top:30px; color:#e4007f; line-height:30px}
.Abouts_cultural_what{ margin:0 auto; width:800px; margin-top:30px}
#Abouts_cultural_what_god{ color:#4c4c4c}
#Abouts_cultural_formula{ margin:0 auto; position:absolute; width:800px}
#Abouts_formula_left{ float:left; width:80px; height:214px}
#Abouts_formula_right{ float:left; width:342px; height:214px}
.Abouts_clear{ clear:both}
#Abouts_cultural_Logo_left{ float:left; margin:0 47px}
#Abouts_cultural_Logo_right{ float:left;height:83px; width:560px;border:1px solid #dce1e6}

.Abouts_certificate{ margin:0 auto; width:974px;height:400px}
#Abouts_contact_left{ margin-left:50px;float:left;width:300px;height:450px}
#Abouts_contact_right{ float:right;width:375px; height:180px; margin-top:100px}
.About_contact_fieldset{ border:1px solid #e4007f; width:400px; padding:0 20px; margin-top:20px; clear:both}

/* ---[Agent]--- */
#Agent_menu{ margin:0 auto; width:972px; height:45px; line-height:45px;border: solid 1px #afbbc4 ; background-image:url(../images/cn/about_menu_repeat.gif)}
#Agent_menu a:hover,#Agent_menu a:link,#Agent_menu a:visited,#Agent_menu a:active{text-decoration: none;color:#1a3661}
#Agent_menu ul{ list-style:none; text-align:center}
#Agent_menu li{ height:43px; line-height:43px; display:inline; color:#1a3661; margin:0 15px}

#Agent_content{width:974px}
#Agent_right{ float:right; margin-right:0px; margin-top:-100px}

/* ---[Informationize]--- */
#Informationize a:hover,#Informationize a:link,#Informationize a:visited,#Informationize a:active{text-decoration: none;color:#e4007f}
#Informationize li{margin:5px 0}
/* ---[Article]---*/
#Aritcle_Topic_title{margin-top:-18px; padding-left:20px; position:absolute; vertical-align:middle}
#Aritcle_Topic_title i{display:inline-block;height:100%;vertical-align:middle}
#Aritcle_Topic_title img{ vertical-align:middle}


/* ---[Product]--- */
.Product_buttom{ width:100px; height:26px;}
.Product_buttom a:hover,.Product_buttom a:link,.Product_buttom a:visited,.Product_buttom a:active{color:#FFF;text-decoration: none}
.Product_buttom ul{list-style:none}
.Product_buttom li{ float:left; text-align:center;display:inline;margin:0px 5px;color:#FFF; height:26px; width:100px; line-height:26px; background:url("../images/cn/product_button.gif") left no-repeat}
.Product_Model{float:left;width:280px;height:240px;background:#FFF; margin:5px; border:10px #CCC solid; padding:4px}
/* ---[Product_WebSite]--- */
.product_Icon{ float:left; width:67px; height:67px; line-height:67px; text-align:center; font-size:24px;background-image:url("../images/cn/Product/image/Website/icon.gif"); margin:20px; color:#FFF}
.product_contant_Left{ float:left;margin:20px}
.product_contant_Right{ float:left;}

/* ---[Customer]--- */
.Customer{ width:900px;border:solid 4px #E1E6EA; margin:0 auto;margin-top:40px }
.Customer_left{ float:left}
.Customer_left img{ margin:10px 10px}
.Customer_right{ float:left}

/* ---[Solution]--- */
.Solution_list{ width:300px; height:160px;float:left; margin:0 60px;margin-top:10px; border:5px #CCC solid; padding:10px}
.Solution_list p{color:#e4007f}


/* ---[This Style For Knowledge] --- */
#Know_menu{ width:972px; height:36px;line-height:36px;margin:0 auto; margin-top:1px}
#Know_menu_left{ float:left;width:5px; height:36px; line-height:36px;background-image:url("../images/cn/K/K_Menu_left.gif")}
#Know_menu_repeat{ float:left;width:99%; height:36px; line-height:36px;background-image:url("../images/cn/K/K_Menu_repeat.gif") }
#Know_menu_right{float:left;width:5px; height:36px; line-height:36px;background-image:url("../images/cn/K/K_Menu_right.gif")}
#Konw_menu_splite_H{ float:left;width:1px;height:18px;line-height:18px; margin:7px 0;background-image:url("../images/cn/K/K_Menu_Splite_H.gif")}
#Konw_menu_HotKey{float:left;color:#FFF; margin:0 20px}

#Know_menu_Search_left{ float:left;width:3px;margin:7px 0;height:21px;line-height:21px;background-image:url("../images/cn/K/K_Menu_Search_left.gif")}
.Know_menu_Search_repeat{ float:left; width:300px;margin:7px 0;height:19px;line-height:19px;background-image:url("../images/cn/K/K_Menu_Search_repeat.gif"); border:0}
#Know_menu_Search_right{ float:left;width:3px;margin:7px 0;height:21px;line-height:21px;background-image:url("../images/cn/K/K_Menu_Search_right.gif")}
#Konw_menu_Search_button{float:left;width:22px;margin:7px 10px;height:21px;line-height:21px}

#Catalog_label{ float:left; margin:10px 20px;width:90px; height:18px; line-height:18px}
#Catalog_content{height:170;width:536px; font-size:14px}
#Catalog_content p{ padding-left:20px}
#Catalog_content a:active,#Catalog_content a:link,#Catalog_content a:hover,#Catalog_content a:visited{color:#e4007f}
#Catalog_left{ float:left;height:210px;width:580px}
#Catalog_right{ float:left;height:200px;width:372}
#Catalog_tools_list{ width:386px; height:75px; margin-bottom:14px}
#Catalog_tools_list ul{list-style:none}
#Catalog_tools_list li{ height:75px; line-height:75px; display:inline;margin:0 22px 0 0}
#Catalog_tools_info{ width:386px; height:78px}

/* ---[R_table]--- */
div#nifty{background: #f7f7f7;}
div.rtop, div.rbottom{display:block;background: #FFF}
div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #f7f7f7}
div.r1{margin: 0 5px}
div.r2{margin: 0 3px}
div.r3{margin: 0 2px}
div.rtop div.r4, div.rbottom div.r4{margin: 0 1px;height: 2px}

.K_List{ width:300px;float:left; margin:0px 37px 0px 0px}
.K_List_right{ float:right;width:300px; height:160px}
.K_List_label{ width:300px; height:20px; line-height:20px}
.K_List_label_left{ float:left; width:30px; height:14px; line-height:14px;margin:0 10px}
.K_List_label_right{float:right; color:#8c8c8c; height:14px; line-height:14px; margin-right:5px; cursor:hand}

/*---[Article_list_k.aspx]---*/
.list_k_left{ float:left;width:80%}
.list_k_right{ float:left;width:20%}