/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline }
ul { list-style:none }
table { border-collapse:separate; border-spacing:0 }
caption, th, td { text-align:left; font-weight:normal }
blockquote:before, blockquote:after, q:before, q:after { content:"" }
blockquote, q { quotes:"""" }
/*--Global--*/
body { color:#2b2b2b; font-family:Arial, Helvetica, sans-serif; font-size:12px }
input { font-family:Arial, Helvetica, sans-serif }
img { border:none }
a { color:#333; text-decoration:none }
a:hover { text-decoration:underline }
.table { width:100%; margin-top:10px; border-collapse:collapse; border:1px solid #73afc1 }
.table td, .table th { height:17px; padding:3px 8px; border:solid #73afc1; border-width:0 1px 1px 0; background-color:#f8fbfc; color:#555 }
ol li { margin: 14px 0 }
/*--Layout--*/
.clear { clear:both; height:0; font-size:0; line-height:0; visibility:hidden }
.hide { display: none }
.left { float:left }
.right { float:right }
.tleft { text-align:left }
.tcenter { text-align:center }
.tright { text-align:right }
/*--Font--*/
.font12 { font-size:12px; font-weight:normal }
.font14 { font-size:14px }
.font16 { font-size:16px }
.font18 { font-size:18px }
.font20 { font-size:20px }
.fb { font-weight:bold }
.fu { text-decoration:underline }
.fn { text-decoration:none }
.fi { font-style:italic }
/*--Color--*/
.cred, a.cred:link, a.cred:visited, a.cred:hover { color:#c00 }
.org, a.org:link, a.org:visited, a.org:hover { color:#f60 }
.blue, a.blue:link, a.blue:visited, a.blue:hover { color:#009ae7 }
.green, a.green:link, a.green:visited, a.green:hover { color:#668e29 }
.gray, a.gray:link, a.gray:visited, a.gray:hover { color:#999 }
.blue1, a.blue1:link, a.blue1:visited, a.blue1:hover { color:#5fbbac }
/*--Wrap--*/
.wrap { width:960px; margin:0 auto }
h1 { position:absolute; margin: 30px 0 0 410px; color:#a8a8a8; font-size:14px; font-weight: normal }
.online { position: absolute; margin: 29px 0 0 688px; color: #a8a8a8 }
.online a { display: inline-block; margin: 0 5px; text-decoration: underline; color: #666 }
.online a:hover { color: #f60; text-decoration: none }
/*--Head--*/
.header { height:31px; padding-top:72px; background:url(../img/960_bg.jpg) no-repeat; overflow:hidden }
.contact { height:15px; padding:0 15px; background:url(../img/inco.gif) 730px 0 no-repeat; color:#f60; font-size:14px; text-align:right }
.contact a { margin-left:29px; color:#009ae7 }
.nav { text-align:right }/*margin-top:31px!important; margin-top:28px; */
.nav a { display:inline-block; width:88px; height:22px; margin-left:5px; padding-top:9px; background:url(../img/sprites.gif) 0 0; color:#fff; font-size:12px; text-align:center; text-decoration:none }
.nav a:hover { background-position:-88px 0; color:#fff; text-decoration:none }
.nav a:active { background-position:-176px 0 }
.nav a.current { background:url(../img/sprites.gif) -264px 0 }
.nav a.current:hover { background:url(../img/sprites.gif) -264px 0 }
.topFlash { margin-top:3px; height:160px; background: url(../img/top_bg.jpg) repeat-x }
/*--Main--*/
.main { margin-top:5px; padding:0 14px; background:url(../img/960_bg.jpg) 0 -102px no-repeat; border:1px solid #e3eaee }
.mainLeft { float:left; width:242px; padding-top:10px; overflow:hidden }
.sidebar { margin-bottom:10px; height:245px; border:1px solid #cadff0 }
.hauto { height:auto }
.sidebar h2 { height:20px; padding:6px 0 0 30px; background:url(../img/sprites.gif) 0 -36px no-repeat; color:#009ae7; font-size:12px; font-weight:bold }
.more { display:block; float:right; width:34px; height:11px; margin-right:10px; background:url(../img/inco.gif) 0 -17px no-repeat }
.sidebar ul { padding:0 4px }
.sidebar li { margin:10px 0; padding-left:15px; background:url(../img/inco.gif) 0 -28px no-repeat; width: 89%; white-space:nowrap; overflow:hidden }
.divcss, .html { display:block; width:242px; height:50px }
.divcss { margin-bottom:10px; background:url(../img/sprites.gif) 0 -62px no-repeat }
.html { margin:10px 0; background:url(../img/sprites.gif) 0 -112px no-repeat }
.mainRight { float:right; width:677px }
.footer { margin-top:5px }
.bottomNav { height:28px; padding-left:168px; background:url(../img/sprites.gif) 0 -162px repeat-x; border:1px solid #759b32; border-bottom:none }
.bottomNav li { display:block; float:left; width:65px; height:21px; padding-top:7px; background:url(../img/sprites.gif) -287px -62px no-repeat; text-align:center; overflow:hidden }
.bottomNav .nbg { background:none }
.bottomNav a { color:#f5ffdf }
.copyRight { height:116px; padding-top:8px; background:url(../img/sprites.gif) 0 -191px repeat-x; border:1px solid #759b32; border-width:0 1px 1px 1px; overflow:hidden; color:#e7f4cb; line-height:220%; text-align:center }
.copyRight a { color:#e7f4cb }
.ynwj { display: inline-block; width: 56px; height: 33px; background-color:#960; background:url(../img/ynwj.gif) no-repeat }
.breadCrumb { clear: both; width: 100%; margin-top:10px; padding:0 0 10px 0; border-bottom:1px solid #e3e4e4; color:#666; font-size:12px; font-weight:normal }
.page { clear:both; margin:0 15px; text-align:left }
.page a { display:inline-block; margin:0 3px 5px; padding:1px 5px; border:1px solid #009ae7; color: #009ae7; text-decoration:none }
.page a:hover { background-color:#009ae7; border-color:#007BB7; color:#fff }
.page span { display:inline-block; margin:0 3px 5px; padding:1px 5px; border:1px solid #ddd; color:#ccc }
.page .curren { background-color:#009ae7; padding:1px 5px; border:1px solid #009ae7; color:#fff }
.message { margin-top:10px; padding:3px 3px 3px 35px; line-height:200%; border:1px solid #ecdc8f; background:#ffd url(../img/inco.gif) 10px -917px no-repeat; color:#f60 }
/* index */
.ddv { height:233px; margin-top:10px; padding:15px 0 0; background:url(../img/inco.gif) 540px -1220px no-repeat; overflow:hidden }
.ddv li { float:left; width:240px; height:83px; padding-left:90px; line-height:210% }
.speed { background:url(../img/inco.gif) 20px -51px no-repeat }
.diy { background:url(../img/inco.gif) 20px -170px no-repeat }
.only { background:url(../img/inco.gif) 20px -289px no-repeat }
.safe { background:url(../img/inco.gif) 20px -409px no-repeat }
.question { background:url(../img/inco.gif) 20px -527px no-repeat }
.long { background:url(../img/inco.gif) 20px -652px no-repeat }
.domain { clear:both; height:77px; margin-top:10px; padding:16px; background:url(../img/sprites.gif) 0 -316px repeat-x; border:1px solid #d3e1e5; color:#666; line-height:200% }
.en { float:left; width:324px; border-right:1px solid #e2e4d8 }
.enText { padding-left:90px; background:url(../img/inco.gif) 0 -808px no-repeat }
.domainIp { width:119px; height:17px; margin:0 5px; padding:0; vertical-align:middle }
.domainBtn { width:42px; height:21px; background:url(../img/inco.gif) 0 -883px; border:none; color:#fff; font-size:12px; cursor:pointer; vertical-align:middle }
.enHz { margin-top:5px; padding-left:5px }
.enHz span { display:block; float:left; width:58px }
.enHz .ldom { width:70px }
.zh { float:right; height:75px; background:url(../img/inco.gif) 238px -960px no-repeat }
.zhText { padding-left:90px; background:url(../img/inco.gif) 0 -842px no-repeat }
.zhHz { margin-top:10px; padding-left:5px }
.zhHz span { display:block; float:left; width:60px }
.zhHz .ldom { width:90px }
.service { height:248px; background:url(../img/ser_bg.png) no-repeat }
.service li { display:block; float:left; width:185px; padding:18px 20px; color:#5b5b5b; line-height:200% }
.service li h2 { margin-bottom:10px; font-size:16px; text-align:center }
.iCase { height:213px; margin-top:5px; padding:1px; border:1px solid #e3eaee }
.iCaseCon { height:100%; background:url(../img/sprites.gif) 0 -469px repeat-x }
.iCaseCon h2 { height:10px; padding:15px 10px; color:#009ae7; font-size:14px; font-weight:bold }
.iCaseCon h2 span { margin-left:50px; color:#5b5b5b; font-size:12px; font-weight:normal }
.iCaseCon li { float:left; width:224px; text-align:center }
.iCaseCon li img { padding:3px; margin:5px 0 2px; border:1px solid #d9d9d9 }
.links { margin-top:5px; padding:8px 15px; line-height:190%; background-color:#f7fbed; border:1px solid #edf2e2 }
/* about */
.about { height:165px }
.aboutCon h3 { margin:15px 0; text-align:center; font-size:20px; font-weight:bold }
.aboutCon { padding:10px 15px 0; line-height:200%; font-size:14px }
.aboutCon p { margin: 14px 0; text-indent: 28px }
.aboutCon .tcenter { text-indent: 0 }
.aboutPic { float: left; margin: 0 15px 15px 0 }
/* case */
.caseWrap { padding-bottom:20px; background: url(../img/load.gif) no-repeat center 260px }
.casetab { margin: 20px 25px 0; border-bottom: 1px solid #e5e5e5 }
.casetab em { display: inline-block; height: 28px; line-height: 28px; margin-right: 5px; padding: 0 15px; border: 1px solid #e5e5e5; border-bottom: none; background: url(../img/casetab.gif) repeat-x 0 bottom; cursor: pointer; font-style: normal }
.casetab .cur { background: #1f60a4 none; border-color: #1f60a4; color: #fff }
.caseWrap ul { background-color: #fff; padding: 10px 0 0 12px }
.caseWrap li { display: inline; float: left; width:243px; height:170px; overflow: hidden; margin:15px 13px; padding:15px; border:1px solid #ccc; border-radius: 5px; background-color:#ededed; overflow:hidden; text-align: center }
.caseWrap li p { color:#376698 }
.caseWrap li img { padding:5px; margin-bottom:3px; background-color:#fff }
.caseWrap li a:hover img { background-color:#5fbbac }
.caseText { clear: both }
/* domain */
.domainWrap .breadCrumb { border:none }
.domainWrap .domain { margin-top:0 }
.domainRes { font-family:Arial, Helvetica, sans-serif; font-size:12px; display:none; border:3px solid #fff; line-height:200% }
.domainPrice { width:100%; margin-top:10px; border-collapse:collapse; border:1px solid #fff }
.domainPrice td { height:17px; padding:6px 10px; border:solid #fff; border-width:0 1px 1px 0; background-color:#f8fbfc; color:#555 }
.domainTh td { height:15px; padding:8px 6px 6px; background:url(../img/sprites.gif) 0 -860px repeat-x; border-width:0 1px 1px 0; color:#fff; font-weight:bold }
.domainBg td { background-color:#e5f1f4 }
/* host */
.hostSide { margin-top:30px; height:430px }
.hostSide li { margin-bottom:10px }
.hostTop { height:30px; background:url(../img/host_inco.gif) no-repeat }
.hostTop span { display:block; width:100%; height:20px; padding:10px 0 0 63px }
.selfDomain { background:url(../img/host_inco.gif) 35px -40px no-repeat }
.getPwd { background:url(../img/host_inco.gif) 35px -95px no-repeat }
.comPress { background:url(../img/host_inco.gif) 35px -150px no-repeat }
.clearTor { background:url(../img/host_inco.gif) 35px -205px no-repeat }
.log { background:url(../img/host_inco.gif) 35px -259px no-repeat }
.count { background:url(../img/host_inco.gif) 35px -315px no-repeat }
.data { background:url(../img/host_inco.gif) 35px -369px no-repeat }
.hostSide div { display:none; height:110px; padding:0 25px 0px 62px }
.hostSide div p { margin-top:13px }
.hostWrap .breadCrumb { border-bottom:none }
.hostType { width:100%; margin-top:10px; border-collapse:collapse; border:1px solid #dbebf6 }
.win { margin:0 }
.hostType td { height:17px; padding:8px 10px; border:solid #fff; border-width:0 1px 1px 0; background-color:#f8fbfc; color:#555 }
.hostTh td { height:17px; padding:6px 6px 6px; background:url(../img/sprites.gif) 0 -860px repeat-x; border-width:0 1px 1px 0; color:#fff; font-weight:bold }
.hostTh td img { padding-right:5px; vertical-align:middle }
.hostBg td { background-color:#e5f1f4 }
/* list */
.listWrap ul { margin-bottom:15px }
.listWrap ul li { padding:18px 20px; border-bottom:1px dashed #ccc; color:#888; line-height:150% }
.listTitle { margin-bottom:8px; padding-left:22px; background:url(../img/inco.gif) 0 -2538px no-repeat; color:#666; font: normal 14px Arial, Helvetica, sans-serif }
.listTitle span { float:right; color:#f60; font:normal 11px Arial, Helvetica, sans-serif }
.listTitle a { color:#555; text-decoration:underline }
.listTitle a:hover { color:#009ae7 }
.listBg { background-color:#f9fbfd }
.listWrap .page { margin-bottom:10px }
/* site */
.siteWrap ul { padding:10px 0; background:url(../img/inco.gif) 20px -1740px no-repeat }
.siteWrap li { min-height:120px; height:auto!important; height:120px; padding:10px 0 10px 140px; margin-top:5px; background:url(../img/line.gif) left bottom no-repeat; color:#333; line-height:200% }
.siteWrap h3 { background:url(../img/inco.gif) 0 -2480px no-repeat; padding-left:25px; margin-bottom:10px; font-size:14px; color:#666; font-weight:bold }
.siteWrap p { text-indent:24px }
/* view */
.viewCon h3 { margin:10px 0; text-align:center; font-size:20px; font-weight:bold }
.viewInfo { font:normal 12px Arial, Helvetica, sans-serif; color:#777; text-align:center }
.viewDes { margin:20px 0; padding:5px 12px; border:1px dashed #ccc; background-color:#f9fbfd; font-size:12px }
.viewDes a { color:#39F }
.viewCon { margin-bottom:15px; padding:10px 15px 0; line-height:180%; font-size:14px; text-indent:28px }
.viewCon p { margin: 18px 0 }
/* .viewCon a { color:#009ae7 } */
.viewCon a { color:#2b2b2b }
.viewCon a:hover { text-decoration: underline }
.viewCon img { padding: 5px; border: 1px solid #ccc; background: #fff }
.mywords { margin-bottom:18px; text-align:right; text-align:center; color:#888 }
.mywords a { color:#888 }
.proNext { margin:10px 0; padding:15px 0; border:1px dashed #ccc; border-width: 1px 0; text-align:right }
.proNext a { text-decoration:underline }
.proNext a:hover { color:#009ae7 }
.share { text-align: center }
.share img { vertical-align: middle }
.share input { width: 160px; margin: 0 5px 0 18px; vertical-align: middle }
.share button { height: 24px; vertical-align: middle }
.relatedTop { margin: 15px 0 20px }
.relatedTop dl { display: inline; width: 320px; height: 168px; overflow: hidden; float: left; margin-left: 10px; border: 1px solid #ccc; background-color: #FDFDFD }
.relatedTop dt { height: 18px; padding: 6px 20px 0; border-bottom: 1px solid #ccc; font: bold 12px Verdana, Geneva, sans-serif; background-color: #eaeaea; }
.relatedTop dd { margin: 10px 10px; padding: 0 15px; color: #999; background:url(../img/inco.gif) 0 -28px no-repeat; }
.relatedTop .right { float: right; margin: 0 5px 0 0 }
/* comment */
.comment { padding: 0 5px 0 10px }
.comment h4 { margin: 15px 0 8px; font-size: 14px; font-weight: normal }
.comment h4 a { display: block; float: right; height: 12px; padding: 2px 0 0 20px; background:url(../img/inco.gif) -63px -15px no-repeat; font-size: 12px }
.commentUl { border: 1px solid #e2e2e2; border-top: none; font-family: 'ËÎÌå', sans-serif }
.commentUl p { border-top: 1px solid #e2e2e2; background: #f2f2f2; height: 29px; padding: 0 20px; line-height: 30px; color: #666 }
.comment li { padding-bottom: 30px }
.comment li div { padding: 20px 20px 0; text-indent: 24px; font-size: 14px }
.comment .replay { padding: 10px 20px 0; color: #f60; font-size: 12px }
.commentSub a:hover { text-decoration: none }
.commtentText input { font-size: 12px; color: #666; border: 1px solid #aeb6c1 }
.commentSub { padding: 15px 20px; border: 1px solid #e2e2e2; border-top: none; background-color: #f9f9f9 }
.commentSub p { margin: 0 0 15px; font: normal 18px 'ºÚÌå' }
.commentSub textarea { width:480px; height: 80px; padding: 5px; font-size: 12px; border: 1px solid #aeb6c1 }
.commentBtn { padding-right: 135px; text-align: right }
.commentBtn input { width: 99px; height: 24px; background:url(../img/inco.gif) -50px -883px no-repeat; border: none; cursor: pointer; color: #fff; font-size: 14px }
.commentSub b { font: normal 12px 'ËÎÌå'; color:#f60 }
/* html */
.messdiv a { display: inline-block; margin: 20px 10px; padding: 3px 8px; border: 1px solid #ccc; background-color: #fdfdfd }
.messdiv a:hover { background-color: #efefef; text-decoration: none }
/*  map */
.map { height: 455px; margin-bottom: 15px; overflow: hidden }
.mapNav { margin: 15px 0; padding-left: 15px; border-bottom: 2px solid #2a75b9 }
.mapNav a { display: inline-block; height: 30px; width: 100px; margin-right: 5px; background-color: #999; text-align: center; cursor: pointer; color: #fff; text-decoration: none; text-indent: 0 }
.mapNav .current { background-color: #2a75b9; font-weight: bold }
.map3d { display: none; text-align: center }
.map3d iframe { border: 1px solid #ccc; padding: 3px }

/* service_right */
.service_right { width: 110px; height: 150px; position:fixed; z-index:2; _position:absolute; top: 200px; left: 50%; margin-left:510px; _top:expression(eval(documentElement.scrollTop+screen.height-200)); border: 1px solid #ddd; text-align: center }
* html { background-image:url(about:blank); background-attachment:fixed }
.service_right a { display: block; width: 54px; height: 22px; line-height:22px; margin: 18px auto; padding-left: 23px; background: url(../img/service_right.gif) no-repeat; color: #255267 }
.service_right .webtalk { background-position: 0 -22px }
.service_right span { display: block; background: url(../img/service_right.gif) no-repeat 14px -46px;  font: normal 13px Arial, sans-serif; color: #ddd }
.service_right .rtel { width: 100%; margin: 0; padding: 0; background: none; font: normal 18px Arial, sans-serif; color: #009ae7 }