body { font-size: 13px; font-family: Microsoft Yahei, Verdana, Helvetica, Sans-Serif; margin: 0; padding: 0; color: #696969; }

a:link { color: #1E90FF; text-decoration: none; }
a:visited { color: #1E90FF; text-decoration: none; }
a:hover { color: #00BFFF; text-decoration: underline; }
a:active { color: #1E90FF; text-decoration: none; }

/*p, ul { margin-bottom: 20px; line-height: 1.6em; }*/
img{border:0;}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; }

h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; }
h2 { padding: 0 0 10px 0; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
/*.page { background: url(images/background_slide.png) left -153px repeat-x; }*/
.page { background: #f7f7f7 url(images/shadowbg.jpg) center top repeat-y; }
#h_top { overflow: hidden; background: url(images/background_slide.png) repeat-x; height: 31px; }

#h_bottom { border-top: solid 1px #000; overflow: hidden; background: #65A43D; height: 81px; }
#logo { background: url(images/logo4.png) -30px top no-repeat; width: 969px; height: 80px; }
#h_top .lang_global { background: url(images/global.png) left center no-repeat; padding-left: 22px; }
#h_top .lang_cn { background: url(images/cn.png) left center no-repeat; padding-left: 22px; }
#h_top a { color: #fff; text-decoration: none; }
#h_top a:hover { text-decoration: underline; }

#main { min-height: 400px; padding: 30px 0 30px 0; overflow: hidden; background: #f7f7f7; }

#footer { background: url(images/footer_bg.png) repeat-x; color: #999; height: 185px; text-align: center; line-height: normal; margin: 0; font-size: .9em; }

#left_info{padding-top:10px;float:left;}
#center_info{padding-top:10px;}
#center_info #icp a{color:#999; }
#center_info #company{padding-bottom: 5px;}
#validator { margin-top: 20px; overflow: hidden; float: right; width: 300px; }
#validator .top { border-bottom: solid 1px #333; padding-bottom: 10px; }
#validator .icon_box { margin-left: auto; margin-right: auto; width: 180px; overflow: hidden; }
#validator #xhtml { float: left; width: 80px; height: 15px; background: url(images/icon_xhtml.png) no-repeat; margin-right: 20px; }
#validator #css { float: left; width: 80px; height: 15px; background: url(images/icon_css.png) no-repeat; }
#credits { border-top: solid 1px #777; clear: both; padding-top: 10px; overflow: hidden; text-align: center; }
/* TAB MENU   
----------------------------------------------------------*/
#menucontainer { overflow: hidden; background: url(images/background_slide.png) left -112px repeat-x; height: 41px; padding: 0; margin: 0; }
ul#menu { padding: 0; overflow: hidden; margin-top: 0; width: 970px; margin-right: auto; margin-left: auto; }

ul#menu li { display: inline; list-style: none; }


ul#menu li a { display: block; float: left; font-size: 13px; width: 120px; text-align: center; padding: 10px 0 10px 0; font-weight: bold; text-decoration: none; line-height: 20px; color: #252525; }

ul#menu li a:hover { border-bottom: solid 0px #FFA500; /*background-color: #fff;*/ color: #999; }

ul#menu li a:active { border-bottom: solid 0px #FFA500; background: url(images/menu_active.png) repeat-x; /*background-color: #fff;*/ color: #000; }

ul#menu li.selected a { border-bottom: solid 0px #FFA500; background: url(images/menu_active.png) repeat-x; /*background-color: #fff;*/ color: #000; }

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset { margin: 1em 0; padding: 1em; border: 1px solid #CCC; }

fieldset p { margin: 2px 12px 10px 10px; }

fieldset label { display: block; }

fieldset label.inline { display: inline; }

legend { font-size: 1.1em; font-weight: 600; padding: 2px 4px 8px 4px; }

input[type="text"] { width: 200px; border: 1px solid #CCC; }

input[type="password"] { width: 200px; border: 1px solid #CCC; }

/* TABLE
----------------------------------------------------------*/

table { border: solid 1px #e8eef4; border-collapse: collapse; }

table td { padding: 5px; border: solid 1px #e8eef4; }

table th { padding: 6px 5px; text-align: left; background-color: #e8eef4; border: solid 1px #e8eef4; }

/* MISC  
----------------------------------------------------------*/
.block_center { width: 970px; margin-left: auto; margin-right: auto; }
.clear { clear: both; }
.hidden { display: none; }
.error { color: Red; }
.float_left { float: left; }

#lang_selector { float: left; color: #fff; margin-top: 8px; }

#search_box { float: right; margin-top: 6px; background: url(images/search_bg.png) left top no-repeat; width: 162px; line-height: 20px; }
#search_box #search { background: transparent !important; width: 120px !important; padding-left: 5px !important; padding-right: 15px !important; border: 0 !important; color: #999 !important; }

.main_title_box { background: url(images/maintitle_bg.png) right top no-repeat; height: 34px; line-height: 21px; }
.main_title_box .title { background: url(images/maintitle_bg.png) left top no-repeat; padding: 5px 0 20px 10px; display: block; width: 300px; font-weight: bold; float: left; }
#cse-search-results { background: #fff; margin-top: 20px; }
.main_title_box .selected { border: solid 1px #85AA38 !important;color:#85AA38; }
.content-switch {color:#ccc; cursor:pointer; float: right; margin: 5px 5px 0 5px; display: block; border: solid 1px #ccc !important;padding-left:20px;padding-right:3px;line-height:17px; height: 18px; text-decoration: none !important; background: url(images/list1.gif) 3px center no-repeat; font-size:11px;}
.content-switch:hover { border: solid 1px #85AA38 !important;color:#85AA38; }
.list-switch {color:#ccc; cursor:pointer;float: right; margin: 5px 20px 0 5px; display: block; border: solid 1px #ccc !important;padding-left:20px;padding-right:3px;line-height:17px; height: 18px; text-decoration: none !important; background: url(images/list2.gif) 3px center no-repeat; font-size:11px;}
.list-switch:hover { border: solid 1px #85AA38 !important;color:#85AA38; }
/*Specific
--------------------------------------------*/
#error_404_box { width: 850px; margin-top:30px;}
#error_404_box .title { font-size: 190px; color: #333; }
#error_404_box .left { float: left; padding-right: 40px; border-right: solid 1px #999; height: 280px; }
#error_404_box .right { float: left; width: 400px; padding-left: 40px; border-left: solid 1px #ddd; height: 280px; font-size: 14px; line-height: 30px; }
#error_404_box .right p { color: #252525; font-size: 26px; margin-bottom: 40px; font-weight: bold; }
#error_404_box .right li { margin-top: 20px; }

#about_title { height: 200px; background: url(images/about_bg.jpg); margin-bottom: 20px; }
#about_box .about_content{overflow:hidden;width:100%;line-height:18px;}
#about_box #address { background: url(images/address.png) no-repeat; padding: 30px; padding-left: 120px; float: left; width: 330px; height: 30px; line-height: 1.6em; }
#about_box #mail { background: url(images/mail.png) no-repeat; padding: 30px; padding-left: 120px; float: left; width: 330px; height: 30px; line-height: 1.6em; }
#about_box #phone { background: url(images/phone.png) no-repeat; padding: 30px; padding-left: 120px; float: left; width: 330px; height: 30px;line-height: 1.6em; }
#about_box #fax { background: url(images/fax.png) no-repeat; padding: 30px; padding-left: 120px; float: left; width: 330px; height: 30px;line-height: 1.6em; }

.brief{background:#f7f7f7;}

#news_title { height: 200px; background: url(images/news_bg.jpg); margin-bottom: 20px; }
#news_list_box .news_piece { border-bottom: dotted 1px #ccc; padding: 10px; }
#news_list_box .news_list_footer { font-size: 12px; }
#news_list_box a { text-decoration: none; border-bottom: dashed 1px #00BFFF; }
#news_list_box a:hover { border: 0; }
#news_list_box .post_time { color: #26AD61; }
#news_list_box .brief { margin-top: 20px; line-height: 30px !important; }
#news_list_box .news_list_footer { margin-top: 20px; }
#news_detail_box .news_body { margin-top: 10px; }
#news_detail_box .news_body p { line-height: 30px; }
#news_detail_box .news_body li{ line-height: 30px; }

#case_title { height: 200px; background: url(images/case_bg.jpg); margin-bottom: 20px; }
#case_list_box .case_piece { border-bottom: dotted 1px #ccc; padding: 10px; }
#case_list_box .case_list_footer { font-size: 12px; }
#case_list_box a { text-decoration: none; border-bottom: dashed 1px #00BFFF; }
#case_list_box a:hover { border: 0; }
#case_list_box .post_time { color: #26AD61; }
#case_list_box .brief { margin-top: 20px; line-height: 30px !important; }
#case_list_box .case_list_footer { margin-top: 20px; }
#case_detail_box .case_body { margin-top: 10px; }
#case_detail_box .case_body p { line-height: 30px; }
#case_detail_box .case_body li{ line-height: 30px; }

#consult_title { height: 200px; background: url(images/contract_bg.jpg); margin-bottom: 20px; }
#consult_box .consult_piece { border-bottom: dotted 1px #ccc; padding: 10px; }
#consult_box .consult_list_footer { font-size: 12px; }
#consult_box a { text-decoration: none; border-bottom: dashed 1px #00BFFF; }
#consult_box a:hover { border: 0; }
#consult_box label { display: block; }
.consult_form { line-height: 25px; background: url(images/bg2.jpg) left 70px no-repeat; padding-left: 530px; padding-top: 20px; }
.consult_form input { }
.consult_success { color: Green; font-weight: normal; font-size: 28px; padding: 20px; line-height: 48px; }
.success_icon { background: url(images/success.png) no-repeat; width: 48px; height: 48px; display: block; float: left; margin-right: 20px; }

#product_title { height: 200px; background: url(images/product_bg.jpg); margin-bottom: 20px; }
#product_list_box .product_piece { border-bottom: dotted 1px #ccc; padding: 10px; }
#product_list_box .product_list_footer { font-size: 12px; }
#product_list_box a { text-decoration: none; border-bottom: dashed 1px #00BFFF; }
#product_list_box a:hover { border: 0; }
#product_list_box .post_time { color: #26AD61; }
#product_list_box .brief { margin-top: 20px; line-height: 30px !important; }
#product_list_box .product_list_footer { margin-top: 20px; }
#product_detail_box .product_body { margin-top: 10px; }
#product_detail_box .product_body p { line-height: 30px; }
#product_detail_box .product_body li{ line-height: 30px; }

/*.product_tab_box {background:#A6CB59;height:36px;margin-top:10px;overflow:hidden;}
.product_tab_box ul{margin:0;padding:0;list-style:none;overflow:hidden;height:36px;padding-left:10px;}
.product_tab_box ul li{display:block;float:left;border:solid 1px #A6CB59;border-bottom-width:0;background:#fff;margin-right:-1px;position:relative;}
.product_tab_box ul a{display:block;color:#65A43D;border:0 !important;padding:6px 20px;padding-top:7px;}
.product_tab_box ul li.selected a{padding-bottom:7px;}
.product_tab_box ul.bottom li.selected {border-top-width:0;}*/

.product_updates_list ul { padding: 0; margin: 0; list-style: none; line-height: 30px; width: 250px; overflow: hidden; }
.news_updates_list ul { padding: 0; margin: 0; list-style: none; line-height: 30px; width: 250px; overflow: hidden; }
.case_updates_list ul { padding: 0; margin: 0; list-style: none; line-height: 30px; width: 250px; overflow: hidden; }

.product_updates_list li { white-space: nowrap; }
.news_updates_list li { white-space: nowrap; }
.case_updates_list li { white-space: nowrap; }

.product_tab_box { margin-top: 10px; border-bottom: 1px solid #A6CB59; height: 35px; position: relative; }
.product_tab_box ul { padding: 0; margin: 0; height: 36px; left: 15px; list-style: none; overflow: hidden; position: absolute; top: 0px; width: 100%; line-height: 21px; }
.product_tab_box ul li { border: solid 1px #A6CB59; float: left; margin-right: -1px; background: #fff; }
.product_tab_box ul li a { display: block; color: #65A43D !important; border: 0 !important; padding: 6px 20px; padding-top: 7px; }
.product_tab_box ul li.selected a { position: relative; z-index: 100; border-bottom-width: 0; padding-bottom: 7px; font-weight: bold; }
.product_tab_box_bottom { border-top: 1px solid #A6CB59; border-bottom-width: 0; }
.product_tab_box_bottom ul { top: -1px; }
.product_tab_box_bottom ul li.selected { border-top-width: 0; border-bottom: solid 1px #A6CB59 !important; }
.product_tab_box_bottom ul li.selected a { padding-bottom: 7px; }