@charset "utf-8";

body { margin:0; padding:0; font:normal 12px/1.231 Arial, SimSun, sans-serif; background:#bed9ee url(../images/site.bg.jpg) top center no-repeat; color:#000; }
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, button, p, blockquote, th, td { margin:0; padding:0; }
fieldset, img { border:0; }
table { border-spacing:0; }
ol, ul { list-style:none; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:400; }
strong { font-style:normal; font-weight:700; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:400; }
q:before, q:after { content:""; }
abbr, acronym { border:0; }
a { color:#2a70b4; text-decoration:none; }
a:hover { text-decoration:underline; }
.fL { float:left; }
.fR { float:right; }
.clr, .clear { clear:both; height:0; overflow:hidden; }
.clr_after { height:1%; }
.clr_after:after { clear:both; display:block; height:0; visibility:hidden; content:"."; }
.hide { display:none; }
.hidden { visibility:hidden; }

.gbl_header { clear:both; margin:0 auto; width:900px; height:120px; }
.gbl_header .logo { padding:22px 0 0 10px; height:56px; }
.gbl_header .logo a { display:block; width:352px; height:35px; }
.gbl_header .nav ul { padding:1px 10px 2px; height:39px; background:url(../images/header.nav.bg.png) 0 0 no-repeat; }
.gbl_header .nav ul li { float:left; display:inline; padding-right:2px; font:bold 14px SimSun; background:url(../images/header.nav.split.png) right center no-repeat; color:#fff; }
.gbl_header .nav ul li.last { background:none; } 
.gbl_header .nav ul li a { float:left; display:block; padding:0 26px; height:39px; color:#fff; outline:none; }
.gbl_header .nav ul li a:hover { text-decoration:none; background:url(../images/header.nav.active.png) top center no-repeat; }
.gbl_header .nav ul li a span { display:block; padding-top:14px; }
.gbl_header .about .nav_about a,
.gbl_header .product .nav_product a,
.gbl_header .solution .nav_solution a,
.gbl_header .download .nav_download a,
.gbl_header .tips .nav_tips a,
.gbl_header .service .nav_service a,
.gbl_header .forum .nav_forum a { background:url(../images/header.nav.active.png) top center no-repeat; }

.page { clear:both; margin:20px auto; width:900px; }
.page .leftPanel { float:left; padding-right:6px; width:240px; }
.page .centerPanel { float:left; width:460px; }
.page .mainPanel { float:right; width:654px; }
.page .rightPanel { float:right; padding-left:14px; width:180px; }

.gbl_footer { clear:both; margin:0 auto; border-top:1px solid #a5c3df; width:900px; text-align:center; color:#2a70b4; }
.gbl_footer .inner { padding:15px 0; border-top:1px solid #dfe9f3; }
.gbl_footer .links { line-height:20px; }
.gbl_footer .copyright { padding-top:5px; font-family:Verdana; }
.gbl_footer .copyright .coprtag { font-family:Arial; }

.homeslide {}

.homehot_wrap { padding:25px 0; background:url(../images/homehot_wrap.bg.jpg) left top repeat-x; }
.homehot { margin:0 auto; width:870px; }
.homehot .tabs { position:relative; margin-bottom:-3px; padding-left:1px; height:1%; }
.homehot .tabs:after { clear:both; display:block; height:0; visibility:hidden; content:"."; }
.homehot .tabs li { float:left; display:inline; margin-right:4px; padding:0 15px 0 0; height:25px; font:bold 12px/25px Verdana; background:url(../images/homehot.tab.s2.gif) right top no-repeat; color:#fff; cursor:pointer; overflow:hidden; }
.homehot .tabs li span { display:block; padding:0 0 0 15px; background:url(../images/homehot.tab.s1.gif) left top no-repeat; }
.homehot .tabs li.active { background-image:url(../images/homehot.tab.active.s2.gif); color:#286eb3; }
.homehot .tabs li.active span { background-image:url(../images/homehot.tab.active.s1.gif); }
.homehot .news_update { float:right; padding:5px 2px 0 0; height:16px; overflow:hidden; }
.homehot .news_update li { padding-left:20px; background:url(../images/gray_nu.gif) left 2px no-repeat; color:#fff; }
.homehot .news_update li a { color:#fff; }
.homehot .t3 { margin:0 3px; height:1px; background-color:#81add4; overflow:hidden; }
.homehot .t2 { margin:0 2px; height:1px; background-color:#80abd1; overflow:hidden; }
.homehot .t1 { margin:0 1px; height:1px; background-color:#7da6ca; overflow:hidden; }
.homehot .bd { padding:15px; border-left:1px solid #b5d2e8; border-right:1px solid #b5d2e8; background:#fff url(../images/homehot.bd.bg.jpg) left bottom repeat-x; }
.homehot .b1 { margin:0 1px; height:1px; background-color:#a2b9cb; overflow:hidden; }
.homehot .b2 { margin:0 2px; height:1px; background-color:#abc3d6; overflow:hidden; }
.homehot .b3 { margin:0 3px; height:1px; background-color:#b3cce0; overflow:hidden; }

.homehot .innerAd { float:right; }
.homehot .tabs_ct { display:none; }
.homehot .products { border:0; width:auto; }
.homehot .products th { padding-bottom:5px; font:bold 12px SimSun; vertical-align:top; }
.homehot .products td { vertical-align:top; }
.homehot .products .items_2col li { float:left; width:104px; }
.homehot .products .items li { padding:4px 0 4px 6px; background:url(../images/gray_dot.gif) left 9px no-repeat; }
.homehot .solutions { float:left; padding-top:10px; width:340px; }
.homehot .solutions .simg { float:left; }
.homehot .solutions ul { margin-left:100px; padding-left:12px; line-height:22px; list-style:square outside none; color:#a9a9a9; }
.homehot .intro { float:left; padding-top:10px; width:340px; }
.homehot .intro .simg { float:left; }
.homehot .intro p { margin-left:110px; padding-right:20px; line-height:22px; }
.homehot .contact { float:left; padding-top:10px; padding-left:20px; border-left:1px solid #ddd; width:320px; }
.homehot .contact p { line-height:22px; }

.sidenav { padding-bottom:90px; width:233px; height:1%; background:url(../images/sidenav.bg.gif) right bottom no-repeat; }
.sidenav:after { clear:both; display:block; height:0; visibility:hidden; content:"."; }
.sidenav li { float:left; width:100%; height:48px; line-height:48px; font-size:14px; text-indent:18px; background:url(../images/sidenav.item.bg.gif) right bottom no-repeat; color:#2a70b4; }
.sidenav li.first { background:url(../images/sidenav.item.first.bg.gif) right bottom no-repeat; }
.sidenav li.active span { display:block; height:46px; line-height:48px; background:url(../images/sidenav.item.active.gif) right 3px no-repeat; cursor:default; overflow:hidden; }
.sidenav li a { display:block; width:100%; height:46px; outline:none; }
.sidenav li a:hover { display:block; height:46px; line-height:48px; text-decoration:none; background:url(../images/sidenav.item.hover.gif) right 3px no-repeat; overflow:hidden; }
.sidenav li b { margin-left:8px; font:normal 10px Arial; color:#555; }

.boxRd { clear:both; width:auto; }
.boxRd .t3 { margin:0 3px; height:1px; background-color:#3176ba; overflow:hidden; }
.boxRd .t2 { margin:0 2px; height:1px; background-color:#3176ba; overflow:hidden; }
.boxRd .t1 { margin:0 1px; height:1px; background-color:#3176ba; overflow:hidden; }
.boxRd .hd { padding:5px 10px; font-weight:400; background-color:#3176ba; color:#fff; }
.boxRd .bd { border-left:1px solid #3176ba;  border-right:1px solid #3176ba; background-color:#ddebf6; }
.boxRd .b1 { margin:0 1px; border-left:1px solid #3176ba;  border-right:1px solid #3176ba; height:1px; background-color:#ddebf6; overflow:hidden; }
.boxRd .b2 { margin:0 2px; border-left:1px solid #3176ba;  border-right:1px solid #3176ba; height:1px; background-color:#ddebf6; overflow:hidden; }
.boxRd .b3 { margin:0 3px; height:1px; background-color:#3176ba; overflow:hidden; }

.linelist { padding:10px; }
.linelist li { padding:0; border-bottom:1px dashed #bad0e6; line-height:30px; }
.linelist li span.pre { padding:0 5px; font-family:Verdana; font-size:9px; color:#2a70b4; }

.prolist { padding:10px; }
.prolist dl { padding:10px 10px 10px 0; border-bottom:1px solid #2a70b5; }
.prolist dt { float:right; padding:0 10px 10px; border-bottom:1px solid #cfdfee; width:480px; }
.prolist dt .ext { float:right; }
.prolist dt .ext img { vertical-align:middle; }
.prolist dt .ext .cc { text-decoration:underline; }
.prolist dt .title { font-size:14px; font-weight:700; }
.prolist dd.thumb { float:left; text-align:center; }
.prolist dd.intro { float:right; padding:10px 10px 0 10px; width:480px; line-height:20px; color:#525252; }
.prolist dd.intro .t { padding-right:8px; }
.prolist dd.intro .t b { font-weight:400; color:#2b6fb6;}

.prodetail .prohd { padding:10px; }
.prodetail .prohd dt { float:right; width:410px; font:bold 16px Arial; color:#000; }
.prodetail .prohd dd.img { float:left; width:220px; text-align:left; }
.prodetail .prohd dd.img img {  border:1px solid #ddd; }
.prodetail .prohd dd.intro { float:right; width:410px; }
.prodetail .prohd dd.intro img { vertical-align:middle; }
.prodetail .prohd dd.intro p { padding-top:10px; }
.prodetail .proct { padding:10px; }
.prodetail .proct dt { padding-bottom:10px; }
.prodetail .proct dd { line-height:25px; }
.prodetail .proct dd h4 { font-weight:700; }
.prodetail .proct dd ul { padding-left:14px; list-style:square outside none; }
.prodetail .ucomment { padding:10px; }
.prodetail .comment { margin-top:10px; padding:5px 10px; background-color:#fff; color:#555; }
.prodetail .comment h4 { margin-bottom:10px; padding-left:20px; background:url(../images/icon12.ucomment.gif) left center no-repeat; }
.prodetail .comment h4 .star { float:right; }
.prodetail .comment h4 .pubdate { font:normal 11px Verdana; }
.prodetail .comment p { line-height:20px; }
.prodetail .postcomment table { width:100%; }
.prodetail .postcomment td { padding-bottom:5px; }
.prodetail .postcomment .c1 { width:180px; }
.prodetail .postcomment .c2 { width:180px; }
.prodetail .postcomment .c3 { text-align:right; }
.prodetail .postcomment label { padding:0 10px; }
.prodetail .postcomment textarea { width:100%; height:60px; }
.prodetail .postcomment .btn_postcomment { margin:0; padding:0; border:0; width:88px; height:26px; background:url(../images/btn.postcomment.gif) no-repeat; cursor:pointer; }
.prodetail .title { padding-left:28px; width:80px; height:27px; font-size:14px; font-weight:700; background:url(../images/prodetail.title.bg.gif) 0 0 no-repeat; color:#000; }
.prodetail .title span { display:block; padding-top:3px; }
.prodetail .btn { display:block; margin:0; padding:0 0 0 15px; border:0; height:26px; text-decoration:none; background:url(../images/prodetail.btn.bg.gif) 0 0 no-repeat; color:#fff; cursor:pointer; outline:none; }
.prodetail .btn:hover { text-decoration:none; }
.prodetail .btn span { float:left; display:inline; padding-right:15px; height:26px; line-height:26px; background:url(../images/prodetail.btn.bg.gif) 100% -26px no-repeat; }


.boxCB { clear:both; width:auto; }
.boxCB .hd { padding:0 10px; line-height:20px; font-weight:700; background-color:#2a70b4; color:#fff; }
.boxCB .bd { padding:10px 15px; background-color:#e4eff8; line-height:18px; }
.boxCB .bd .contactImg { float:left; margin:0 12px 12px 0; }
.boxCB .bd .tel { clear:both; padding-left:20px; line-height:18px; background:url(../images/contact.tel.gif) left center no-repeat; }

.article { clear:both; width:auto; font-family:SimSun,Arial,Helvetica,sans-serif; }
.article h3.title { padding:5px 0 20px 15px; font:bold 14px SimSun; background:url(../images/article.title.gif) left 7px no-repeat; }
.article p { margin:0 0 15px; line-height:24px; }
.article table { margin:0 0 10px; border:0; border-collapse:collapse; width:100%; }
.article th { padding:8px; border:1px solid #ccc; border-top:4px solid #8997a0; background-color:#dfebf7; }
.article td { padding:8px; border:1px solid #ccc; background-color:#dfebf7; }

.pagenavi { margin:0; padding:5px 10px 15px; text-align:right; font:normal 12px/1.231 Tahoma; }
.pagenavi a { padding:4px 2px; border:0; text-decoration:none; outline:none; }
.pagenavi .first { font-size:12px; }
.pagenavi span.current { padding:4px 2px; font-weight:700; color:#555; }
.pagenavi span.extend { padding:4px 2px; font-weight:400; color:#555; }

.down_detail h3 { padding:10px; font:bold 14px SimSun; }
.down_detail .info { margin:0 5px; padding:0 5px; font:normal 12px/20px SimSun; background-color:#bed9ee; color:#787878; }
.down_detail h4 { padding:15px 10px 10px; font-weight:700; }
.down_detail p { padding:0 10px 10px; line-height:24px; color:#787878; }
.down_detail .btns { padding:10px 0 20px; text-align:center; }