body{ margin:0px; padding:0px; background: url(../images/bg.jpg) top no-repeat  #dbdac4;}
.top{ width:100%; height:43px; background: url(../images/top_bj.png);}
.logo{ width:165px;float:left;}
.part{ width:510px; height:40px; float:left;}
.part ul{ padding:0px; margin:0px; list-style:none;}
.part ul li{ float:left; width:70px; height:40px; background:url(../images/part.gif) left no-repeat; text-align:center;}
.software{ width:164px; height:40px; float:right;}
.login{ width:900px; height:75px; margin:0px auto; padding-top:350px;}
.login a:link{font-size: 12px; line-height: 27px; font-weight: normal; color: #d6d6d6; text-decoration: none;}
.login a:visited{font-size: 12px; line-height: 27px; font-weight: normal; color: #d6d6d6; text-decoration: none;}
.login_left{float:left; width:95px; height:75px; background:url(../images/login_img01.png); _background:url(../images/login_img01.gif);}
.login_content{ float:left; width:780px; height:75px; background:url(../images/login_img02.png); _background:url(../images/login_img02.gif)}
.login_content ul{ margin:0px; padding:27px 0px 0px 0px; list-style:none;font-size:12px; line-height:23px; color:#d6d6d6;}
.login_content ul li{float:left;}
.login_right{ float:left; width:17px; height:75px; background:url(../images/login_img03.png); _background:url(../images/login_img03.gif);}
.input{ margin:0px 2px; width:130px; height:16px; border: solid 1px #e1f3fd; background-color:#e1f3fd;}
.content{ width:900px; margin:0px auto; height:520px; padding-top:10px;}
.content_left{width:287px; float:left; height:300px;}
.score{width:100%; height:45px; background:url(../images/score.png); _background:url(../images/score.gif);}
.score01{float:left; width:70px; font-size:20px; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:45px; text-align:center;}
.score02{float:left; width:150px; font-size:12px; line-height:45px; color:#FFFFFF;}
.score03{float:left; width:60px; font-size:36px; line-height:45px; color:#fff; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:45px; text-align:center; font-style: italic;}
.score_text{ width:284px; height:144px; border-left:solid 2px #6b6b6b; border-right:solid 1px #d3d3d3; background:#FFFFFF;}
.score_text ul{ width:265px; height:124px; margin:0px; padding:5px; list-style:none;}
.score_text ul li{ width:100%; overflow:hidden; font-size:12px; color:#737373;}
.news{width:100%; height:334px; background: url(../images/img02.png) bottom no-repeat; _background: url(../images/img02.gif) bottom no-repeat;}
.news_bj{ width:100%; height:325px; background-image: url(../images/img_01.gif);}
.news_top{ width:284px; height:29px; margin-left:2px; background:url(../images/news_bj.gif);border-right:solid 1px #d3d3d3;}
.news_content{}
.news_content ul{ margin:0px; padding:5px 0px 0px 10px; list-style:none;border-right:solid 1px #d3d3d3;}
.news_content ul li{ width:260px; text-indent:5px; background:url(../images/img_02.gif) left no-repeat;}
.content_right{ float:left; width:612px; height:522px;}
.features{ width:100%; height:30px; background:url(../images/img03.png) right no-repeat; _background:url(../images/img03.gif) right no-repeat;}
.features_text{width:600px; height:30px; background: url(../images/img_03.gif);}
.features_content{ width:590px; height:149px; padding:10px 10px 0px 10px;; border-right:solid 2px #6b6b6b; background:#FFFFFF;}
.input_text{float:left; width:335px; height:139px;}
.img_input{ float:right; width:100px; text-align:right;}
.img_input{ float:right; width:100px; text-align:right;}
.img_input ul{ margin:0px; padding:0px; list-style:none;}
.img_input ul li{height:27px; width:89px; overflow:hidden; text-align:center; margin-bottom:7px;}
.js{ background:url(../images/img_05.gif); width:89px; height:27px;}
.js_on{ background:url(../images/img_05on.gif); width:89px; height:27px;}
#alltitle LI{cursor:pointer;}
.material{ width:610px; height:180px; border-right:solid 2px #6b6b6b; background:#FFFFFF;}
.material_text{ width:100%; height:29px; background:url(../images/news_bj.gif);}
.material_input{ width:87px; height:25px; background: url(../images/img_10.gif); border:solid 1px #d3d3d3;}
.material_content{ width:600px; height:130px;}
.material_content ul{ margin:0px; padding:0px 0px 0px 2px;; list-style:none;}
.material_content ul li{ margin:4px 0px 0px 4px; text-align:center; float:left; width:93px; height:23px; background: url(../images/img_10.gif); border:solid 1px #d3d3d3;}
.screenshots{ width:612px; height:154px; background:url(../images/img04.png) bottom right no-repeat; _background:url(../images/img04.gif) bottom right no-repeat;}
.screenshots_top{ width:610px; height:29px; background:url(../images/news_bj.gif); border-right:solid 2px #6b6b6b;}
.screenshots_content{ width:610px; height:115px; background:#FFFFFF; border-right:solid 2px #6b6b6b;}
.screenshots_content ul{ margin:0px; padding:10px 0px 0px 2px; list-style:none;}
.screenshots_content ul li{ float:left; padding-left:5px; width:145px; height:104px; overflow:hidden;}
.foot{ width:900px; height:30px; margin:0px auto; text-align:center; color:#000; font-size:12px; line-height:28px;}



#menu01{ width:590px; height:149px; padding:10px 10px 0px 10px;; border-right:solid 2px #6b6b6b; background:#FFFFFF;}
#menu_con{float:left; width:486px; height:139px;}
#menu{ float:right; width:100px; text-align:right;}
#menu #nav{display:block; margin:0px; padding:0px; list-style:none;}
#menu #nav li{display:block;text-decoration:none; height:27px; width:89px; overflow:hidden; text-align:center; margin-bottom:7px;}
#menu #nav li a {display:block;line-height:27px;text-decoration:none;padding:0 0 0 5px; text-align:center}


.gray,.gray a:link,.gray a:visited{font-size: 12px; line-height: 40px; font-weight: normal; color: #676767; text-decoration: none;}
.gray a:hover{font-size: 12px; line-height: 40px; font-weight: normal; color: #3670a7; text-decoration: none;}


.gray01,.gray01 a:link,.gray01 a:visited{font-size: 12px; line-height:29px; font-weight: normal; color: #676767; text-decoration: none;}
.gray01 a:hover{font-size: 12px; line-height:29px; font-weight: normal; color: #3670a7; text-decoration: none;}


.gray02,.gray02 a:link,.gray02 a:visited{font-size: 12px; line-height:23px; font-weight: normal; color: #676767; text-decoration: none;}
.gray02 a:hover{font-size: 12px; line-height:23px; font-weight: normal; color: #3670a7; text-decoration: none;}

.gray03,.gray03 a:link,.gray03 a:visited{font-size: 12px; line-height:20px; font-weight: normal; color: #676767; text-decoration: none;}
.gray03 a:hover{font-size: 12px; line-height:20px; font-weight: normal; color: #3670a7; text-decoration: none;}

.blue,.blue a:link,.blue a:visited{font-size: 12px; line-height: 40px; font-weight: normal; color: #3670a7; text-decoration: none;}
.blue a:hover{font-size: 12px; line-height: 40px; font-weight: normal; color: #676767; text-decoration: none;}

.white,.white a:link,.white a:visited{font-size: 12px; line-height: 30px; font-weight: normal; color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.white a:hover{font-size: 12px; line-height:30px; font-weight: normal; color: #FFFF00; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}

.white01,.white01 a:link,.white01 a:visited{font-size: 12px; line-height: 27px; font-weight: normal; color: #fff; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.white01 a:hover{font-size: 12px; line-height:27px; font-weight: normal; color: #FFFF00; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}

.blue01,.blue01 a:link,.blue01 a:visited{font-size: 12px; line-height: 27px; font-weight: normal; color: #3670a7; text-decoration: none;}
.blue01 a:hover{font-size: 12px; line-height: 27px; font-weight: normal; color: #fff; text-decoration: none;}