* { margin: 0 auto; padding: 0; line-height: 24px; }
body { font-family: "微软雅黑", "Microsoft YaHei", "宋体"; font-size: 14px; width: 100%; }
img { border: 0px none; }
h1 { font-size: 24px; font-family: "微软雅黑", "Microsoft YaHei", "楷体", "宋体"; letter-spacing: 3px; }
h2 { font-size: 24px; line-height: 100px; }
h3 { color: #4b5769; font-size: 16px; line-height: 30px; }
a { text-decoration: none; }
a, p, li, h2, h3 { letter-spacing: 1px; }
ul { list-style: none; }

.wrap { width: 1000px; height: auto; }
.center-wrap { width: 1000px; text-align: center; padding: 10px 0; }
.desc { color: #999; }
.desc a { color: #CCC; text-decoration: underline; }
.line { margin-top: 30px; background-color: #ecedef; height: 1px; }
.clear { clear: both;}
.content { float: left; width: 710px; margin: 10px 10px 10px 0; }
.content * {max-height: 999999px;}
.li-title { font-weight: bold; margin-top: 8px;}
.side { float: right; width: 260px; margin: 10px; }
.side-bar { margin-bottom: 15px; border-radius: 3px; border: 1px solid #DDD; text-align: center; color: #9ca5b2; }
.side-bar h3 { border-bottom: 1px solid #DDD; }
.side-bar ul { margin: 5px 0; padding: 0 12px; }
.down-button { display: inline-block; width: 250px; height: 71px;
               background: url(../images/down-mini.png) no-repeat; }
.down-mini-button { display: inline-block; width: 146px; height: 48px; background: url(../images/download2.png) no-repeat; }
.purchase-button { display: block; margin: 10px 0px 20px 60px; width: 156px; height: 35px;
                   background: url(../images/btn_reg3.gif) no-repeat; }

.freetry-button { background-color: #4CAF50; border: none; color: white !important; margin-top: 10px; 
                  padding: 8px 26px; text-align: center; text-decoration: none; display: inline-block;
                  font-size: 14px; border-radius: 5px; letter-spacing: 2px; }
.freetry-button:hover {background-color: #239427; }
.freetry-button em { padding-left: 3px; font-size: 8px; letter-spacing: 1px; }


.header { background-color: #3b485b; width: 100%; font-size: 16px; position: fixed; top: 0; }
.header-space { height: 80px; }
.nav-container { height: 80px; }
.logo { float: left; display: inline-block; margin-top: 14px; width: 130px; height: 56px; background: url(../images/logo.png); }
.left-nav ol { float: left; margin-left: 20px; }
.left-nav li { display: inline-block; }
.left-nav li a { display: inline-block; line-height: 80px; color: #9da4ad; padding: 0 16px; }
.left-nav li a:hover { background-color: #455163; color: #FFF; }
.right-nav ol { float: right; margin-right: 10px; }
.right-nav li { display: inline-block; line-height: 80px; color: #9da4ad; padding: 0 16px; }
.right-nav li:hover { background-color: #455163; color: #FFF; }
#nav-qq { background: url(../images/wx.png) no-repeat 16px center; padding-left: 46px; }
#nav-qq a { display: inline-block; line-height: 80px; width: 100%; color: #9da4ad; }
#nav-share { background: url(../images/share.png) no-repeat 16px center; padding-left: 46px; cursor: pointer; }
#nav-share:hover { background-color: #455163; color: #FFF; }
#nav-share ol { position: absolute; top: 100%; margin-left: -72px; width: 100px; display: none; }
#nav-share ol > li { width: 90px; line-height: 35px; background-color: #455163; }
#nav-share ol > li a { color: #9da4ad; display: inline-block; width: 100%; }
#nav-share ol > li a:hover { color: #FFF; }
#nav-share:hover > ol { display: block; }

.product-nav ul { display: inline-block; border: 1px solid #E0E0E0; }
.product-nav li { display: inline-block; width:330px; }
.product-nav li a { display: inline-block; text-decoration: none;
                    line-height: 30px; color: #9da4ad; }
.product-nav .product-selected { background-color: #3b485b; }

.main-focus-container { width: 100%; background-color: #192845; }
.fenban-focus-container { width: 100%; background-color: #0E182E;}
.main-focus { float: left; height: 400px; width: 500px; color: #fff; }
.main-focus h1 { padding-top: 80px;  margin-bottom: 12px; font-size: 38px; color: #FFF; letter-spacing: 5px; }
.main-focus .down-button { margin: 80px 0 2px; }
.main-focus-img { float: right; padding-top: 40px; padding-right: 20px; }

.intro { text-align: center; color: #3b485b; }
.intro-text { line-height: 2; font-size: 14px; text-indent: 2em; text-align: left; width: 850px; }

.info { margin-top: 40px; margin-bottom: 30px; height: 180px; }
.info-box { margin-top: 20px; padding-left: 170px; height: 120px; }
.info-box ul { color: #9ca5b2; }
.new-version { float: left; width: 55%; }
.customers { float: right; width: 43%; }
#version-container { background: url(../images/upgrade.jpg) no-repeat; }
.customer-container { background: url(../images/customer.jpg) no-repeat; }
.feature { height: 360px; }
.feature h3 { font-size: 24px; line-height: 40px; padding: 40px 0 10px; }
.feature p { line-height: 24px; }
#customs-container { max-height: 120px; overflow:hidden; }

.feature-left { width: 500px; float: left; }
.feature-right { width: 500px; float: right; }
.mix-background { background-color: #F0F0F0; }
#img-algorithm { padding: 30px 80px; }
#img-excel { padding: 30px 50px; }
#img-simple { padding: 20px 80px; }
#img-combine { padding: 20px 70px; }

.download-wizard { height: 180px; line-height: 180px; text-align: center; }
.download-wizard span { font-size: 24px; letter-spacing: 2px; color: #4b5769; }
.download-wizard img { vertical-align: middle; margin-left: 30px; cursor: pointer; }
.user-voices { height: 300px; text-align: center; }
.user-voices h3 { font-size: 24px; line-height: 40px; padding-top: 40px; }
.user-voices ul { padding-top: 20px; }
.user-voices ul li { display: inline-block; text-align: left; vertical-align: top; }
#voice-center { padding: 0 30px; width: 420px; }
#voice-1 { width: 180px; }
#voice-3 { width: 310px; }
.voice-teacher { display: inline-block; width: 100%; text-align: right; font-style: italic;}

.down-center h1 { margin-bottom: 20px; font-size: 24px; }
.product-list { text-align: left; }
.product-list h2 { line-height: 40px; font-size: 20px; }
.product-list li { margin-bottom: 15px; padding: 5px 15px; background-color: #F0F0F0; border-radius: 3px;
                   border-top: 1px solid #E0E0E0; }

.info-content { min-height: 400px; text-align: left; }
.purchase-center h1 { color: #F00; margin-bottom: 20px; }
.purchase-feature {  margin-bottom: 10px;  padding-left: 35px; }
.purchase-feature li { display: inline-block; height: 50px; width: 200px; padding: 10px 0; }
.p-safe { background: url(../images/p-safe.png) no-repeat 15px 15px; }
.p-ever { background: url(../images/p-ever.png) no-repeat 15px 15px; }
.p-service { background: url(../images/p-service.png) no-repeat 15px 12px; }
.purchase-guide { text-align: left; }
.faq-list { text-align: left; }
.price-or-pay { color: #F00; }

/* order pages */
.order-form { margin-left: 20px; margin-bottom: 240px; padding: 25px 20px; border-top: solid 1px #E0E0E0;}
.order-form .input-wrapper { margin-bottom: 10px; text-align: left; }
.order-form h4 {
  display: inline-block;
  color: #333333;
  font-weight: bold;
  font-size: 14px;
  margin: 10px 0;
  width: 100px;
}

.input-wrapper input {
  padding: 5px 10px;
  min-width: 492px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #999999;
  height: 24px;
  outline: none;
}

.input-wrapper .check-input {
  margin-top: 10px;
  height: 20px;
  min-width: 20px;
}

.check-desc {
  padding-left: 10px;
  color: gray;
}

.input-wrapper select {
  padding: 5px 10px;
  min-width: 513px;
  font-size: 14px;
  border-radius: 4px;
  border: 1px solid #999999;
  height: 36px;
  outline: none;
}

.input-wrapper .static-input {
  padding: 5px 10px;
  min-width: 492px;
  font-family: "楷体","楷体_GB2312";
  font-weight: bold;
  font-size: 18px;
  border: none;
  height: 24px;
  outline: none; 
}

.pay-button { margin-top: 26px; text-align: center; }
.pay-button label{
    padding: 10px 25px;
    min-height: 48px;
    width: 100%;
    border: 1px solid #999999;
    background-color: #0000FF;
    border-radius: 4px;
    cursor: pointer;
}

.comm-doc { text-align: left; }
.comm-doc h3 { font-size: 14px; }
.announcement { text-align: center; margin-bottom: 15px; padding: 5px 15px; background-color: #3b485b; border-radius: 3px;
                border-top: 1px solid #E0E0E0; }
.announcement h2 { line-height: 60px; font-size: 20px; color: #999999;}
.announcement p { font-weight: bold; color: #e0e0e0; font-size: 16px;
                  padding-top: 5px; }

.download-desc { color: #999; }
.download-desc a { color: #333; text-decoration: underline; }

.item-table { width: 100%; margin-bottom: 3px;}
.item-table td { border-top: solid 1px #E0E0E0; }
.item-table-name { width: 50%; }
.item-table-price { width: 20%; }
.item-table .purchase-button { margin: 2px; }

#messageform { margin: 20px 0 50px; text-align: left; }
#messageform textarea { width: 990px; height: 360px; resize: none; padding: 3px 5px; line-height: 24px; font-size: 18px;
                        font-family: "楷体", "微软雅黑", "Microsoft YaHei", "宋体"; letter-spacing: 1px; }
#messageform input[type=text] { width: 100%; }
#submitorder { width: 140px; height: 36px; line-height: 18px; padding-bottom: 4px; border:0px;	font-size: 14px;	margin-top:4px;
             background: url(../images/bg26.jpg) no-repeat left top;	color: white; cursor: pointer; letter-spacing: 3px; }
.submit-container { text-align: center; margin-top: 5px; }

.preview h1 { margin: 15px 0 10px; }
.preview li { margin: 5px 0 15px; }

.soft-list { margin: 20px 0 190px; }
.soft-list li { display: inline-block; margin: 10px; width: 210px; line-height: 60px;
                background-color: #F0F0F0; border-radius: 3px; font-size: 18px; }
.soft-list li a { color: #4b5769; }

.help-article { padding-bottom: 50px; }
.help-article h1 { margin-top: 20px; margin-bottom: 30px; }
.help-article h3 { text-align: left; font-size: 14px; }
.help-article p { text-align: left; text-indent: 2em; }
.help-article a { color: #111; text-decoration: underline; }
.help-article img { max-width: 650px; margin: 5px 0 12px; }
.help-article ol { text-align: left; list-style-type: decimal; padding-left: 2em; }
.help-menu li a { color: #9ca5b2; }
.tip { background-color: #EEE; border: 1px solid #DDD; margin: 5px 0; padding: 5px; }
.help-article .center-tip { text-align: center; color: #666; }

.articles-list { padding: 10px 0; }
.articles-list li { display: inline-block; }
.fat-item { width: 36%; }
.thin-item { width: 27%; }
.articles-list a { color: #7a8492; }

.footer-wrap { width: 100%; background-color: #3b485b; }
.footer { height: auto; padding-bottom: 40px; color:#9ca5b2; }
.contact-info { line-height: 40px; color:#9ca5b2; }
.contact-info h3 { color: #9ca5b2; display: inline-block; font-size: 14px; }
.contact-info ul { display: inline-block; }
.contact-info ul li { display: inline-block; padding-left: 20px; }
.footer-line { clear: both; margin: 5px 0; background-color: #455163; height: 1px; }
.footer-internal { height: 60px; }
.footer-copy { float: right; padding-top: 8px; text-align: right; }
.footer-links { float: left; padding-top: 8px; }
.footer-links a { color: #9ca5b2; }
#beian { color:#9ca5b2; }
.beian-ga { background: url(../images/beian.png) no-repeat 0 center; margin-left: 10px; padding-left: 20px; }