/* Import styles */
@import url(global.css);
@import url(layout.css);

html { scrollbar-face-color:#ECECEC; scrollbar-highlight-color:#FFF; scrollbar-shadow-color:#CCC; scrollbar-3dlight-color:#BBB; scrollbar-arrow-color:#4C4C4C; scrollbar-track-color:#EEE; scrollbar-darkshadow-color:#4c4c4c; scrollbar-case-color:#BBB; }

/* Recent News */
.index_news { padding-bottom:20px;}
.index_news h3 { font-size:14px; line-height:20px; height:32px; letter-spacing:2px; background:url(img/dotline.gif) repeat-x left 10px; }
.index_news h3 span { background:#FFF; padding-right:8px; }
.index_news h3 .more { float:right; letter-spacing:0; font-weight:normal; font-size:12px; padding-left:30px; color:#AAA; background:#FFF url(img/ico_more.gif) no-repeat 10px; }
.index_news h4 { font-weight:normal; height:20px; letter-spacing:1px; }
#right .index_news p { margin-bottom:8px; color:#006BB1; }

/* products */
.product_title { font-family:Arial Black; font-size:20px; font-weight:normal; padding:0 14px; height:30px; line-height:30px; margin-bottom:14px; padding-bottom:8px; border-bottom:1px solid #E7E7E7; color:#444; }
.product_title span { font-size:14px; color:#333; }
#product_menu { float:right; font-size:simsun; font-size:12px; }
#product_menu li { float:left; text-align:center; height:26px; line-height:26px; }
#product_menu li a { padding:0 11px; text-decoration:none !important; color:#777; }
#product_menu li.c { border-bottom:2px solid #1a7eca; }
#product_menu li.c a { color:#0a60a2; }
.btn_online_try { display:block; width:103px; height:26px; padding:0 !important; margin-left:10px; background:url(img/btn_online_try.png) no-repeat; }
.btn_online_try:hover { background:url(img/btn_online_try_h.png) no-repeat; }
.btn_online_try span { display:none; }
#product_banner { text-align:center; margin-bottom:24px; clear:both; position:relative; }
#product_banner .online_try { font-family:microsoft yahei,simsun; font-size:14px; text-indent:14px; text-decoration:none !important; display:block; position:absolute; left:664px; bottom:-10px; width:188px; height:40px; line-height:36px; white-space:nowrap; background:url(img/online_try.gif); color:#ffec7a; border:1px solid #ce2f2f; border-radius:4px; box-shadow:1px 2px 8px #666; text-shadow:1px 1px 0 #000; }
#product_banner .online_try:hover { background-position:0 -40px; color:#ffe442 !important; }

/* main_content */
.main_title { font-family:Microsoft YaHei,simhei; font-size:20px; font-weight:bold; line-height:24px; padding:4px 14px 8px; margin-bottom:14px; border-bottom:1px solid #E7E7E7; }
.main_content { padding-left:18px; padding-bottom:30px; line-height:1.7em; }
.main_content h2 { border-bottom:0; padding:8px 0; margin-bottom:0; }
.main_content h3 { font-family:Microsoft YaHei,simhei; font-size:20px; font-weight:bold; line-height:24px; padding:4px 0 8px; margin-bottom:8px; }
.main_content h4 { font-family:Microsoft YaHei,simsun; font-size:14px; font-weight:bold; padding:6px 0 8px; color:#1B77B8; }
.main_content h5 { font-weight:bold; padding-bottom:2px; }
.main_content p { margin:0 0 18px; }
.product_btn { height:52px; padding:18px 0; }
.product_btn a { display:block; width:286px; height:52px; float:left; margin-right:16px; }
.product_btn a span { display:none; }
.product_btn a.btn_try_now { background:url(img/btn_try_now.png); }
.product_btn a.btn_buy_now { background:url(img/btn_buy_now.png); }
.go_top , .go_more { height:20px; text-align:right; background:url(img/dotline.gif) repeat-x center; }
.go_top a , .go_more a { padding:0 8px 0 30px; margin-right:10px; background:#FFF url(img/ico_top.gif) no-repeat 10px; color:#333; }
.go_more a { background:#FFF url(img/ico_more.gif) no-repeat 10px; }
.ico_more { font-size:12px; padding-left:18px;  background:url(img/ico_more.gif) no-repeat left center; }
.demoplayer { display:block; width:915px; height:495px; }
.h3ico_solution { padding-left:25px !important; background:url(img/h3ico_solution.gif) no-repeat left 3px; }
.h3ico_info { padding-left:25px !important; background:url(img/h3ico_info.gif) no-repeat left 3px; }
.h3ico_feature { padding-left:25px !important; background:url(img/h3ico_feature.gif) no-repeat left 2px; }
.h3ico_shoppingcart { padding-left:28px !important; background:url(img/h3ico_shoppingcart.gif) no-repeat left top; }
.h3ico_product_ico2{ padding-left:28px !important; background:url(img/h3ico_product_ico2.gif) no-repeat left top; }
#storyplay { display:none; position:absolute; z-index:9999; left:50%; margin-left:-300px; width:600px; height:420px; padding:20px; background:url(img/storyplay_bg.png) no-repeat; }
.page { font-size:14px; padding:12px; text-align:right; }
.page a { padding:3px 6px; text-decoration:none !important; margin:0 3px; border:1px solid #CCC; color:#555; }
.page a:hover { text-decoration:none !important; background:#f2fbff; border-color:#baddf7; }
.page a.c { background:#444; color:#FFF !important; }
.page a.pre , .page a.next { border:0 !important; background:none !important; }

/* news_list */
.news_list { }
.news_div { padding:8px 4px 8px 60px; height:auto !important; height:38px; min-height:38px; border-bottom:1px dotted #CCC; }
.news_date { margin-left:-52px; _margin-left:-26px; float:left; width:36px; height:37px; background:url(img/news_date.png) no-repeat; }
.news_date .y { display:block; height:15px; line-height:18px; overflow:hidden; text-align:center; font-family:sans-serif; font-size:9px; color:#FFF; }
.news_date .m { display:block; text-align:center; font-size:16px; line-height:22px; padding-right:8px; text-indent:0px; font-weight:bold; }
.news_c { padding-top:6px; }
.news_c h5 { font-family:Microsoft YaHei,simsun; font-size:14px; font-weight:normal; margin-bottom:6px; }
.news_c p { font-size:12px; margin-bottom:8px; color:#777; }

/* product_tab */
.product_tab { height:46px; padding:0 8px; margin-bottom:16px; background:url(img/product_tab_bg.gif) repeat-x bottom; }
.product_tab li { float:left; text-align:center; width:205px; height:46px; line-height:45px; margin-right:4px; font-family:Microsoft Yahei,simhei; font-size:20px; cursor:pointer; background:url(img/product_tab_li.gif) no-repeat; color:#A3A3A3; }
.product_tab li.c { font-weight:bold; background:url(img/product_tab_li_c.gif) no-repeat; color:#333; }
.product_tab li.c span { display:block; height:45px; }
.product_tab li.c .ico1 { background:url(img/product_ico1.gif) no-repeat 22px 7px; }
.product_tab li.c .ico2 { background:url(img/product_ico2.gif) no-repeat 14px 7px; }
.product_tab li.c .ico3 { background:url(img/product_ico3.gif) no-repeat 22px 7px; }
.tabs_div { display:none; }

/* know_more */
.know_more { font-size:14px; width:550px; padding:8px 16px; margin:40px auto 20px; background:url(img/know_more_bg.png) no-repeat center top; }
.know_more h5 , .quick_jump h5 { font-size:14px; height:24px; line-height:24px; padding-bottom:8px; font-weight:bold; color:#333; }
.know_more ul li { width:260px; padding-left:15px; float:left; height:26px; line-height:26px; background:url(img/ul_li.gif) no-repeat 3px 8px; }
.quick_jump { padding:8px; margin:0 auto 20px; border:1px dotted #BBB; border-left:0; border-right:0; }

/* side_module */
.side_module { width:270px; margin:0 auto; padding-bottom:10px; background:url(img/side_btm.png) no-repeat bottom; }
.side_module h3 { padding:0 12px; height:32px; line-height:32px; background:url(img/side_title.png) no-repeat left top; }
.side_module h4 { padding:0 12px; height:24px; line-height:24px; margin:0 1px; background:url(img/side_h4.png) repeat-x bottom; color:#555; border:1px solid #E1E1E1; }
.side_content { padding:4px 12px 14px; color:#666; }
.ul_list li { padding:4px 8px 4px 16px; border-bottom:1px dashed #D8D8D8; background:url(img/ul_li.gif) no-repeat 5px 10px; }
.ul_list li h5 { font-weight:normal; color:#333; }
.has_info { cursor:pointer; }
.has_info:hover { color:#3DB0F4; }
.hide_info { display:none; padding-left:1em; }
h5.expand { color:#2772CD !important; }
.qq_contact { padding:12px; line-height:1.3em; color:#006BB1; }
.btn_qq { display:block; width:125px; height:27px; line-height:27px; margin-top:6px; font-weight:normal; text-indent:16px; text-align:center; text-decoration:none !important; background:url(img/btn_qq.gif) no-repeat; color:#375E7F !important; }
.btn_qq:hover { text-decoration:none !important; }

/* contact_ul */
.contact_ul { padding:8px 8px 0; }
.contact_padding { padding:0 2em 0; }
.contact_ul li { padding:4px 4px 4px 19px; word-break:break-all; background:url(img/contact_ico.png) no-repeat left top; }
.contact_ul li.li1 { background-position:left 4px; }
.contact_ul li.li2 { background-position:left -42px; }
.contact_ul li.li3 { background-position:left -87px; }
.contact_ul li.li4 { background-position:left -130px; }
.contact_ul li.li5 { background-position:left -174px; }
.contact_ul li.li6 { background-position:left -220px; }
.contact_ul li.li7 { background-position:left -263px; }

/* content_ul */
.content_ul { padding:12px 2em; margin-bottom:18px; background:#F9F9F9; border:1px solid #E9E9E9; }
.content_ul li { padding:4px 12px; background:url(img/content_li.gif) no-repeat left 10px; }
.content_ul li.title { padding:4px 0; font-size:14px; font-weight:bold; background:none; }
.content_ul li h4 { padding:0 0 4px; }
/* float_ul */
.float_ul { padding-left:30px; margin-bottom:18px; color:#777; }
.float_ul li { width:265px; float:left; height:22px; padding:2px 12px; line-height:1.6em; background:url(img/content_li.gif) no-repeat left 8px; }
/* content_tbl */
.content_tbl { width:100%; border-collapse:collapse; margin-bottom:14px; }
.content_tbl td { text-align:left; vertical-align:top; padding:4px 12px; background:#FFF url(img/list_table_td.gif) repeat-y right; border:1px solid #D8D8D8; }
.content_tbl th { text-align:left; padding:3px 12px; color:#FFF; background:#7F7F7F url(img/list_table_th.gif) repeat-x bottom; border-bottom:1px solid #222; border-top:1px solid #606060; border-right:1px solid #818181; }

/* solution_display */
.solution_display .solution_menu li { font-size:12px; cursor:pointer; color:#777; }
.solution_display .solution_menu li:hover { text-decoration:underline; color:#3DB0F4; }
.solution_display .solution_menu li.c { font-size:14px; font-weight:bold; color:#0492DE; }
.solution_menu li { text-decoration:underline; }
.solution_c { display:none; }

/* features_show */
.features_show { margin-bottom:12px; padding:4px; background:#F0F5F7 url(img/features_show_bg.gif) repeat-y left; }
.features_list { background:url(img/features_content.gif) no-repeat right; }
.features_list ul { width:161px; }
.features_list ul li { cursor:default; line-height:30px; height:30px; padding:0 14px; color:#777; text-align:right; }
.features_list ul li.c { font-size:14px; background:url(img/features_list_c.gif) no-repeat left top; color:#0060AD; }
.features_content { float:right; }
.features_content img { display:none; }

/* confuse_div */
.confuse_div { padding:8px 0; margin:34px 0; border:2px solid #E8EFF4; background:url(img/confuse_div.gif) repeat-x top; }
.confuse_content { float:left; width:48%; padding:0 1%; }
.confuse_content h4 { font-weight:bold; height:50px; line-height:42px; overflow:hidden; padding-left:54px; color:#1A7CBA !important; }
.confuse_content h4.trouble { background:url(img/h4_trouble.gif) no-repeat left top; }
.confuse_content h4.give { background:url(img/h4_give.gif) no-repeat left top; }
.confuse_content .ul_list { padding-left:20px; }
.confuse_content .ul_list li { border-bottom:0; line-height:1.3em; padding-bottom:12px; padding-left:12px; }

/* botwave_link */
.botwave_link { clear:both; padding:12px 32px; margin-top:12px; border-top:1px dotted #CCC; color:#999; }
.botwave_link h2 { font-size:14px; padding:0 24px 4px; color:#333; }
.link_module { width:27%; padding:6px 3%; float:left; border-right:1px dotted #DDD;}
.botwave_link h3 { line-height:24px; padding-bottom:2px; font-weight:normal; }
.botwave_link h3 a { color:#555; }
.botwave_link h3 a strong { font-size:14px; color:#FD5D13; }
.botwave_link ul li a { color:#5F8CAA; }
.botwave_link ul li span { float:right; }

/* article_list */
.article_list { padding:14px; border-bottom:1px dotted #CCC; }
.article_list h4 { font-size:14px; padding:0 0 2px; }
.article_brief { padding:4px; line-height:1.5em; color:#999; }
.article_brief p { margin:0 0 6px; text-indent:2em; }
.article_info { text-align:right; color:#555; }
.article_info span , .article_info a { padding-right:6px; margin-right:6px; border-right:1px solid #AAA; color:#555; }
/* show_content_div */
.show_content h3 { font-size:14px; font-weight:bold; padding:6px 0 8px; }
.show_c_title { font-size:16px; font-weight:bold; text-align:center; padding-top:8px; color:#006DB1; }
.show_c_info { font-size:12px; font-weight:normal; line-height:26px; text-align:center; color:#999; }
.show_art { font-size:14px; padding:24px 16px; line-height:1.6em; word-break:break-all; overflow:auto; }
.show_art_stat { font-size:12px; text-align:right; padding:4px 16px; border-top:1px solid #DDD; color:#518CB2; }
.attachment { font-size:12px; padding:4px 8px 0; margin:4px 0; background:#F8FCFE; border:1px dashed #B3B3B3; }
.attachment a { font-weight:bold; padding-left:20px; background:url(img/ico_attach.gif) no-repeat; }
/* comment */
.comments { padding:12px; border-bottom:1px dotted #CCC; } 
.comments h4 { font-weight:normal; line-height:26px; padding-left:24px; padding-bottom:4px; color:#999; background:url(img/ico_comment.gif) no-repeat left 6px; }
.comments h4 strong { font-size:14px; margin-right:4px; color:#006DB1; }
.comments h4 a { margin-left:6px; }
.comment_c { font-size:12px; padding-left:24px; }
.comment_quote { margin:6px 0 6px 24px; padding:8px; border:1px dotted #D1D1D1; background:#F9FBFC; color:#888; }
.add_comment { padding:10px 0; }
.add_comment p { margin-bottom:6px; }

#jsweb8_cn_top{ overflow:hidden; height:360px;}
#jsweb8_cn_top li{ background:url(img/jsweb8_cn_top_li.gif) no-repeat; padding:25px 0; height:58px; text-align:center; cursor:pointer;}
#jsweb8_cn_top li:hover{ background:url(img/jsweb8_cn_top_li_hover.gif) no-repeat; }