@import url(public.css);

/*
 * $Rev: * $
 * Created: fengling
 * Modified: $Author: fengling $ $LastChangedDate: 2010-03-30 09:35:00 +0800 (星期二, 30 三月 2010) $
 */

/* switch banner
--------------------------------------------------------------  */
.sbArea 
{
	height:222px;
	overflow:hidden;
	position:relative;
	z-index:50;
	}
	.sbArea ul 
	{
		list-style:none;
		}
	.sbArea .imgArea 
	{
		float:left;
		width:665px;
		height:222px;
		overflow:hidden;
		position:relative;
		}
		.sbArea .imgArea li 
		{
			position:absolute;
			width:665px;
			height:222px;
			}
	.sbArea .arrowArea 
	{
		width:33px;
		height:222px;
		position:absolute;
		z-index:10;
		left:646px;
		background:url(../images/switchArrow.gif) no-repeat scroll 0 0;
		}
	.sbArea .navArea 
	{
		float:right;
		width:268px;
		height:222px;
		overflow:hidden;
		padding:17px 0 0 14px;
		background:url(../images/switchNavBg.jpg) repeat-x scroll 0 0;
		}
		.sbArea .navArea li 
		{
			font-size:14px;
			margin-bottom:13px;
			}
			.sbArea .navArea a 
			{
				display:block;
				width:253px;
				line-height:27px;
				text-indent:15px;
				text-decoration:none;
				}
			.sbArea .navArea a.current 
			{
				background:url(../images/switchNavThisBg.jpg) no-repeat scroll 0 0;
				color:#FFFFFF;
				}
				
/* 主推产品-框架
--------------------------------------------------------------  */
.fpArea 
{
	height:180px;
	overflow:hidden;
	background:#FFFFFF url(../images/fpAreaBg.jpg) repeat-x scroll 0 0;
	border-bottom:1px solid #CCCCCC;
	}
	.fpArea .sliderArea 
	{
		height:180px;
		background:url(../images/fbLine.jpg) no-repeat scroll 484px 0;
		}
		.fpArea .proArea 
		{
			height:180px;
			}
		.fpArea .controls 
		{
			position:relative;
			}
			.fpArea .controls #prevBtn 
			{
				position:absolute;
				left:20px;
				top:-103px;
								}
			.fpArea .controls #nextBtn 
			{
				position:absolute;
				right:20px;
				top:-103px;
				}
			.fpArea .controls #prevBtn,
			.fpArea .controls #prevBtn a,
			.fpArea .controls #nextBtn,
			.fpArea .controls #nextBtn a 
			{
				display:block;
				width:17px;
				height:21px;
				text-indent:-9999px;
				}
				.fpArea .controls #prevBtn a 
				{
					background:url(../images/prevBtn.gif) no-repeat scroll 0 0;
					}
				.fpArea .controls #nextBtn a 
				{
					background:url(../images/nextBtn.gif) no-repeat scroll 0 0;
					}
				
/* 主推产品
--------------------------------------------------------------  */
.fpArea .area 
{
	float:left;
	width:430px;
	padding:25px 0 0 50px;
	overflow:hidden;
	}
