@charset "utf-8";
/* CSS Document */
body, div, img, ul, ul li, p, h1, h2, h3, h4, h5, form { margin:0; padding:0; list-style:none; border:0; }

body { background-color: #ffffff; font-family:"宋体"; font-size:12px; color:#333333; }


/* Clear Fix */ 
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/* Hide from IE Mac \*/ 
.clearfix { display:block; }
/* End hide from IE Mac */ 
/* end of Clear Fix */ 

#top { width:877px; height:123px; overflow:hidden; margin:0 auto; }
#top .logo { float:left; width:257px; height:54px; margin:0 0 0 5px; }
#top .right { float:right; height:66px; margin:10px 10px 0 0; text-align:right; }
#top .right p.tool { text-align:right; height:25px; }
#top .right p.onlineservice { text-align:right; height:22px; margin:28px 0 0 0; }
#top .right p.onlineservice img { margin:0 3px 0 0; }
#top .right a { text-decoration:none; color:#000000; }
#top .right a:hover { text-decoration:underline; }

#nav, #nav ul li, #nav .index { background-image:url(../images/nav.items.gif); background-repeat:no-repeat; }
#nav ul { padding:5px 0 0 8px; }
#nav ul li { float:left; width:79px; height:26px; color:#ffffff; text-align:center; background-position:-100px -100px; padding:0 5px 0 0; cursor:pointer; }
#nav ul li:hover { width:79px; height:26px; color:#531808; overflow:hidden; background-position:-1px -38px; }
#nav { clear:both; float:left; width:877px; height:36px; background-position:-1px -1px; margin:11px 0 0 0; line-height:26px; font-weight:bold; }
#nav .index, #nav .current, #nav li:hover { width:79px; height:26px; color:#531808; overflow:hidden; background-position:-1px -38px; }
#nav .logined { float:right; height:26px; line-height:26px; margin-right:8px; font-size:12px; font-weight:normal; color:#FFFFFF; }
#nav .logined span { color:#FF9900; font-weight:bold; }
#nav .logined input { width:49px; height:22px; line-height:22px; color:#ffffff; margin:0 0 0 6px; font-size:12px; border:0; background-image:url(../images/index.top.quit.gif); }

#main { width:877px; height:458px; margin:0 auto; padding:13px 0 13px 0; }
#main .left { float:left; width:625px; height:608px; overflow:hidden; }
#main .left .banner { float:left; width:625px; height:234px; }
#main .left .summary { float:left; width:625px; height:115px; margin:10px 0 0 0; }
#main .left .summary .title { float:left; margin:0 0 10px 10px; }
#main .left .summary .list { float:left; clear:both; width:625px; height:85px; }
#main .left .summary .list .title { font-size:14px; font-weight:bold; color:#575757; margin:0 auto; padding:10px 10px 0 10px; }
#main .left .summary .list .content { font-size:12px; color:#b1b1b1; float:left; width:131px; line-height:20px; padding:2px 10px 0 10px; }
#main .left .summary .list .title_hover { font-size:14px; font-weight:bold; color:#ff8a00; margin:0 auto; padding:10px 10px 0 10px; }
#main .left .summary .list .content_hover { font-size:12px; color:#f0c38e; float:left; width:131px; line-height:20px; padding:2px 10px 0 10px; }
#main .left .summary .list .summary_1, #main .left .summary .list .summary_1_hover, #main .left .summary .list .summary_2, #main .left .summary .list .summary_2_hover, #main .left .summary .list .summary_3, #main .left .summary .list .summary_3_hover, #main .left .summary .list .summary_4, #main .left .summary .list .summary_4_hover { float:left; width:151px; height:85px; background-image:url(../images/index.main.left.summary.items.gif); background-repeat:no-repeat; cursor:pointer; }
#main .left .summary .list .summary_1 { background-position:0px 0px; }
#main .left .summary .list .summary_1_hover { background-position:0px -85px; }
#main .left .summary .list .summary_2 { background-position:0px -170px; }
#main .left .summary .list .summary_2_hover { background-position:0px -255px; }
#main .left .summary .list .summary_3 { background-position:0px -340px; }
#main .left .summary .list .summary_3_hover { background-position:0px -425px; }
#main .left .summary .list .summary_4 { background-position:0px -510px; }
#main .left .summary .list .summary_4_hover { background-position:0px -595px; }
#main .left .summary .list .spase { float:left; width:7px; height:85px; overflow:hidden; }
#main .left .ad { float:left; width:625px; height:84px; margin:10px 0 0 0; }
#main .left .tianjia { float:left; width:625px; height:313px; margin:10px 0 0 0; }
#main .left .tianjia a { font-size:12px; text-decoration:none; color:#575757; }
#main .left .tianjia a:hover { font-size:12px; text-decoration:underline; color:#575757; }
#main .right .sample_enter { float:left; width:242px; height:93px; margin:11px 0 0 0; }
* html #main .right .sample_enter { float:left; width:242px; height:93px; margin:6px 0 0 0; }
.lianjie a { font-size:12px; text-decoration:none; color:#666666; }
.lianjie a:hover { font-size:12px; text-decoration:underline; color:#666666; }
#main .left .ad .left { float:left; width:306px; height:84px; }
#main .left .ad .right { float:right; width:306px; height:84px; }
#main .right { float:right; width:242px; height:608px; overflow:hidden; }
#main .right .news, #main .right .login { background-image:url(../images/index.main.right.items.gif); background-repeat:no-repeat; }
#main .right .login { float:left; width:242px; height:156px; }
#main .right .login h2 { float:left; color:#575757; font-size:14px; font-weight:bold; margin:11px 0 8px 12px; }
* html #main .right .login h2 { float:left; color:#575757; font-size:14px; font-weight:bold; margin:11px 0 8px 6px; }
#main .right .login .line { width:242px; height:1px; overflow:hidden; float:left; background-color:#e5e5e4; }
#main .right .login .logined { float:left; clear:both; width:212px; height:30px; margin:10px 15px 15px 15px; text-align:left; }
#main .right .login .logined ul li { color:#676767; line-height:20px; height:20px; }
#main .right .login .logined .welcomeinfo { font-size:14px; width:212px; height:24px; overflow:hidden; line-height:22px; color:#000000; }
#main .right .login .logined .welcomeinfo span { color:#FF0000; }
#main .right .login .logined .buycar { width:62px; font-family:Arial, Helvetica, sans-serif; height:19px; line-height:19px; color:#531808; border:0; margin:0; padding:0; cursor:pointer; background-image:url(../images/logined.buycar.gif); }
#main .right .login .logined a { color:#676767; text-decoration:none; }
#main .right .login .logined a:hover { color:#676767; text-decoration:underline; }
#main .right .login .row { clear:both; float:left; width:242px; height:25px; margin:0 0 10px 0; }
#main .right .login .row label { float:left; text-align:right; width:60px; height:25px; line-height:25px; padding-right:5px; }
#main .right .login .row input { float:left; width:151px; height:17px; line-height:17px; padding:3px; border:#d1d1d1 1px solid; background-image:url(../images/input.text.bg.gif); background-repeat:repeat-x; color:#d9d9d9; }
#main .right .login .button { clear:both; float:left; width:161px; height:24px; line-height:24px; padding:4px 0 0 63px; }
#main .right .login .button a { color:#333333; text-decoration:none; }
#main .right .login .button a:hover { color:#333333; text-decoration:underline; }
#main .right .login .button input { float:left; width:46px; height:24px; line-height:24px; overflow:hidden; margin:0 5px 0 0; border:0; background-image:url(../images/index.main.right.login.button.bg.gif); background-repeat:no-repeat; cursor:pointer; }
#main .right .download { clear:both; float:left; width:242px; height:67px; margin:12px 0 0 0; }
#main .right .news { float:left; width:242px; height:260px; background-position:0px -157px; margin:9px 0 0 0; }
#main .right .news a { color:#575757; text-decoration:none; }
#main .right .news a:hover { color:#575757; text-decoration:underline; }
#main .right .news .newdata { color:#FF0000; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
#main .right .news h2 { float:left; font-size:14px; font-weight:bold; color:#575757; margin:10px 0 0 13px; }
* html #main .right .news h2 { float:left; font-size:14px; font-weight:bold; color:#575757; margin:10px 0 0 7px; }
#main .right .news .time { color:#acacac; }
#main .right .news .content { color:#6e6e6e; padding:4px 0 0 0; }
#main .right .news ul { clear:both; float:left; width:216px; margin:6px 13px 0 13px; }
* html #main .right .news ul { clear:both; float:left; width:216px; margin:6px 13px 0 7px; }
#main .right .news ul li { padding:7px 0 0px 0; }

/* start help */
#main { width:877px; margin:0 auto; padding:13px 0 13px 0; }
#main .left { float:left; width:222px; }
#main .right { float:right; width:645px; }
#main .right .item { float:left; width:645px; margin-bottom:10px; }
#main .right .item .header { float:left; width:645px; height:5px; overflow:hidden; background-image:url(../images/help.right.item.header.bg.gif); background-repeat:no-repeat; }
#main .right .item .content { float:left; width:645px; background-image:url(../images/help.right.item.content.bg.gif); background-repeat:repeat-y; padding:0 0 5px 0; }
#main .right .item .content p { clear:both; width:625px; margin:0 auto; padding:7px 0 0 0; color:#575757; line-height:22px; }
#main .right .item .content a { color:#575757; text-decoration:none; }
#main .right .item .content a:hover { color:#575757; text-decoration:underline; }
#main .right .item .content h2 { float:left; margin:7px 0 0 11px; font-size:16px; font-weight:bold; color:#531808; }
#main .right .item .content h3 { float:left; margin:10px 0 0 11px; font-size:12px; font-weight:bold; color:#531808; }
#main .right .item .content span { color:#aaaaaa; }
#main .right .item .content ul { clear:both; width:625px; margin:0 auto; padding:7px 0 0 0; }
#main .right .item .content ul li { clear:both; height:22px; line-height:22px; color:#575757; float:left; }
#main .right .item .footer { float:left; width:645px; height:5px; overflow:hidden; background-image:url(../images/help.right.item.footer.bg.gif); background-repeat:no-repeat; }
/* end help */

/* start faq */
#faq { float:left; width:222px; overflow:hidden; }
#faq .header { float:left; width:222px; height:30px; overflow:hidden; background-image:url(../images/faq.header.bg.gif); background-repeat:no-repeat; }
#faq .header h2 { float:left; color:#575757; font-size:14px; font-weight:bold; margin:8px 0 0 10px; }
#faq .header .learnmore { float:right; height:30px; line-height:30px; margin:0 10px 0 0; }
#faq .header .learnmore a, #faq .header .learnmore a:hover { color:#000000; font-size:12px; text-decoration:none; }
#faq .content a { color:#575757; text-decoration:none; }
#faq .content a:hover { text-decoration:underline; }
#faq .content { float:left; width:222px; background-image:url(../images/faq.content.bg.gif); background-repeat:repeat-y; padding:5px 0 3px 0; }
#faq .content ul { clear:both; width:202px; margin:0 auto; }
#faq .content ul li { clear:both; width:200px; line-height:24px; float:left; }
#faq .content span { color:#aaaaaa; }
#faq .footer { float:left; width:222px; height:5px; overflow:hidden; background-image:url(../images/faq.footer.bg.gif); background-repeat:no-repeat; }
#faqad { float:left; clear:both; width:222px; height:86px; margin:10px 0 0 0; }
/* end faq */


/* start download */
#main { width:877px; margin:0 auto; padding:13px 0 13px 0; }
#main .left { float:left; width:222px; }
#main .right { float:right; width:645px; }
#main .right .header { float:left; width:645px; height:30px; background-image:url(../images/download.header.bg.gif); background-repeat:no-repeat; }
#main .right .header h2 { float:left; font-size:14px; font-weight:bold; margin:8px 0 0 10px; color:#575757; }
#main .right .header .gengxinrizhi { float:right; padding:6px 11px 0 0; }
#main .right .content { float:left; width:645px; background-image:url(../images/download.content.bg.gif); background-repeat:repeat-y; padding:0px 0 9px 0; }
#main .right .content .fangshi { float:left; padding:7px 0 5px 0; }
#main .right .content .fangshi ul { float:left; width:645px; height:80px; padding:10px 0 5px; }
#main .right .content .fangshi .left, #main .right .content .fangshi .left_on, #main .right .content .fangshi .right, #main .right .content .fangshi .right_on { width:158px; height:80px; background-image:url(../images/fangshi_select.gif); background-repeat:no-repeat; cursor:pointer; }
#main .right .content .fangshi .left { float:left; padding-left:82px; background-position:82px -80px; }
#main .right .content .fangshi .left_on, #main .right .content .fangshi .left:hover { float:left; padding-left:82px; background-position:82px 0; }
#main .right .content .fangshi .right { float:right; padding-right:82px; background-position:0 -240px; }
#main .right .content .fangshi .right_on, #main .right .content .fangshi .right:hover { float:right; padding-right:82px; background-position:0 -160px; }
#main .right .content .fangshi .fangshi_pic { float:left; text-align:center; width:641px; }
#main .right .content h2 { clear:both; width:605px; line-height:23px; margin:0 auto; padding:10px 0 1px 0; color:#4d4d4d; font-size:12px; font-weight:bold; }
#main .right .content h1 { clear:both; width:150px; height:31px; line-height:31px; text-align:center; padding:10px 0 0 15px; float:left; color:#ffffff; font-size:14px; font-weight:bold; background-image:url(../images/xiaotieshi.gif); background-repeat:no-repeat; background-position:15px 10px; }
#main .right .content .xiangguan { float:left; clear:both; padding:7px 0 15px 20px; line-height:22px; }
#main .right .content .xiangguan a { font-size:12px; color:#333333; text-decoration:underline; }
#main .right .content .xiangguan a:hover { font-size:12px; color:#333333; text-decoration:underline; }
#main .right .content .xiangguan li { }
#main .right .content p { clear:both; width:605px; margin:0 auto; color:#5d5d5d; line-height:20px; }
#main .right .content img.faq { float:left; margin:5px 5px 0 0; }
#main .right .footer { float:left; width:645px; height:5px; overflow:hidden; background-image:url(../images/download.footer.bg.gif); background-repeat:no-repeat; }
/* end download */

/* start footer */
#footer { clear:both; width:877px; margin:0 auto; padding:30px 0 30px 0; color:#000000; font-family:Arial, Helvetica, sans-serif; }
#footer a { color:#000000; text-decoration:none; }
#footer a:hover { color:#000000; text-decoration:underline; }
#footer p { text-align:center; font-size:12px; line-height:18px; }
/* end footer */