@charset "utf-8";
/* CSS Document */

@import url( //www1.pconline.com.cn/global/2008/css/global.css );
@import url( reset.css );

/**
 * [Typography]
 *
 * background-color	{@value}
 * border-color		{@value}
 * color			{@value}
 * font-family		{@value}
 * font-size		{@value}
 */

/* Document */
body {
background: #57bceb url(../images/bg_0.png) repeat-x 0 0;
color: #222;
font-family: "宋体";
font-size: 12px;
line-height: 1.5em;
/*
word-break: break-all;
word-wrap: break-word;
*/
}

/* Hypertext */
a:link {
color: #222;
text-decoration: none;
}
a:visited {
color: #222;
text-decoration: none;
}
a:hover {
color: #222;
text-decoration: underline;
}
a:active {
}

/* Form */
input, select, textarea {
font-family: "宋体";
}


/*--------------------------------------
  MAIN
--------------------------------------*/
.main {
text-align: center;
}


/*--------------------------------------
  CONTAINER
--------------------------------------*/
.container {
}


/*--------------------------------------
  HEADER
--------------------------------------*/
.header {
height: 370px;
margin: 0 auto;
width: 960px;
}

	/*------------------------------------*/
	.slice-2,
	.slice-1,
	.slice-0 {
	height: 100%;
	}
	.slice-0 {
	background: url(../images/slice_0.jpg) no-repeat center 0;
	}
	.slice-1 {
	background: url(../images/slice_1.jpg) no-repeat center 150px;
	}
	.slice-2 {
	background: url(../images/slice_2.jpg) no-repeat center 250px;
	}

	/*------------------------------------*/
	h1 {
	display: none;
	}


/*--------------------------------------
  CONTENT
--------------------------------------*/
.content {
margin: 0 auto;
overflow: hidden;
width: 960px;
}

	/*------------------------------------*/
	.focus {
	background: url(../images/box_0.jpg) no-repeat 0 0;
	float: left;
	height: 367px;
	margin: 26px 0 0 0;
	width: 353px;
	}

		/*------------------------------------*/
		.focus .pic {
		background: #fff;
		border: 1px solid #4f98ba;
		height: 200px;
		margin: 15px auto 0 auto;
		position: relative;
		width: 320px;
		}
		.focus .focusPic {
		height: 190px;
		left: 5px;
		overflow: hidden;
		position: absolute;
		top: 5px;
		width: 310px;
		}
		.focus .focusPic a {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		}
		.focus .focusPic a img {
		height: 100%;
		width: 100%;
		}
		.focus .focusBtns {
		background: url(../images/bg_1.png) no-repeat right 0;
		height: 25px;
		bottom: 5px;
		position: absolute;
		right: 5px;
		z-index: 20;
		width: 100%;
		}
		.focus .focusBtns a {
		background: #b9fcff;
		border: 1px solid #d6d6d6;
		cursor: pointer;
		float: right;
		height: 14px;
		line-height: 14px;
		margin: 5px 2px 0 0;
		text-align: center;
		width: 18px;
		}
		.focus .focusBtns a.active {
		background: #00c4ce;
		color: #fff;
		}
		.focus .focusBtns a:hover {
		text-decoration: none;
		}

	.focus .article {
	background: url(../images/box_2.png) no-repeat 0 0;
	height: 120px;
	margin: 10px auto 0 auto;
	width: 319px;
	}
	.focus .article h2 {
	font-size: 16px;
	line-height: 1.8em;
	}
	.focus .article h2 a:hover,
	.focus .article h2 a:visited,
	.focus .article h2 a:link {
	color: red;
	}
	.focus .article p {
	margin: 5px auto 0 auto;
	text-align: left;
	text-indent: 2em;
	width: 25em;
	}

	/*------------------------------------*/
	.soptlight {
	background: url(../images/box_3.jpg) no-repeat 0 0;
	float: left;
	height: 367px;
	margin: 26px 0 0 2px;
	width: 343px;
	}
	.soptlight dl {
	margin: 15px 0 0 0;
	}
	.soptlight dd {
	background: url(../images/box_2.png) no-repeat 0 0;
	height: 125px;
	margin: 10px auto 0 auto;
	width: 307px;
	}
	.soptlight dl h2 {
	font-size: 16px;
	line-height: 1.8em;
	}
	.soptlight dl h2 a:hover,
	.soptlight dl h2 a:visited,
	.soptlight dl h2 a:link {
	color: red;
	}
	.soptlight dl p {
	margin: 5px auto 0 auto;
	text-align: left;
	text-indent: 2em;
	width: 24em;
	}
	.soptlight ul {
	color: #fff;
	font-size: 14px;
	line-height: 1.8em;
	margin: 5px auto 0 auto;
	text-align: left;
	width: 22em;
	}
	.soptlight ul a:hover,
	.soptlight ul a:visited,
	.soptlight ul a:link {
	color: #fff;
	}

	/*------------------------------------*/
	.feedback {
	background: url(../images/box_5.jpg) no-repeat 0 0;
	float: left;
	height: 393px;
	margin: 0 0 0 2px;
	width: 255px;
	}
	.feedback div {
	background: url(../images/box_6.png) no-repeat 0 0;
	height: 305px;
	margin: 70px auto 0 auto;
	width: 222px;
	}
	.feedback span {
	background: #fff;
	border: 1px solid #4f98ba;
	float: left;
	height: 125px;
	margin: 10px 10px 0 10px;
	width: 97px;
	}
	.feedback span img {
	height: 115px;
	position: relative;
	top: 5px;
	vertical-align: baseline;
	width: 87px;
	}
	.feedback em,
	.feedback strong {
	display: block;
	font-size: 14px;
	line-height: 1.8em;
	text-align: left;
	}
	.feedback strong {
	padding: 50px 0 0 0;
	}
	.feedback em {
	font-weight: bold;
	}
	.feedback p {
	clear: both;
	line-height: 1.8em;
	margin: 0 auto;
	padding: 5px 0 0 0;
	text-align: left;
	text-indent: 2em;
	width: 16em;
	}

	/*------------------------------------*/
	.live {
	background: url(../images/box_8.jpg) no-repeat 0 0;
	float: left;
	height: 443px;
	margin: 10px 0 0 0;
	width: 955px;
	}
	.live ol {
	float: left;
	left: 15px;
	margin: 70px 0 0 0;
	position: relative;
	width: 320px;
	}
	.live ol .vid {
	float: left;
	width: 100%;
	}
	.live ol .play {
/*	background: #fff;*/
	height: 240px;
	margin: 0 0 10px 0;
	width: 100%;
	}
	.live ol p {
	background: url(../images/box_9.png) no-repeat 0 0;
	float: left;
/*	height: 110px;*/
	line-height: 1.8em;
	margin: 10px auto 0 auto;
	width: 319px;
	}
	.live ol span {
	color: #003164;
	display: block;
	font-size: 14px;
	font-weight: bold;
/*	margin: 10px 0 0 0;*/
	}
	.live ol em {
	display: block;
	margin: 0 auto;
	text-align: left;
	text-indent: 2em;
	width: 25em;
	}
	.live ol strong {
	cursor: pointer;
	}
	.live ul {
	float: right;
	line-height: 1.8em;
	margin: 50px 0 0 0;
	position: relative;
	right: 12px;
	width: 600px;
	}
	.live ul li {
	float: left;
	margin: 20px 0 0 0;
	width: 33.3%;
	}
	.live ul span {
	background: #fff;
	border: 1px solid #4f98ba;
	display: block;
	height: 142px;
	margin: 0 auto;
	width: 189px;
	}
	.live ul span img {
	height: 132px;
	position: relative;
	top: 5px;
	vertical-align: baseline;
	width: 179px;
	}
	.live ul strong {
	color: #fff;
	display: block;
	}

	/*------------------------------------*/
	.ad-0 {
	float: left;
	margin: 10px 0 0 0;
	width: 100%;
	}

	/*------------------------------------*/
	.tech {
	background: url(../images/box_11.jpg) no-repeat 0 0;
	float: left;
	height: 461px;
	margin: 10px 0 0 0;
	width: 955px;
	}
	.tech p,
	.tech span {
	background: #fff;
	border: 1px solid #4f98ba;
	height: 368px;
	margin: 70px 0 0 0;
	position: relative;
	}
	.tech p img,
	.tech span img {
	height: 358px;
	position: relative;
	top: 5px;
	vertical-align: baseline;
	}
	.tech span {
	float: left;
	left: 15px;
	width: 327px;
	}
	.tech span img {
	width: 317px;
	}
	.tech p {
	float: right;
	right: 15px;
	width: 582px;
	}
	.tech p img {
	width: 572px;
	}

	/*------------------------------------*/
	.test {
	background: url(../images/box_12.jpg) no-repeat 0 0;
	float: left;
	height: 476px;
	margin: 10px 0 0 0;
	width: 955px;
	}
	.test div {
	margin: 100px auto 0 auto;
	}
	.test div a {
	cursor: pointer;
	display: block;
	}
	.test span {
	display: block;
	font-size: 14px;
	line-height: 1.8em;
	margin: 10px auto 0 auto;
	text-align: left;
	text-indent: 2em;
	width: 62em;
	}

	/*------------------------------------*/
	#iframe-baton {
	float: left;
	height: 264px;
	margin: 10px 0 0 0;
	width: 955px;
	}
	.body-baton {
	background: none;
	overflow: auto;
	float: left;
	width: 100%;
	}

		/*------------------------------------*/
		.baton {
		background: url(../images/box_13.jpg) no-repeat 0 0;
		float: left;
		height: 264px;
		text-align: center;
		width: 955px;
		}
		.baton div {
		height: 100%;
		position: relative;
		width: 100%;
		}
		.baton em {
		font-size: 14px;
		font-weight: bold;
		left: 35px;
		position: absolute;
		top: 100px;
		}
		.baton span {
		cursor: pointer;
		left: 130px;
		position: absolute;
		top: 140px;
		}
		.baton strong {
		color: #f60;
		display: block;
		font-family: Georgia;
		font-size: 24px;
		line-height: 36px;
		position: absolute;
		right: 52px;
		top: 80px;
		width: 4em;
		}
		.baton p {
		font-family: "黑体";
		font-size: 16px;
		left: 35px;
		position: absolute;
		top: 190px;
		}
		.baton p input {
		background: #acd9ee;
		border-color: #acd9ee #acd9ee #808080 #acd9ee;
		border-style: none none dashed none;
		border-width: 0 0 1px 0;
		color: #f60;
		font-family: Arial;
		font-size: 14px;
		font-weight: bold;
		padding: 2px 5px;
		width: 60em;
		}


/*------------------------------------*/
/* Header */
#zt_header img {
vertical-align: baseline;
}

/* Footer */
#bottom {
background: none !important;
margin: 10px auto 0 auto !important;
}
#bottom .mid,
#bottom .left p,
#bottom .sites,
#bottom a:hover,
#bottom a:visited,
#bottom a:link {
color: #000 !important;
}