/*.fpArea .cmsArea 
{
	background:url(../images/fbBg01.jpg) no-repeat scroll 73px 0;
	}
.fpArea .hrArea 
{
	background:url(../images/fbBg02.jpg) no-repeat scroll 100px 0;
	}*/
	.fpArea .leftArea
	{
		float:left;
		}
	.fpArea .rightArea
	{
		margin-left:110px;
		}
		.fpArea .rightArea h3 
		{
			width:262px;
			height:40px;
			display:block;
			text-indent:-9999pt;
			}
		.fpArea .cmsArea .rightArea h3 
		{
			background:url(../images/cmsFpTitle.jpg) no-repeat scroll 0 0;
			}
		.fpArea .hrArea .rightArea h3 
		{
			background:url(../images/hrFpTitle.jpg) no-repeat scroll 0 0;
			}
		.fpArea .gaArea .rightArea h3 
		{
			background:url(../images/gaFpTitle.jpg) no-repeat scroll 0 0;
			}
		.fpArea .carArea .rightArea h3 
		{
			background:url(../images/qicheFpTitle.jpg) no-repeat scroll 0 0;
			}
		.fpArea .wuyeArea .rightArea h3 
		{
			background:url(../images/wuyeFpTitle.jpg) no-repeat scroll 0 0;
			}
		.fpArea .rightArea .conArea 
		{
			padding:8px 0 12px 10px;
			color:#666666;
			line-height:170%;
			}
		.fpArea .rightArea .lkArea 
		{
			padding-left:10px;
			}
			.fpArea .rightArea .lkArea a 
			{
				color:#CC0000;
				padding-left:17px;
				margin-right:20px;
				text-decoration:underline;
				background:url(../images/redArrow.gif) no-repeat scroll 0 2px;
				*background-position:0 0;
				}
			.fpArea .rightArea .lkArea a:hover 
			{
				text-decoration:none;
				}

/* 中间-左边
--------------------------------------------------------------  */
.main .left 
{
	float:left;
	width:440px;
	padding-left:30px;
	}

/* 中间-右边
--------------------------------------------------------------  */
.main .right 
{
	float:right;
	width:430px;
	padding-right:30px;
	}

/* 中间-服务
--------------------------------------------------------------  */
.sArea 
{
	height:234px;
	}
	.sArea .flashArea 
	{
		width:450px;
		height:234px;
		margin-left:-8px;
		}
	.sArea .conArea 
	{
		display:none;
		}

/* 中间-书签
--------------------------------------------------------------  */
.ttArea 
{
	height:25px;
	overflow:hidden;
	background:url(../images/ttAreaBg.gif) repeat-x scroll 0 24px;
	}
	.ttArea ul 
	{
		float:left;
		list-style:none;
		}
		.ttArea li 
		{
			float:left;
			margin-right:2px;
			padding:0 10px;
			line-height:21px;
			border:1px solid #CCCCCC;
			border-bottom:0 none;
			margin-top:2px;
			cursor:pointer;
			background:url(../images/ttNavBg.jpg) repeat-x scroll 0 0;
			}
		.ttArea li.this 
		{
			display:block;
			overflow:hidden;
			height:24px;
			line-height:25px;
			background:#FFFFFF none;
			border:1px solid #999999;
			border-bottom-color:#FFFFFF;
			margin-top:0;
			font-weight:700;
			}
	.ttArea .more 
	{
		float:right;
		display:block;
		width:37px;
		height:22px;
		text-indent:-9999pt;
		background:url(../images/moreIco.gif) no-repeat scroll right 11px;
		}



/* 中间-新闻列表
--------------------------------------------------------------  */
.nlArea ul
{
	list-style:none;
	background:url(../images/newsListBg.gif) repeat scroll 0 0;
	}
.nlArea .hide 
{
	display:none;
	}
	.nlArea li 
	{
		text-align:right;
		line-height:27px;
		padding:0 0 1px 21px;
		background:url(../images/newsIco.gif) no-repeat scroll 2px 7px;
		}
		.nlArea li a 
		{
			float:left;
			}
		.nlArea li strong
		{
			color:#CC0000;
			font-weight:400;
			}
		.nlArea li a:hover 
		{
			color:#CC0000;
			}
		.nlArea li .time 
		{
			font-family:Arial;
			font-size:11px;
			color:#999999;
			}

/* 中间-左边-业务
--------------------------------------------------------------  */
.buArea 
{
	height:228px;
	}
	.buArea .tcArea 
	{
		height:202px;
		overflow:hidden;
		border:1px solid #999999;
		border-top:0 none;
		background:url(../images/buAreaBg.jpg) repeat-x scroll 0 0;
		}
		
