body, dl, dt, dd, ol, ul, li, pre, p, form, field, input, blockquote, h1, h2, h3, h4, h5, h6, div{font-family:"ËÎÌå"; color:#333; font-size:12px; line-height:135%; margin:0; padding:0; outline:none}
html{word-wrap:break-word; word-break:break-all}
body{background:#393939 url(/images/bg.png) repeat-x; height:100%}
img{border:0px}
.xx{background:url(/images/xx.gif) bottom repeat-x}

a{text-decoration:none; color:#333}
a:link{color:#333}
a:visited{color:#999}
a:hover{color:#C00}
.input{border:#CCC solid 1px; height:20px}
p, li{line-height:1.8em; margin:0; padding:0}

.Arial{font-family:Arial,Helvetica,sans-serif}
.b{font-weight:700}
.f12{font-size:12px}
.f14{font-size:14px}
.f18{font-size:18px}
.f24{font-size:24px}

.white{color:#FFF}
.red{color:#F00}
.blue{color:#090}
.green{color:#060}
.black{color:#000}
.gray{color:#666}
.org{color:#F60}
.webding{font-family:Webdings; text-decoration:none}
.hand{cursor:pointer;}

.btn_y{height:26px; width:80px; font-size:12px; font-weight:700; text-align:center; color:#FFF; line-height:26px; background:url(/images/btn_y.jpg) no-repeat; border:none; cursor:pointer}

.underline{text-decoration:underline}

#dhtmltooltip{BORDER-RIGHT:gray 1px solid; PADDING-RIGHT:4px; BORDER-TOP:gray 1px solid; PADDING-LEFT:4px; FONT-SIZE:9pt; Z-INDEX:100; FILTER:progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=120);  PADDING-BOTTOM:4px; BORDER-LEFT:gray 1px solid; WIDTH:200px; PADDING-TOP:4px; BORDER-BOTTOM:gray 1px solid; POSITION:absolute; BACKGROUND-COLOR:#ccc; visibility:hidden}

.anniu{ font-size:12px; background-color:#F0F0F0; height:25px; line-height:25px; color:#000; border:1px solid #ADADAD}

label{float:left}
label.error{float:none; color:red; vertical-align:middle; margin-left:5px}
input.error, select.error, textarea.error{border:#F30 solid 1px}
input.valid, select.valid, textarea.valid{border:#9C0 solid 1px}

.clear{clear:both; height:0; line-height:0; margin:0; padding:0; overflow:hidden}
.disno{display:none}
.Allwarp{width:958px; margin:0 auto}
#header{width:958px; height:101px; background:#000 url(/images/header_line.jpg) bottom no-repeat}
#header .logo{width:378px; height:86px; float:left; background:url(/images/logo.png) no-repeat 20px center; text-indent:-9999px}
#header .right{float:right; height:90px; width:400px; background:url(/images/400.png) no-repeat bottom right}
#header .link{color:#999; display:block; height:30px; line-height:30px; text-align:right}
#header .link a:link, #header .link a:visited{color:#999}
#header .link a:hover{color:#FC0}

#banner { height:250px; width:922px; overflow:hidden; margin:0 auto; position:relative; background:url(/images/bg.gif) repeat}
#banner a { display:block; height:54px; width:54px;}
#prevBtn {
	Z-INDEX: 10;
	POSITION: absolute;
	WIDTH: 20px;
	BACKGROUND: url(/images/btn_prev.png) no-repeat;
	HEIGHT: 40px;
	TOP: 105px;
	LEFT: 10px;
	cursor:pointer;
}
#nextBtn {
	Z-INDEX: 10;
	POSITION: absolute;
	WIDTH: 20px;
	BACKGROUND: url(/images/btn_next.png) no-repeat;
	HEIGHT: 40px;
	TOP: 105px;
	RIGHT: 10px;
	cursor:pointer;
}
	

ol#controls{
	margin:0;
	padding:0;
	height:3px;
	position:absolute;
	top:240px;
	left:420px;
	}
ol#controls li{
	margin:0 4px; 
	float:left;
	list-style:none;
	height:3px;
	line-height:3px;
	border:1px solid #000;
	text-indent:-9999px;
	overflow:hidden;
	}
ol#controls li a{
	float:left;
	width:12px;
	background:#666;
	}
ol#controls li a:hover { color:#FC0}
ol#controls li.current a{
	background:#678B23;
	}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	

#mainDiv{width:936px; margin:0 auto}
#mainDiv .topbg{height:12px; width:100%; background:url(/images/c_top_bg.png) no-repeat; overflow:hidden}
#mainDiv .mainbg{height:auto; width:100%; background:url(/images/c_main_bg.png) repeat-y}
#mainDiv .footbg{height:13px; width:100%; background:url(/images/c_foot_bg.png) no-repeat; overflow:hidden}

#menu{width:920px; height:36px; background:url(/images/menu_bg.jpg) repeat-x; margin:0 auto; position:relative}
#menu ul, li{list-style:none; margin:0; padding:0}
#menu ul{display:block; margin:0 auto; height:36px; width:700;}
#menu ul li{display:block; width:106px; height:36px; background:url(/images/menu_split.jpg) no-repeat right; float:left; position:relative}
#menu ul a{display:block; color:#FFF; font-size:14px; font-weight:700; line-height:36px; height:36px; width:106px; text-align:center}
#menu ul a:link, #menu ul a:visited{color:#FFF}
#menu ul a:hover, #menu ul .hover{background:url(/images/menu_bg_on.jpg) repeat-x}
#menu .hotico { width:28px; height:12px; background:url(/images/hot.gif) no-repeat; position:absolute; top:0; right:0;}

.topnews {width:920px; height:36px; margin:0 auto; background:url(/images/menu_bg.jpg) 0 -36px repeat-x;}
.topnews h2 { height:36px; width:120px; background:url(/images/topnews.gif) 30px center no-repeat; float:left; text-indent:-9999px}
a.wyzwz { width:117px; height:36px; background:url(/images/wyjz_btn.gif) center center no-repeat; float:left; text-indent:-9999px}
#topnews{ width:670px; height:36px; overflow:hidden; float:left}
#topnews ul { display:block; width:600px; height:36px; }
#topnews li { display:block; height:36px; width:900px;text-indent:8px;}
#topnews a{color:#666; font-size:12px; font-weight:400; line-height:36px; height:36px; }
#topnews a:link, #topnews a:visited{color:#333}
#topnews a:hover{color:#C00;}

.mainWarp{ width:890px; margin:10px auto 10px; _margin:10px auto 5px}
#proview{height:98px; border:#e5e5e5 solid 1px}
#proview ul{display:block; float:left; width:290px; height:76px; margin:6px 2px}
#proview ul li, #proview h2{margin-left:80px; line-height:24px}
#proview ul li{color:#666}
#proview h2{font-weight:400}
#proview a{font-weight:700; font-size:14px;}
#proview a:hover{color:#C00}
#proview .web{background:url(/images/solution_bg.jpg) no-repeat 0 0}
#proview .soft{background:url(/images/solution_bg.jpg) no-repeat 0 -76px}
#proview .search{background:url(/images/solution_bg.jpg) no-repeat 0 -152px}

.title{height:36px; background:url(/images/xx-2.gif) repeat-x bottom}
.title h2{height:30px; width:200px; text-indent:-9999px; float:left; margin-left:5px}
.title a{display:block; width:91px; height:26px; line-height:28px; text-indent:15px; float:right; background:url(/images/more_bg.jpg) no-repeat}
#case h2{ background:url(/images/block_title.gif) no-repeat 0 0}
#case ul{display:block; width:175px; height:175px; padding:8px; background:#eaeaea; border:#e1e1e1 solid 1px; margin:15px; _margin:15px 20px 8px 8px; float:left}
#case .last{margin-right:0}
#case ul li{display:block; width:100%; margin:0 auto}
#case ul .webname{height:30px; line-height:30px; font-weight:700; background:url(/images/jt.gif) right center no-repeat}

#vhost h2{background:url(/images/block_title.gif) no-repeat 0 -30px}
.box { display:block; width:205px; height:344px; background:url(/images/box_bg.gif) no-repeat; margin:10px 8px; _margin:10px 6px;  float:left;}
#domainBox li { display:block; height:100px; width:190px; margin:10px auto; background:url(/images/xx.jpg) bottom repeat-x}
#domainBox li h3 { height:60px; text-indent:-9999px;}
.buybtn { display:block; width:75px; height:23px; background:url(/images/buy_btn.jpg) no-repeat; text-indent:-9999px; margin:5px auto;}
h3#com{background:url(/images/domain1.jpg) center center no-repeat; }
h3#cn { background:url(/images/domain2.jpg) center center no-repeat; }
h3#zh { background:url(/images/domain3.jpg) center center no-repeat; }

.box h4 { width:188px; height:87px; margin:10px auto 0 auto; text-indent:-9999px}
.box h5 { width:188px; height:43px; margin:0 auto; text-indent:-9999px;}
.web150 { background:url(/images/web150.jpg) no-repeat}
.web220 { background:url(/images/web220.jpg) no-repeat}
.web320 { background:url(/images/web320.jpg) no-repeat}
.vhost100 { background:url(/images/100m.jpg) no-repeat}
.vhost200 { background:url(/images/200m.jpg) no-repeat}
.box pre { line-height:190%; color:#666; padding:10px}

#news h2{background:url(/images/block_title.gif) no-repeat 0 -60px}

#news ul{display:block; width:900px; margin:10px  auto; float:left}
#news ul li{display:block; width:410px; height:24px; line-height:24px; margin:0 15px; border-bottom:#CCC dotted 1px; float:left}
#news ul li a{display:block; float:left}
#news ul li .date{display:block; float:right; color:#999; font-size:11px}

#friendlink{padding:0 10px; color:#999; text-align:left; width:900px; line-height:24px}
#friendlink a{color:#999}
#friendlink a:link, #friendlink a:vistited{color:#999}
#friendlink a:hover{color:#F90}
.footDiv{background:#181818; width:100%;}
.footer{width:900px; margin:0 auto; background:url(/images/flogo.png) no-repeat 690px 80%; padding:10px;}
.footer .contact{float:left; color:#666}
.footer .links{float:right; color:#666}
.footer  a{color:#666}
.footer  a:link,.footer a:visited{color:#666}
.footer  a:hover{color:#F90}

.navbar{height:30px; line-height:30px; width:920px; margin:0 auto; background:#F4F4F5; text-indent:30px; font-family:"ËÎÌå"}
.navbar a:visited{color:#333}
.mainContent{width:920px; margin:10px auto}
.mainContent .left{float:left; width:218px}
.mainContent .right{float:right; width:702px}
.mainContent .right h2{height:33px; background:url(/images/text-bg.jpg) no-repeat; line-height:33px; color:#fff; font-size:12px; font-weight:700; text-indent:30px}
.mainContent .main{ width::860px;}
.mainContent .main h2{height:33px; background:url(/images/text-bg.jpg) no-repeat; line-height:33px; color:#fff; font-size:12px; font-weight:700; text-indent:30px}
.mainContent .Content{padding:15px 15px}

.proLeft{width:200px; background:url(/images/proleft_bg.jpg) repeat-y; margin:0 auto 15px auto}
.proLeft h2{width:200px; background:url(/images/proleft_top.jpg) no-repeat; height:35px; line-height:35px; font-size:14px; font-weight:700; color:#fff; text-indent:20px}
.proLeft ul{width:200px; height:auto;  display:block; background:url(/images/proleft_btm.jpg) no-repeat bottom}
.proLeft ul li{width:190px; display:block; margin:0 auto}
.proLeft ul .last{height:15px}
.proLeft ul a{width:100%; height:26px; line-height:26px; border-bottom:#E6E6E6 solid 1px; background:url(/images/ar1.gif) 20px center no-repeat; text-indent:30px; display:block}
.proLeft ul a:link, .proLeft ul a:visited{color:#333}
.proLeft ul a:hover{color:#F00; background:url(/images/proleft_bgon.gif) no-repeat}
.proLeft ul .proSubmenu{width:190px; height:auto}
.proLeft ul .proSubmenu a{text-indent:35px; float:left; height:26px; line-height:26px; background:url(/images/ar2.gif) 25px center no-repeat}

.proFaq{width:200px; margin:10px auto}
.proFaq h2{width:200px; height:30px; line-height:30px; background:url(/images/leftfaq_top.jpg) no-repeat; font-size:14px; font-weight:700; text-indent:15px; color:#fff}
.proFaq ul{display:block; width:175; padding:5px 5px 5px 10px; background:#F9F9F9; border:#E7E7E7 solid 1px}
.proFaq ul li{display:block; height:24px; background:url(/images/ar1.gif) no-repeat left center}
.proFaq ul a{display:block; text-indent:8px}
.proFaq ul .last{text-align:right; background:url(/blank.gif)}

.Content h3{width:100%; height:30px; line-height:30px; font-size:14px; font-weight:700; border-bottom:#ccc solid 1px; text-align:center}
.Content .date{display:block; width:100%; height:24px; line-height:24px; border-bottom:#ccc dotted 1px; text-align:center}
#infoContent{margin:10px 0; font-size:14px; line-height:180%}
.Content .nextTitle{display:block; width:100%; border-top:#CCC dotted 1px}
.Content .nextTitle li{display:block; width:100%; height:24px; line-height:24px}
.Content p{line-height:150%; text-indent:24px; margin:10px 0}

.faqlist{display:block; margin-bottom:10px}
.faqlist li{display:block; height:26px; line-height:26px; background:url(/images/xx.jpg) repeat-x bottom}
.pages{height:30px; line-height:30px; margin-left:200px}
.pages span{display:block; height:22px; line-height:22px; background:#666; color:#FFF; float:left; margin-right:4px; padding:1px 6px}
.pages a{display:block; height:22px; line-height:22px; background:#666; color:#FFF; float:left; margin-right:4px; padding:1px 6px;}
.pages a:link, .pages a:visited{color:#fff; background:#666;}
.pages a:hover{color:#FC0; background:#333}

.cateTitle{height:50px; line-height:50px; width:900px; margin:0 auto; background:url(/images/xx-2.gif) repeat-x bottom; font-size:24px; font-weight:700; text-indent:15px}
.newsLeft{width:200px; margin-left:15px; _margin-left:8px; float:left}
.newsRight{width:670px; float:right; margin-right:15px; _margin-left:8px; border-left:#CCC solid 1px; padding-left:10px}
.newsList{ margin-bottom:5px}
.newsList h2{width:660px; height:30px; line-height:30px; background:url(/images/xx.jpg) repeat-x bottom; font-size:14px}
.newsList h2 a{display:block; background:url(/images/jt4.gif) 5px center no-repeat; display:block; width:500px; text-indent:20px; float:left}
.newsList h2 span{display:block; float:right; font-size:12px; font-weight:400; color:#999}
.newsList p{padding:5px 0; line-height:20px; color:#666; text-indent:24px}
.infonote{width:630px; padding:5px; background:#EAEAEA; border-bottom:#CCC dotted 1px; color:#09C; margin:0 auto}
.infoTool{height:24px; line-height:24px; background:#EEE; border-top:#CCC solid 1px; text-align:center}

.caseList, .moreCase{width:900px; margin:0 auto}
.moreCase h3{height:36px; width:900px; background:url(/images/enquire_now.gif) no-repeat; text-indent:-9999px; margin:15px auto}
.moreCase ul{display:block; width:860px; margin:10px auto}
.moreCase li{display:block; height:30px; line-height:30px; width:200px; background:url(/images/jt5.gif) left center no-repeat; text-indent:15px; float:left}

.contactBanner{width:902px; height:260px; margin:10px auto; background:url(/images/c-banner.jpg) no-repeat; text-indent:-9999px}
.serviceBanner{width:902px; height:260px; margin:10px auto; background:url(/images/s-banner.jpg) no-repeat; text-indent:-9999px}
.aboutBanner{width:685px; height:250px; margin:10px 0; background:url(/images/company.jpg) no-repeat; text-align:-9999px}