/* CSS Document */

/* command */
body
{
	margin: 0;
	padding: 0;
	color: #333;
	font: 12px/135% "΢ÈíÑźÚ" , "ËÎÌå" , Arial;
	background: #fff;
}
ul, ol, li, dl, dt, dd, p, pre, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, th, img, div
{
	margin: 0;
	padding: 0;
	border: none;
}
img{border:0px;}
input, button
{
	margin: 0;
	padding: 0;
}
textarea
{
	font-size: 12px;
	padding: 6px 5px;
}
ol, ul
{
	list-style-type: none;
}
.magin0
{
	margin: 0px;
}
form
{
	margin: 0px;
	border: 0px;
	padding: 0px;
}
input, select
{
	font-size: 12px;
	font-family: Tahoma, helvetica, Arial;
}
.inputStyle
{
	height: 26px;
	line-height: 26px;
	border: 1px solid #aaa;
	color: #464646;
	padding: 0 5px;
	background: #fff url(../images/input.gif) no-repeat scroll 0 0;
}

select
{
	font: 11px/20px 'Verdana' , 'Geneva' , sans-serif;
}

a
{
	color: #666666;
	text-decoration: none;
}
a:hover
{
	color: #666666;
	text-decoration: underline;
}
a:foucs
{
}

.red
{
}
.red a
{
	color: #c00;
}

.clear
{
	clear: both;
}

.header, .menuBar, .banner, .year, .iMain, .case, .footer
{
	width: 1002px;
	margin: 0 auto;
}

.searchBar, .basic_ico, .webDesign_ico, .seo_ico, .hosting_ico, .grayLine, .ico_contact, .case, .case ul li, .readMore, .footer
{
	background-image: url(../images/s.gif);
	background-repeat: no-repeat;
}

/* header */
.header
{
	height: 76px;
	padding-top: 25px;
}
.logo
{
}

.menu_bg
{
	background: url(../images/menu_bg.gif) repeat-x 0 0;
	height: 28px;
	line-height: 28px;
}
.menu
{
	float: left;
	font-size: 13px;
}
.menu ul li
{
	float: left;
	padding: 0 25px;
}
.menu ul li a
{
	color: #888;
}
.menu ul li a:hover
{
	color: #c00;
	text-decoration: none;
}
.searchBar
{
	float: right;
	width: 172px;
	margin: 3px 0 0 0;
	background-position: 0 0;
	height: 21px;
}
.searchBox
{
	width: 125px;
	height: 18px;
	padding: 2px 0 0 20px;
	background: transparent;
	line-height: 18px;
	vertical-align: top;
	color: #666;
	border: none;
}
.btnSearch
{
	width: 23px;
	height: 22px;
	text-indent: -1000em;
	background: transparent;
	cursor: pointer;
	border: none;
}

.banner
{
	margin-bottom: 5px;
	margin-top: 15px;
}

.iMain
{
	margin-top: 30px;
}
.iLeft
{
	float: left;
	width: 227px;
}
.news
{
	color: #999;
}
.news h2
{
	font-size: 12px;
}
.news ul li
{
	border-bottom: 1px dotted #999;
	padding: 10px 0;
}
.news ul li h3
{
	font-size: 14px;
	padding-bottom: 6px;
}
.news ul li h3 a
{
	color: #777;
}
.news_date
{
	text-align: right;
	font-size: 11px;
}

.ico_contact
{
	background-position: 0 -50px;
	margin-top: 10px;
	width: 227px;
	height: 99px;
	position: relative;
}
.ico_contact span
{
	position: absolute;
	right: 10px;
	bottom: 10px;
}



.iRight
{
	float: right;
	width: 728px;
	padding: 0 15px;
	border: 1px solid #e8e8e8;
}
.iRight dl
{
	float: left;
	width: 345px;
	padding: 17px 0 17px 15px;
}
.iRight dl dt
{
	margin-bottom: 15px;
}
.iRight dl dd
{
	float: left;
	line-height: 20px;
}
.iRight dl dd.ico
{
	width: 68px;
	height: 68px;
	padding-right: 18px;
}
.basic_ico
{
	background-position: -300px -50px;
}
.webDesign_ico
{
	background-position: -400px -50px;
}
.seo_ico
{
	background-position: -500px -50px;
}
.hosting_ico
{
	background-position: -600px -50px;
}

.grayLine
{
	width: 736px;
	height: 14px;
	background-position: 0 -200px;
	clear: both;
}