/* 中间-左边-业务-域名查询
--------------------------------------------------------------  */
.dnArea {}
	.dnArea .searchArea 
	{
		width:400px;
		margin:15px auto 0;
		height:30px;
		background:url(../images/ymsBg.jpg) no-repeat scroll right 0;
		position:relative;
		}
		.dnArea .searchArea em 
		{
			font-size:14px;
			font-weight:700;
			font-style:normal;
			line-height:30px;
			}
		.dnArea .searchArea .textBox 
		{
			position:absolute;
			width:187px;
			height:18px;
			border:1px solid #999999;
			right:71px;
			top:5px;
			}
		.dnArea .searchArea .btn 
		{
			position:absolute;
			right:11px;
			top:5px;
			display:inline-block;
			text-align:center;
			width:53px;
			height:20px;
			line-height:20px;
			text-decoration:none;
			overflow:hidden;
			padding-left:2px;
			background:url(../images/btnBg.jpg) no-repeat scroll left 0;
			}
		.dnArea .searchArea .btn span 
		{
			float:left;
			width:53px;
			height:20px;
			cursor:pointer;
			background:url(../images/btnBg.jpg) no-repeat scroll right 0;
			}
	.dnArea .ymArea 
	{
		padding-top:5px;
		padding-left:111px;
		height:109px;
		background:url(../images/ymIco.jpg) no-repeat scroll 16px 12px;
		}
		/*.dnArea .ymArea ul 
		{
			list-style:none;
			width:321px;
			}
			.dnArea .ymArea li 
			{
				float:left;
				width:79px;
				padding:2px 0 3px;
				}
				.dnArea .ymArea li label 
				{
					font-family:Arial;
					font-weight:400;
					}*/
		.dnArea .ymArea table {}
			.dnArea .ymArea td 
			{
				width:79px;
				padding:3px 0 2px;
				}
				.dnArea .ymArea label 
				{
					font-family:Arial;
					font-weight:400;
					}
	.dnArea .linkArea 
	{
		padding-top:6px;
		}
		.dnArea .linkArea .leftArea 
		{
			float:left;
			padding-left:16px;
			}
			.dnArea .linkArea ul 
			{
				list-style:none;
				}
				.dnArea .linkArea ul li 
				{
					}
					.dnArea .linkArea ul li a 
					{
						padding-left:11px;
						margin-right:20px;
						text-decoration:underline;
						background:url(../images/subIco.jpg) no-repeat scroll 0 5px;
						*background-position:0 5px;
						}
		.dnArea .linkArea .rightArea 
		{
			float:right;
			}
			.dnArea .linkArea .rightArea a 
			{
				color:#CC0000;
				padding-left:17px;
				margin-right:20px;
				text-decoration:underline;
				background:url(../images/redArrow.gif) no-repeat scroll 0 2px;
				*background-position:0 0;
				}
				
/* 中间-左边-业务-主机服务
--------------------------------------------------------------  
.whArea {}
	.whArea .conArea
	{
		padding:16px 0 0 0;
		height:170px;
		background:url(../images/whIco.jpg) no-repeat scroll 15px 15px;
		}
		.whArea .conArea .leftArea 
		{
			float:left;
			width:133px;
			padding:0 27px 0 89px;
			background:url(../images/whAreaLine.gif) no-repeat scroll right 26px;
			}
			.whArea .conArea .leftArea dt
			{
				font-size:14px;
				padding-bottom:5px;
				}
			.whArea .conArea .leftArea dd 
			{
				color:#666666;
				}
			.whArea .conArea .leftArea ul
			{
				list-style:none;
				height:47px;
				padding:6px 0 0 2px;
				}
				.whArea .conArea .leftArea li
				{
					line-height:170%;
					}
					.whArea .conArea .leftArea li a
					{
						padding-left:11px;
						margin-right:20px;
						text-decoration:underline;
						background:url(../images/subIco.jpg) no-repeat scroll 0 5px;
						*background-position:0 5px;
						}
			.whArea .leftArea .linkArea  a
			{
				color:#CC0000;
				padding-left:17px;
				margin-right:20px;
				text-decoration:underline;
				background:url(../images/redArrow.gif) no-repeat scroll 0 2px;
				*background-position:0 0;
				}
			.whArea .conArea .rightArea 
			{
				float:right;
				width:149px;
				padding-right:20px;
				}
				.whArea .conArea .rightArea ul 
				{
					padding-top:25px;
					list-style:none;
					line-height:170%;
					}
					.whArea .conArea .rightArea li 
					{
						text-align:right;
						color:#CC0000;
						}
						.whArea .conArea .rightArea span 
						{
							float:left;
							color:#333333;
							}*/

