@charset "utf-8";
/* CSS Index */
#container { background: url(../img/container.gif) repeat-x left top; width: 100%; }
#content { width: 960px; margin-right: auto; margin-left: auto; background: url(../img/content.jpg) no-repeat center top; }
#banner { height: 225px; }
#business1 { float: left; height: 430px; width: 209px; }
#business2 { float: left; height: 430px; width: 210px; }
#business3 { float: left; height: 430px; width: 208px; }
#business4 { float: left; height: 430px; width: 210px; }
#business1 a { display: block; height: 430px; text-indent: -10000px; background: url(../img/network.gif) no-repeat left top; width: 209px; }
#business1 a:hover { background: url(../img/networknth.gif) no-repeat left top; }
#business2 a { display: block; height: 430px; width: 210px; text-indent: -10000px; background: url(../img/web.gif) no-repeat left top; }
#business2 a:hover { background: url(../img/webnth.gif) no-repeat left top; }
#business3 a { background: url(../img/software.gif) no-repeat center top; text-indent: -10000px; display: block; height: 430px; width: 208px; }
#business3 a:hover { background: url(../img/softwarenth.gif) no-repeat center top; }
#business4 a { background: url(../img/system.gif) no-repeat left top; text-indent: -10000px; display: block; height: 430px; width: 210px; }
#business4 a:hover { background: url(../img/systemnth.gif) no-repeat left top; }
#slider { float: right; width: 123px; text-align: center; height: 430px; }
#slider img { display: block; margin-right: auto; margin-left: auto; margin-top: 206px; }
/* CSS Case */
#case { width: 970px; margin-right: auto; margin-left: auto; }
#case h2 { border-bottom: 1px solid #d6d6d6; display: block; text-align: left; padding-top: 15px; padding-bottom: 5px; width: 960px; margin-right: auto; margin-left: auto; margin-bottom: 10px; }
#casecont { width: 960px; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px; }
.sample { width: 240px; height: 200px; float: left; color: #57627c; }
.sample strong { height: 139px; width: 209px; display: block; margin-right: auto; margin-left: auto; }
.sample strong a { display: block; height: 125px; width: 195px; margin-right: auto; margin-left: auto; border: 7px solid #dfdfdf; }
.sample strong a:hover { border-color: #ffcc01; }
.sample h3 { padding-top: 15px; padding-bottom: 10px; color: #57627c; display: block; width: 195px; margin-right: auto; margin-left: auto; text-align: left; }
.sample h3 a { color: #57627c; font-weight: bold; }
.sample h3 a:hover { color: #349dee; text-decoration: underline; }
.sample p { text-align: left; width: 195px; margin-right: auto; margin-left: auto; }
.page { border: 1px solid #CCCCCC; padding-top: 10px; padding-bottom: 10px; width: 958px; margin-right: auto; margin-left: auto; background: #f2f2f2; }
.page a { padding: 3px 5px; display: inline-table; text-align: center; vertical-align: middle; border: 1px solid #000000; color: #FFFFFF; background: #595959; margin: 0px 5px; }
.page a:hover { color: #000000; text-decoration: none; background: #999999; }
.page strong span { font-family: Arial, Helvetica, sans-serif; color: #FF0000; font-weight: bold; margin-right: 5px; margin-left: 5px; }
/* CSS About */
#about { width: 960px; margin-right: auto; margin-left: auto; background: url(../img/aboutpub.gif) no-repeat left top; }
#about h2 { border-bottom: 1px solid #d6d6d6; display: block; text-align: left; padding-top: 15px; padding-bottom: 5px; width: 960px; margin-right: auto; margin-left: auto; margin-bottom: 240px; }
#aboutcont img { display: block; }
#aboutmain { border-right: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6; padding: 15px 10px; }
#aboutmain h3 { line-height: 30px; background: #f8f5ee url(../img/icon3.gif) no-repeat 25px center; height: 30px; border-bottom: 2px solid #999999; text-align: left; padding-left: 45px; color: #666666; }
.aboutmessage { line-height: 24px; text-align: left; width: 850px; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; }
.aboutmessage p { text-indent: 24px; color: #444444; }
.aboutmessage a { color: #444444; }
/* CSS News */
.news { background: url(../img/news.gif) no-repeat right top; width: 960px; margin-right: auto; margin-left: auto; overflow: hidden; margin-bottom: 25px; }
.news h2 { border-bottom: 1px solid #d6d6d6; display: block; text-align: left; padding-top: 15px; padding-bottom: 5px; width: 960px; margin-right: auto; margin-left: auto; margin-bottom: 25px; }#newsleft { float: left; width: 575px; margin-bottom: -10000px; padding-bottom: 10000px; }
#newscont { margin-bottom: 25px; min-height:420px; }
* html #newscont { height:420px; }
#newscont li { text-align: left; font-size: 14px; line-height: 28px; height: 28px; color: #666666; }
#newscont li span { margin-right: 5px; font-weight: bold; }
#newscont li a { color: #999999; }
#newsright { float: right; width: 370px; margin-bottom: -10000px; padding-bottom: 10000px; }
#newsright strong { margin-top: 302px; display: block; margin-bottom: -10000px; padding-bottom: 10000px; border-left: 1px solid #d6d6d6; }
#newsright strong a { display: block; height: 34px; text-indent: -10000px; width: 167px; margin-right: 0px; margin-left: auto; }
.newspage { width: 100%; }
.newsnone { background: url(none); }
#newsdetailed { font-size: 14px; text-align: left; line-height: 24px; }
#newsdetailed h3 { font-weight: bold; margin-bottom: 25px; text-indent: 28px; }
#newsdetailed p { text-indent: 28px; }
#function { font-size: 12px; text-align: right; margin-top: 25px; }
#function img { margin-right: 5px; margin-left: 5px; }
#function a { color: #000000; }
/* CSS Business */
#business { width: 960px; margin-right: auto; margin-left: auto; margin-bottom: 10px; }
#business h2 { border-bottom: 1px solid #d6d6d6; display: block; text-align: left; padding-top: 15px; padding-bottom: 5px; width: 960px; margin-right: auto; margin-left: auto; margin-bottom: 10px; }
.busnav { background: url(../img/busnav.gif) repeat-x left top; height: 68px; }
.busnavnext { background: url(../img/busnav.gif) repeat-x left bottom; height: 68px; }
.busnav li { float: left; width: 240px; height: 68px; background: url(../img/busnavline.gif) no-repeat right center; line-height: 68px; }
#busnavnone { background: url(none); }
.busnav li a { display: block; height: 68px; }
#busnavon a { background: url(../img/busnavon.gif) no-repeat center bottom; }
#busnavnexton a { background: url(../img/busnavonnext.gif) no-repeat center top; }
.busnav li img { margin-top: 18px; display: block; margin-right: auto; margin-left: auto; }#buscont { padding-top: 25px; padding-bottom: 25px; width: 960px; margin-right: auto; margin-left: auto; }
#busleft { float: left; width: 690px; border: 1px solid #d6d6d6; display: inline; padding: 15px; text-align: left; line-height: 24px; font-size: 14px; color: #666666; }
#busright { float: right; width: 210px; }
/* CSS Contact */
#contact { width: 960px; margin-right: auto; margin-left: auto; background: url(../img/contact.gif) no-repeat right top; overflow: hidden; margin-bottom: 25px; }
#contact h2 { border-bottom: 1px solid #d6d6d6; display: block; text-align: left; padding-top: 15px; padding-bottom: 5px; width: 960px; margin-right: auto; margin-left: auto; margin-bottom: 10px; }#contactleft { float: left; width: 575px; margin-bottom: -10000px; padding-bottom: 10000px; }
#contactright { float: right; width: 370px; margin-bottom: -10000px; padding-bottom: 10000px; }
#contactright strong { display: block; margin-top: 302px; border-left: 1px solid #d6d6d6; margin-bottom: -10000px; padding-bottom: 10000px; text-indent: -10000px; }
#contactcont { margin-top: 25px; margin-bottom: 25px; text-align: left; min-height:420px; }
* html #contactcont { height:420px; }
#contactcont strong { font: 18px "黑体"; display: block; }
#contactcont ul { display: block; margin-top: 15px; margin-bottom: 15px; }
#contactcont li { line-height: 28px; height: 28px; }