.case
{
	background-position: -850px 15px;
	background-color: #f5f5f5;
	margin-top: 25px;
}
.case ul
{
	padding-left: 125px;
}
.case ul li
{
	float: left;
	width: 164px;
	height: 224px;
	padding: 10px;
	background-position: 0 -250px;
	margin: 15px 0 15px 28px;
	color: #666;
	line-height: 18px;
}
.case ul li img
{
	width: 161px;
	height: 103px;
}
.case ul li b
{
	display: block;
	padding: 5px 0;
	line-height: 16px;
}
.readMore
{
	background-position: -850px -596px;
	font-size: 11px;
	padding-left: 15px;
	margin-top: 12px;
}
.readMore a
{
	color: #c00;
}


.footer_bg
{
	background: url(../images/footer_bg.gif) repeat-x 0 0 #999;
	margin-top: 35px;
}
.footer
{
	background-position: -850px -374px;
	padding: 26px 0;
	color: #fff;
}
.footer a
{
	color: #fff;
}
.footer_add, .footer_idc, .footer_tel
{
	float: left;
	width: 252px;
}
.footer_add
{
	padding-left: 220px;
}

/*content*/
#content_main
{
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
	background-color: #000000;
	color: #ffffff;
	font-size: 11px;
}

#content_main_div
{
	width: 1004px;
	margin: 0px auto;
}
#content_main_div ul
{
	list-style: none;
	margin-left: 22px;
}
#content_main_div ul li
{
	float: left;
	padding: 0px 2px;
	height: 21px;
	line-height: 21px;
	vertical-align: middle;
}
#content_main_div ul li a
{
	color: #ffffff;
}
/************************************/
.h40
{
	height: 40px;
}
.h20
{
	height: 20px;
}
.w20
{
	width: 20px;
}
.text_decoration_none
{
	text-decoration: none;
}
.borderBlack1
{
	border: 1px solid #000000;
}
.fontcoloryellow
{
	color: #FF9900;
}
.fontcolorred
{
	color: #CC0000;
}
.size14
{
	font-size: 14px;
}
.size16
{
	font-size: 16px;
}
.size18
{
	font-size: 18px;
}
.size24
{
	font-size: 24px;
}
.txtcenter
{
	text-align: center;
}
.txtleft
{
	text-align: left;
}
.txtright
{
	text-align: right;
}
.txtmiddle
{
	vertical-align: middle;
}
.float_right
{
	float: right;
}
.float_left
{
	float: left;
}
.maginbottom10
{
	margin-bottom: 10px;
}
.server_left_bg1
{
	background-image: url(../images/left_bg.gif);
	background-position: top;
	background-repeat: repeat-y;
	line-height: 21px;
	vertical-align: middle;
	text-align: left;
	padding-left: 32px;
	padding-right: 18px;
	margin: 0px auto;
	color: #666666;
}
.server_left_bg1 a
{
	color: #666666;
}

.padding_r2_l1{padding:0px 2px 0px 1px;}
.padding_r3_l2{padding:0px 3px 0px 2px;}
.server_left_bg2
{
	background-color:#FFFFFF;
	background-image: url(../images/left_bg1.gif);
	background-position: center;
	background-repeat: repeat-x;
	width: 138px;
	overflow:hidden;
	border:1px solid #DDDDDD;
	line-height: 17px;
	vertical-align: middle;
	text-align: left;
	margin-left: 32px;
	margin-right: 18px;
	margin: 0px auto;
	color: #666666;
}
.server_left_bg2 a
{
	color: #666666;
}
.color666666
{
	color: #666666;
}
.color999999
{
	color: #999999;
}
.size10
{
	font-size: 10px;
}
.server_left_bg1 a:hover
{
	color: #069;
}
.lineheight19
{
	line-height: 19px;
}
.lineheight21
{
	line-height: 21px;
}
.lineheight22
{
	line-height: 22px;
}
.lineheight26
{
	line-height: 26px;
}
.displaynone
{
	display: none;
}
.paddingleft4
{
	padding-left: 4px;
}
.coloryellow
{
	color: #FF7902;
}
.paddingtop2
{
	padding-top: 2px;
}
.paddingbottom2
{
	padding-bottom: 2px;
}
.bordertop1ccc
{
	border-top: 1px solid #CCCCCC;
}
.bordertop1cccdashed
{
	border-top: 1px #CCCCCC dashed;
}
.text2em{text-indent:2em;}