/* 中间-左边-业务-域名注册-主机服务-企业邮局-营销推广
--------------------------------------------------------------  */
.ycArea,
.whArea,
.emArea,
.mArea {}
	.whArea .conArea,
	.emArea .conArea,
	.mArea .conArea,
	.ycArea .conArea
	{
		padding:16px 21px 0 137px;
		height:170px;
		background:url(../images/whIco.jpg) no-repeat scroll 20px 15px;
		}
	.emArea .conArea 
	{
		background:url(../images/emIco.jpg) no-repeat scroll 20px 15px;
		}
	.mArea .conArea 
	{
		background:url(../images/mIco.jpg) no-repeat scroll 20px 15px;
		}
	.ycArea .conArea 
	{
		background:url(../images/ycIco.jpg) no-repeat scroll 20px 15px;
		}
		.whArea .conArea dt,		
		.emArea .conArea dt,
		.mArea .conArea dt,
		.ycArea .conArea dt
		{
			font-size:14px;
			padding-bottom:5px;
			}
		.mArea dl 
		{
			padding-bottom:46px;
			margin-bottom:4px;
			background:url(../images/baigle.jpg) no-repeat scroll 0 bottom;
			}
		.whArea .conArea ul,
		.emArea .conArea ul,
		.ycArea .conArea ul,
		.mArea .conArea ul
		{
			list-style:none;
			height:77px;
			padding:12px 0 0 2px;
			}
			.whArea .conArea li,
			.emArea .conArea li,
			.ycArea .conArea li,
			.mArea .conArea li
			{
				line-height:170%;
				}
				.whArea .conArea li a,
				.emArea .conArea li a,
				.ycArea .conArea li a,
				.mArea .conArea li a
				{
					padding-left:11px;
					margin-right:20px;
					text-decoration:underline;
					background:url(../images/subIco.jpg) no-repeat scroll 0 5px;
					*background-position:0 5px;
					}
		.whArea .linkArea a,
		.emArea .linkArea a,
		.ycArea .linkArea a,
		.mArea .linkArea a
		{
			color:#CC0000;
			padding-left:17px;
			margin-right:20px;
			text-decoration:underline;
			background:url(../images/redArrow.gif) no-repeat scroll 0 2px;
			*background-position:0 0;
			}
		.dnArea .linkArea ul li a:hover,
		.dnArea .linkArea .rightArea a:hover,
		.emArea .conArea li a:hover,
		.whArea .conArea li a:hover,
		.mArea .conArea li a:hover,
		.whArea .linkArea a:hover,
		.emArea .linkArea a:hover,
		.mArea .linkArea a:hover,
		.ycArea .conArea a:hover,
		.ycArea .linkArea a:hover
		{
			text-decoration:none;
			}
	
/* 中间-信息
--------------------------------------------------------------  */
.mArea 
{
	overflow:hidden;
	}
	.mArea .ttArea 
	{
		padding-left:5px;
		margin-bottom:7px;
		}
		.mArea .ttArea ul 
		{
			width:380px;
			}
	
			
/* 中间-左边-快速通道
--------------------------------------------------------------  */
.ftArea 
{
	width:440px;
	height:61px;
	overflow:hidden;
	}
	.ftArea ul 
	{
		width:500px;
		list-style:none;
		}
		.ftArea li 
		{
			float:left;
			margin-right:10px;
			}
			.ftArea a 
			{
				display:block;
				width:140px;
				height:61px;
				text-indent:-9999pt;
				background:url(../images/ftAreaIco.jpg) no-repeat scroll 0 0;
				}
			.ftArea a:hover 
			{
				background-repeat:repeat-y;
				}
			.ftArea a.kf 
			{
				background-position:0 11px;
				}
			.ftArea a.kf:hover 
			{
				background-position:0 11px;
				}
			.ftArea a.fw 
			{
				background-position:-140px 11px;
				}
			.ftArea a.fw:hover 
			{
				background-position:-140px 11px;
				}
			.ftArea a.zx 
			{
				background-position:-280px 11px;
				}
			.ftArea a.zx:hover 
			{
				background-position:-280px 11px;
				}
			

