body { margin: 10px auto 5px; font-family: Arial, "宋体" ,Verdana; font-size: 12px; width: 980px; line-height: 18px; color: #333; }
html { overflow-y: scroll; }
form { margin: 0; }
div { text-overflow: ellipsis; white-space: normal; overflow: hidden; }
td, th { text-overflow: ellipsis; }
p { line-height: 20px; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; color: #000; }
div.digg { padding: 3px; font-family: Verdana; font-size: 12px; }
div.digg a { border: #0686c5 1px solid; padding: 2px 5px; margin: 2px; color: #0686c5; text-decoration: none; }
div.digg a:hover { border: #0686c5 1px solid; color: #000; }
div.digg a:active { border: #0686c5 1px solid; color: #000; }
div.digg span.current { border: #0686c5 1px solid; padding: 2px 5px; font-weight: bold; margin: 2px; color: #0686c5; background-color: #cde7f3; }
div.digg span.disabled { border: #DDDDDD 1px solid; padding: 2px 5px; margin: 2px; color: #ddd; padding-top: 2px; }
.textindent p { text-indent: 2em; }

img { border: none; }

.hand { cursor: pointer; }
.divL { float: left; }
.divR { float: right; }
.areaT { background: url( "../Resource/box.gif" ) no-repeat right top; height: 5px; overflow: hidden; }
.areaT span { background: url( "../Resource/box.gif" ) no-repeat left top; width: 5px; height: 5px; display: block; }
.areaM { background-color: #fff; border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; }
.areaM .filter { padding-left: 10px; background: url( "../Resource/filter.gif" ) repeat-x !important; overflow: hidden; }
.areaB { background: url( "../Resource/box.gif" ) no-repeat right -5px; height: 5px; overflow: hidden; margin-bottom: 0.5em; }
.areaB span { background: url( "../Resource/box.gif" ) no-repeat left -5px; width: 5px; height: 5px; display: block; }
.clear { clear: both; overflow: hidden; height: 0; }
.divH { clear: both; margin: 10px 0 0; overflow: hidden; }
input, textarea { border: 1px solid #c6c6c6; font-size: 12px; }
.select { border: 1px solid #c6c6c6; height: 20px; }
.btm { border-bottom: 1px solid #c6c6c6; }
#header .top { float: right; text-align: right; line-height: 25px; color: #333; }
#header .top span { color: #0860a8; }
#header .top a { color: #333; margin: 0px 4px; }
#header .top a:hover { color: #000; }
#header .logo { background: url( "../Resource/logo.gif" ) no-repeat; width: 149px; height: 27px; float: left; margin: 30px 0 0 10px; }
#header ul { float: left; list-style: none; margin: 20px 0 0 50px; width: 642px; }
#header li { float: left; font-weight: bold; font-size: 14px; margin: 0 10px; display: block; }
#header li .now { background-color: #0686c5; padding: 5px 10px 2px; color: #fff; }
#header li .index { color: #0860a8; }
#header li a { padding: 5px 10px 2px; display: block; text-decoration: none; }
#header li a:hover { background-color: #0686c5; color: #fff; display: block; text-decoration: none; }
#header .submenu { background-color: #0686c5; width: 980px; height: 30px; margin: 0; color: #fff; line-height: 30px; clear: both; }
#header .submenu a { color: #fff; }
#header .submenu a:hover { color: #fff; }
#header .submenu .now { color: #fff; font-weight: bold; }
#header .submenu .sol { padding-left: 310px !important; padding-left: 285px; }
#header .submenu .dev { padding-left: 385px !important; padding-left: 360px; }
/*#header .banner .index { background: url( "../Resource/index_banner.gif" ) no-repeat; width: 980px; height: 250px; }
#header .banner .culture { background: url(../Resource/cul_banner.gif) no-repeat; width: 980px; height: 129px; }
#header .banner .marketing { background: url(../Resource/marketing_banner.gif) no-repeat; width: 980px; height: 207px; }
*/

#footer { color: #555; border-top: 2px solid #ccc; padding: 5px 0 0; clear: both; }
#footer a { color: #555; padding: 0 5px; }
#footer a:hover { color: #000; padding: 0 5px; }
#footer .micro { background: url(../Resource/micro.gif) no-repeat; width: 60px; height: 28px; float: right; margin: 0; padding: 0; }

#main { clear: both; margin: 0 0 50px 0; overflow: hidden; }
#main .list { width: 290px; height: 330px; overflow: hidden; text-overflow: ellipsis; border-right: 1px solid #eee; float: left; word-break: break-all; padding: 20px 20px 0; }
#main .list .tit { font-size: 15px; color: #000; font-weight: bold; }
#main .list .tip { color: #999; }
.btmbutton { float: right; color: #555; font-weight: bold; }
.btmbutton a { color: #555; }
.btmbutton a:hover { color: #000; }
.ad_sol { background: url( "../Resource/sol_banner.gif" ) repeat; width: 735px; height: 145px; float: right; }
.title { font-size: 14px; color: #000; font-weight: bold; line-height: 30px; padding-left: 10px; }
#main ul#cos { margin: 0 0 0 25px; padding: 0; }
#main ul#cos li { padding: 0; margin: 0; color: #333; }
#main ul#cos li a { color: #333; }
#main ul#cos li a:hover { color: #333; text-decoration: underline; }
#main ul#blue { margin: 10px 0 0 15px; padding: 0; }
#main ul#blue li { padding: 0; margin: 0; color: #333; }
#main ul#blue li a { color: #0860a8; text-decoration: underline; }
#main ul#blue li a:hover { color: #0860a8; text-decoration: underline; }

.contentlist { padding: 10px 0; }
.contentlist .tit { padding: 0 0 0 10px; }
.div50pl { float: left; width: 49%; border-right: 1px solid #d1d1d1; }
.div50pr { float: right; width: 49%; }
#main .loginbox .area { padding: 2px 0; clear: both; }
#main .loginbox .area .lft { width: 56px; }
#main .loginbox .area .forget a { color: #333; text-decoration: underline; padding-left: 2px; }
#main .loginbox .area .forget a:hover { color: #000; text-decoration: underline; }
#main .loginbox .button { margin: 15px auto 0; text-align: center; }
#main .loginbox .menu { text-align: right; padding: 10px; clear: both; border-bottom: 1px solid #c6c6c6; }
#main .loginbox .menu a { color: #0860a8; }
#main .loginbox .menu a:hover { color: #0860a8; }
#main .username { font-size: 13px; color: #000; padding-left: 10px; line-height: 25px; }
#main .registerbutton { margin: 10px 0; }
#main .recommend { padding: 10px 35px; }
#main .recommend .serviceimg { background: url( "../Resource/listimg.gif" ) no-repeat; width: 65px; height: 65px; }
#main .recommend .servicename { text-align: center; line-height: 25px; }
#main .servicetip { padding-top: 10px; clear: both; }
#main .servicetip .un { background: url( "../Resource/servicetip.gif" ) no-repeat; height: 23px; border-bottom: 1px solid #c6c6c6; line-height: 23px; padding: 0 0 0 10px; }
#main .servicetip .on { background: url( "../Resource/servicetips.gif" ) no-repeat; height: 24px; font-size: 13px; color: #000; font-weight: bold; line-height: 24px; padding: 0 0 0 10px; }
#main .servicetip .tail { height: 23px; border-bottom: 1px solid #c6c6c6; line-height: 23px; padding: 0 0 0 10px; }
#main .service { border-left: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; border-bottom: 1px solid #c6c6c6; padding: 10px; margin-top: 0; height: 100%; }
#main .page_top { text-align: right; padding-bottom: 5px; border-bottom: 1px solid #c6c6c6; }
#main .page_btm { text-align: right; padding-top: 5px; border-top: 1px solid #c6c6c6; margin-top: 20px; }
#main .service .column { padding: 10px 0; height: 100%; overflow: hidden; }
#main .service .intro { padding: 0 10px 10px; border-bottom: 1px dotted #c6c6c6; overflow: hidden; clear: both; height: 100%; }
#main .service .intro .lft { float: left; width: 65px; height: 65px; }
#main .service .intro .rht { float: right; text-align: left; width: 620px; }
#main .service .intro .name { color: #0860a8; font-weight: bold; line-height: 30px; }
#main .service .intro .tip { color: #999; }
#main .service .ctrl { background-color: #eee; width: 100%; height: 30px; }
#main .service .ctrl .lft { float: left; padding: 5px 0 5px 80px; }
#main .service .ctrl .rht { float: right; padding-right: 15px; }
#main .service .ctrl .rht a { color: #555; line-height: 30px; text-decoration: underline; }
#main .service .ctrl .rht a:hover { text-decoration: underline; color: #000; }
#main .intro { padding: 0 10px 10px; }
#main .details a { float: right; color: #0860a8; padding: 10px 0 0; }
#main .details a:hover { color: #0860a8; }
#main .hatch { width: 700px; margin: 5px auto 20px; }
#main .hatch .column { width: 100px; margin: auto; float: left; }
#main .hatch .arrow { padding: 16px 9px; margin: auto; float: left; }
#main .hatch .column .img { text-align: center; }
#main .hatch .column .dec { text-align: center; line-height: 25px; }
#main .culture .img { background: url(../Resource/cul_img.gif) no-repeat; width: 162px; height: 212px; }
#main .culture .title, .marketing .title { border-bottom: 1px solid #c6c6c6; }
#main .marketing .year { line-height: 22px; border-bottom: 1px solid #c6c6c6; }
#main .marketing .year a { display: block; padding: 0 5px; }
#main .marketing .year a:hover { text-decoration: underline; }
#main .marketing .year a span { padding: 0 16px; }
#main .marketing .year a:hover span { background: url(../Resource/CurentItemGray.gif) left no-repeat; }
#main .marketing .year a.current { background: #def; font-weight: bold; }
#main .marketing .year a.current span { background: url(../Resource/CurentItemBlue.gif) left no-repeat; }
#main .marketing ul { margin: 10px 0 0 10px; padding: 0; list-style: none; }
#main .marketing li { line-height: 22px; float: left; }
#main .marketing li a { color: #0860a8; }
#main .marketing li a:hover { text-decoration: underline; color: #0860a8; }
#main .marketing li span { color: #999; }
#main .marketing H3 { text-align: center; padding: 0.4em; border-bottom: #c6c6c6 1px solid; }
#main .marketing H3 a { padding-left: 16px; }
#main .marketing H3 a:hover { background: url(../Resource/CurentMenu.gif) left no-repeat; }
#main .marketing H3 a:active { background: url(../Resource/CurentMenu.gif) left no-repeat; }
#main .marketing H3 a.current { background: url(../Resource/CurentMenu.gif) left no-repeat; }
#main .privacytitle { font-size: 14px; color: #000; font-weight: bold; line-height: 30px; border-bottom: 1px solid #c6c6c6; }
#main .tableborder { border: 1px solid #c6c6c6; padding: 10px; }
#main .serviceinfo { width: 80px; float: left; text-align: right; padding-right: 10px; }
#main .button_ensure { background: url(../Resource/button_ensure.gif) no-repeat; width: 60px; height: 20px; border: none; margin: 10px 0 40px 90px; cursor: hand; }
.register { padding: 20px 0; }
.register .desc { color: #999; }
.register a { color: #0860a8; text-decoration: underline; }
.register a:hover { color: #0860a8; text-decoration: underline; }
.loginReg a { text-decoration: none; color: #000; }
.loginReg a:hover { text-decoration: underline; color: #000; }
.sec_title { font-size: 14px; color: #000; font-weight: bold; border-bottom: 1px solid #c6c6c6; }
.more { float: right; margin-top: 20px; padding-right: 10px; }
.title_desc { padding-right: 10px; line-height: 30px; color: #555; }
ul#lftsidebar { list-style-type: none; margin: 5px 0; padding: 0; }
ul#lftsidebar li { line-height: 22px; border-bottom: 1px solid #c6c6c6; margin: 0; padding: 0 0 0 10px; display: block; }
ul#lftsidebar li a { display: block; }
.classtip { color: #999; }
ul#testword { padding: 0; margin: 0; }
ul#testword { padding: 0; margin: 5px 0 0 15px; }
.button_inquire { background: url(../Resource/button_inquire.gif) no-repeat; width: 60px; height: 20px; border: none; margin-left: 10px; cursor: hand; }
.sup { color: #FF0000; }
.service_step1 { background: url(../Resource/step.gif) no-repeat top; width: 200px; height: 110px; float: left; }
.service_step2 { background: url(../Resource/step.gif) no-repeat 0 -110px; width: 200px; height: 110px; float: left; margin-left: 50px; }
.service_step3 { background: url(../Resource/step.gif) no-repeat 0 -220px; width: 200px; height: 110px; float: left; margin-left: 50px; }
a.details { float: right; color: #0860a8; padding: 10px 0 0; }
a.details:hover { color: #0860a8; }
h3 { margin: 0; padding: 0; }
.micro { width: 165px; height: 80px; margin: 10px auto 0; }
.loadingborder { border: 1px solid #ccc; width: 99%; height: 12px; }
.loadingbg { background: #e2e2e2; height: 8px; margin: 2px; }
.loadingtime { color: #555; }
a.blue { color: #0860a8; text-decoration: underline; }
a.blue:hover { color: #0860a8; text-decoration: underline; }
.pad10 { padding: 10px; }
.textarea { border: 1px solid #c6c6c6; }
#header .submenu .info { text-align: right; padding-right: 10px; }

.error { color: #9B0000; }
.error { margin-left: 6px; line-height: 18px; }

.detailtable { width: 97%; margin: 0 10px 10px 10px; line-height: 22px; }
.detailtable tr { background-color: #eef2f4; }

#loadingAnimation.bg, #end.bg { background: url(../Resource/loading_bg.gif) no-repeat; width: 320px; height: 55px; margin: auto; }
#loadingAnimation.img, #end.img { float: left; margin: 20px 5px auto 30px; }
#loadingAnimation.txt, #end.txt { line-height: 55px; text-align: left; font-size: 12px; float: right; width: 230px; }
#loadingAnimation.txt a, a:hover { color: #000; text-decoration: underline; }
#end.txt a, a:hover { color: #000; text-decoration: underline; }

.tip_success { margin: 0.5em; background: #ecf5ff url(../Resource/correct.gif) 0.5em 0.5em no-repeat; border: #35A4D9 1px solid; color: #006699; padding: 0.5em 2em; text-align: center; font-weight: bold; }
.tip_failed { margin: 0.5em; background: #ffecf5 url(../Resource/failed.gif) 0.5em 0.5em no-repeat; border: #E3537A 1px solid; color: #CC3366; padding: 0.5em 2em; text-align: center; font-weight: bold; }
.tip_loading { margin: 0.5em; background: #ffa url(../Resource/loading2.gif) 0.5em 0.5em no-repeat; border: #cc8 1px solid; color: #000; padding: 0.5em 2em; text-align: center; font-weight: bold; }

input.button0 { border: none; padding: 0px 9px; margin: 0; height: 20px; width: 60px; background: url(../Resource/button_empty.gif) no-repeat; }
* html input.button0 { padding-top: 4px; }
input.button1 { border: none; padding: 0px 10px; margin: 0; height: 20px; width: 80px; background: url(../Resource/button_empty1.gif) no-repeat; }
* html input.button1 { padding-top: 4px; }
input.button2 { border: none; padding: 0px 20px; margin: 0; height: 20px; width: 120px; background: url(../Resource/button_empty2.gif) no-repeat; }
* html input.button2 { padding-top: 4px; }

/*saas*/
.saastopbg { background: url(../Resource/saas_top.gif) no-repeat; width: 650px; height: 15px; }
.saasmid { width: 647px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fff; }
ul#saas { list-style-type: none; }
ul#saas li { float: left; }
.saastext { padding: 10px 50px; line-height: 20px; clear: both; }
a.saasli:link { color: #3a76b4; text-decoration: none; }
a.saasli:hover { color: #3a76b4; text-decoration: underline; }

/*service details*/
.sdtip { background: url(../Resource/servicetipg.gif) no-repeat; width: 735px; height: 25px; margin-top: 10px; }
.sd_tab { text-align: center; padding-top: 5px; }
a.sdtab:link { color: #000; text-decoration: none; }
a.sdtab:hover { color: #000; text-decoration: none; }
.sdtabnow { font-size: 13px; font-weight: bold; }