/* 中间-右边-公司动态
--------------------------------------------------------------  */
.right .dmArea 
{
	height:234px;
	}
	.right .dmArea .tnArea 
	{
		height:88px;
		overflow:hidden;
		position:relative;
		background:#FFFFFF url(../images/topNewsBg.jpg) no-repeat scroll 0 bottom;
		}
		.right .dmArea .tnArea h2 
		{
			text-align:center;
			margin:10px 0 6px;
			}
			.right .dmArea .tnArea h2 a:hover
			{
				color:#CC0000;
				text-decoration:underline;
				}
		.right .dmArea .tnArea em 
		{
			font-size:12px;
			font-style:normal;
			color:#666666;
			line-height:170%;
			}
			.right .dmArea .tnArea em a 
			{
				color:#666666;
				}
			.right .dmArea .tnArea em a:hover
			{
				color:#CC0000;
				text-decoration:underline;
				}
		.right .dmArea .tnArea .more 
		{
			position:absolute;
			right:0;
			top:66px;
			top:64px\9;
			float:right;
			display:block;
			width:37px;
			height:10px;
			text-indent:-9999pt;
			background:url(../images/moreIco.gif) no-repeat scroll right 2px;
			}
	
/* 中间-右边-信息
--------------------------------------------------------------  */
.right .mArea 
{
	height:228px;
	}

/* 中间-右边-案例
--------------------------------------------------------------  */
.cArea 
{
	}
	.cArea .titleArea
	{
		height:24px;
		}
		.cArea .titleArea h3 
		{
			float:left;
			padding-left:16px;
			background:url(../images/titleIco.gif) no-repeat scroll 0 5px;
			}
		.cArea .titleArea .more 
		{
			float:right;
			display:block;
			width:37px;
			height:22px;
			text-indent:-9999pt;
			background:url(../images/moreIco.gif) no-repeat scroll right 11px;
			}
	.cArea .conArea 
	{
		width:430px;
		overflow:hidden;
		}
		.cArea .conArea ul 
		{
			width:450px;
			list-style:none;
			}
			/*.cArea .conArea li 
			{
				float:left;
				display:block;
				border:1px solid #999999;
				padding:3px;
				margin:0 10px 10px 0;
				}
				.cArea .conArea img 
				{
					width:202px;
					height:62px;
					vertical-align:top;
					}*/
			.cArea .conArea li
			{
				float:left;
				display:block;
				margin:0 10px 2px 0;
				}
				.cArea .conArea dl 
				{
					width:210px;
					}
					.cArea .conArea dt 
					{
						border:1px solid #999999;
						padding:3px;
						}
						.cArea .conArea dt img 
						{
							width:202px;
							height:62px;
							vertical-align:top;
							}
						.cArea .conArea dd 
						{
							text-align:center;
							line-height:27px;
							line-height:28px\9;
							}
							.cArea .conArea dd a:hover 
							{
								color:#CC0000;
								}
					
/* 中间-右边-友情链接
--------------------------------------------------------------  */
.fsArea 
{
	width:940px;
	margin:0 auto;
	padding:5px 10px 0;
	}
	.fsArea strong 
	{
		color:#FFFFFF;
		}
	.fsArea a 
	{
		color:#CCCCCC;
		margin-right:7px;
		}
	.fsArea a.more 
	{
		color:#FFFFFF;
		}
	.fsArea .font_cn 
	{
		color:#FFFFFF;
		margin-right:6px;
		}
	.fsArea a.apply 
	{
		color:#FFFFFF;
		}