ul,li { list-style-type:none; margin:0px auto; padding:0px;}
h1{ margin:0px; padding:0px;}
* { margin:0px auto; padding:0px;}
BODY.drag {
	CURSOR: move
}
BODY {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-RIGHT: medium none; font-size:12px;
}
HTML {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none; 
}

/*banner*/
#timeline .inside {
	POSITION: relative; WIDTH: 990px; BACKGROUND: url(../images/timeline.gif) no-repeat -913px -42px; HEIGHT: 100%
}
#leading .inside {
	PADDING-BOTTOM: 0px; MIN-HEIGHT: 40px; PADDING-LEFT: 242px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#comments .content {
	MARGIN-TOP: 20px
}
.content UL {
	PADDING-LEFT: 30px
}
.content { width:1003px; margin:0xp auto; clear:both; height:auto;}

#introBoxes {
	POSITION: relative; HEIGHT: 287px
}
#introBoxes .boxScreenshot {
	POSITION: absolute; WIDTH: 329px; HEIGHT: 240px; TOP: 0px; LEFT: 623px
}
#introBoxes .boxWhy {
	POSITION: absolute; WIDTH: 291px; HEIGHT: 208px; TOP: 50px; LEFT: 346px
}
#introBoxes .boxWhy2 {
	POSITION: absolute; WIDTH: 291px; HEIGHT: 208px; TOP: 50px; LEFT: 346px
}
#introBoxes .boxWhy2 {
	LEFT: 655px
}
#introBoxes .boxWhy .inside {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; HEIGHT: 186px; PADDING-TOP: 23px
}

#introBoxes .box {
	COLOR: #fff
}
#introBoxes .box {
	POSITION: absolute; WIDTH: 369px; no-repeat right 0px; HEIGHT: 215px; TOP: 4px; LEFT: 10px
}
#introBoxes .boxAccessibility {
	WIDTH: 670px
}
#introBoxes .boxPerformance {
	WIDTH: 670px
}
#introBoxes .boxFeatured {
	WIDTH: 670px
}
#introBoxes .boxCommunity {
	WIDTH: 670px
}
#introBoxes .box .inside {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 25px; PADDING-RIGHT: 25px; BACKGROUND: url(../images/bg-introbox-left.jpg) no-repeat; HEIGHT: 185px; PADDING-TOP: 30px
}
#introBoxes .boxAccessibility .inside {
	PADDING-LEFT: 205px; PADDING-RIGHT: 50px
}
#introBoxes .boxPerformance .inside {
	PADDING-LEFT: 205px; PADDING-RIGHT: 50px
}
#introBoxes .boxFeatured .inside {
	PADDING-LEFT: 205px; PADDING-RIGHT: 50px
}
#introBoxes .boxCommunity .inside {
	PADDING-LEFT: 205px; PADDING-RIGHT: 50px
}
#introBoxes .box P {
	LINE-HEIGHT: 18px; FONT-SIZE: 14px
}
#introBoxes .box .ico {
	POSITION: absolute; WIDTH: 160px; BACKGROUND: url(../images/intro-text.png) no-repeat -400px 0px; HEIGHT: 180px; TOP: 20px; LEFT: 20px
}
#introBoxes .boxPerformance .ico {
	BACKGROUND-POSITION: -400px -180px
}
#introBoxes .boxFeatured .ico {
	BACKGROUND-POSITION: -400px -360px
}
#introBoxes .boxCommunity .ico {
	BACKGROUND-POSITION: -400px -540px
}
#introBoxes .boxAccessibility H2 {
	TEXT-INDENT: -9000px; BACKGROUND: url(../images/intro-text.png) no-repeat 0px -150px; HEIGHT: 34px
}
#introBoxes .boxPerformance H2 {
	TEXT-INDENT: -9000px; BACKGROUND: url(../images/intro-text.png) no-repeat 0px -150px; HEIGHT: 34px
}
#introBoxes .boxFeatured H2 {
	TEXT-INDENT: -9000px; BACKGROUND: url(../images/intro-text.png) no-repeat 0px -150px; HEIGHT: 34px
}
#introBoxes .boxCommunity H2 {
	TEXT-INDENT: -9000px; BACKGROUND: url(../images/intro-text.png) no-repeat 0px -150px; HEIGHT: 34px
}
#introBoxes .boxPerformance H2 {
	BACKGROUND-POSITION: 0px -184px
}
#introBoxes .boxFeatured H2 {
	BACKGROUND-POSITION: 0px -218px; HEIGHT: 68px
}
#introBoxes .boxCommunity H2 {
	BACKGROUND-POSITION: 0px -286px; HEIGHT: 68px
}
/***shijian***/
#introNav {
	POSITION: relative; HEIGHT: 105px; clear: left;
}
#introNav #playback LI {
	PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; BACKGROUND: none transparent scroll repeat 0% 0%; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; float:left;s
}
#introNav #playback .pause {
	DISPLAY: none; 
}
#introNav #playback A {
	_BACKGROUND-IMAGE: url(../images/nav-icons.gif); BACKGROUND-IMAGE: url(../images/nav-icons.png);  TEXT-INDENT: -9000px; MARGIN: 0px 3px 0px 0px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; WIDTH: 20px; DISPLAY: block; BACKGROUND-REPEAT: no-repeat; FLOAT: left; HEIGHT: 20px
}
#introNav #playback .prev A {
	BACKGROUND-POSITION: 0px 0px
}
#introNav #playback .play A {
	BACKGROUND-POSITION: 0px -20px
}
#introNav #playback .pause A {
	BACKGROUND-POSITION: 0px -60px
}
#introNav #playback .next A {
	BACKGROUND-POSITION: 0px -40px
}
#introNav #playback A:hover {
	opacity: 0.8
}

#introNav UL.nav {
	POSITION: absolute; MARGIN: 0px; WIDTH: 90%; HEIGHT: 40px; TOP: 45px; LEFT: 0px; 
}
#introNav .nav LI {
	POSITION: absolute; TEXT-ALIGN: center; PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; TOP: 0px; LIST-STYLE-IMAGE: none; PADDING-TOP: 0px; LEFT: 0px; 
}
#introNav .nav .p1 {
	LEFT: 50px
}
#introNav .nav .p2 {
	LEFT: 251px
}
#introNav .nav .p3 {
	LEFT: 459px
}
#introNav .nav .p4 {
	LEFT: 664px
}
#introNav .nav .p5 
{
	width:60px;
	LEFT: 865px
}
#introNav .nav LI A {
	OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; COLOR: #6e7577; FONT-SIZE: 13px; text-decoration:none; font-weight:bold;
}
#introNav .nav LI A:hover {
	COLOR: #525758; TEXT-DECORATION: none
}
#introNav .nav LI.active A {
	COLOR: #383c3d
}
#introNav .nav A .point {
	POSITION: absolute; TEXT-INDENT: -9000px; OUTLINE-STYLE: none; OUTLINE-COLOR: invert; OUTLINE-WIDTH: 0px; WIDTH: 15px; DISPLAY: block; HEIGHT: 15px; TOP: -20px; CURSOR: pointer; LEFT: 0px
}
#introNav .nav .p1 .point {
	LEFT: 58px
}
#introNav .nav .p2 .point {
	LEFT: 46px
}
#introNav .nav .p3 .point {
	LEFT: 59px
}
#introNav .nav .p4 .point {
	LEFT: 34px
}
#introNav .nav .p5 .point {
	LEFT: 44px
}
#timeline {
	POSITION: absolute; WIDTH: 100%; BACKGROUND: url(../images/timeline.gif) no-repeat -10px 0px; HEIGHT: 15px; OVERFLOW: hidden; TOP: 25px; LEFT: 0px
}
.pager LI STRONG.active {
	TEXT-ALIGN: center; PADDING-BOTTOM: 9px; PADDING-LEFT: 5px; PADDING-RIGHT: 7px; DISPLAY: block; BACKGROUND: url(http://a.cksource.com/c/1/inc/gfx/icos-page.gif) no-repeat 0px -38px; FLOAT: left; COLOR: #fd4b22; MARGIN-RIGHT: 2px; PADDING-TOP: 3px
}
.pager LI STRONG.active {
	BACKGROUND-POSITION: 0px 0px; COLOR: #fff; FONT-WEIGHT: normal
}
.wzjs1 { height:324px; width:362px; color:#FFFFFF; float:left; }
.wzjs1 p{ width:249px; text-indent:2em;  line-height:21px; font-size:12px; margin-top:68px; margin-left:70px; }
.wzjs1 h1{ margin-left:50px;}
.wzjs1 img{ float:left;} 
img { margin:0px; padding:0px;}
.wzjs2 { width:278px; height:324px; float:left;  }
.wzjs2 ul { margin-top:78px; width:257px; color:#FFFFFF; font-size:12px; line-height:25px;}
.wzjs2 ul li { background:url(../images/dian_03.jpg) no-repeat left center; text-indent:10px;}
.wzjs2 img { margin-left:20px; margin-top:10px;}

.introPart {DISPLAY: none} 
#introWelcome {background:url(../images/bj1_02.jpg) no-repeat; width:1003px;height:324px;position:absolute; z-index:0; left: 0px; top: 0px;}
#introAccessibility {background:url(../images/kjkjk_02.jpg) no-repeat; width:1003px; height:324px;position:absolute; z-index:0; left: 0px; top: 0px;}
#introPerformance {background:url(../images/bj2_02.jpg) no-repeat; width:1003px; height:324px;position:absolute; z-index:0; left: 0px; top: 0px;}
#introFeatured {background:url(../images/lklklklkl_02.gif) no-repeat; width:1003px; height:324px;position:absolute; z-index:0; left: 0px; top: 0px;}
#introCommunity { DISPLAY: block; background:url(../images/jhjh_02.gif) no-repeat;  width:1003px; height:324px; position:absolute; z-index:0; left: 0px; top: 0px;}

.zizhujz { width:670px; height:214px; float:left; background:url(../images/zhizujz_03.gif) no-repeat 85px 35px; margin-top:59px;}
.zizhujz h1{ height:56px; line-height:56px; margin-top:22px; margin-left:230px; font-size:28px; font-weight:bold; color:#FFFFFF; 	
	}	
.zizhujz p{ height:56px; line-height:18px; margin-left:230px; color:#FFFFFF; text-indent:2em; width:380px;
	}	
.zizhujz a { margin-top:20px; float:left; height:35px; margin-left:240px;}

.zizhujz1 { width:300px; float:left; margin-top:40px; }
.zizhujz1 ul {margin-left:20px; width:263px; color:#FFFFFF; font-size:12px; line-height:21px;}
.zizhujz1 ul li { background:url(../images/dian_03.jpg) no-repeat left center; text-indent:10px;}

.yumnigzz { width:670px; height:324px; float:left; background:url(../images/yumingzz_03.gif) no-repeat 85px 51px; }
.yumnigzz h1{ height:56px; line-height:56px; margin-top:32px; margin-left:230px; font-size:28px; font-weight:bold; color:#FFFFFF; 	
	}	
.yumnigzz p{ height:56px; line-height:18px; margin-left:230px; color:#FFFFFF; text-indent:2em; width:380px;
	}	
.yumnigzz a { margin-top:20px; float:left; height:35px; margin-left:240px;}
.yumnigzz1 { width:300px; float:left; margin-top:58px;}
.yumnigzz1 h1 { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#FFFFFF; margin-top:15px; text-indent:15px;}
.yumnigzz1 li { float:left; margin:0px; padding:0px;} 
.biaodang1 { font-size:12px; color:#999999;background:none;border: none; width:170px; margin-left:5px; height:25px; line-height:25px;}
.biaod { background:url(../images/nbj_09.gif) no-repeat; width:178px; height:25px;}
.biaod2 { clear:both; width:250px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF;}
.biaod2 li { width:60px; height:25px; margin-top:5px; text-align:left;}
.biaod3 { margin-right:1px; vertical-align:middle; border:none;  margin-left:1px;}


.qiyeyj { width:670px; height:324px; float:left; background:url(../images/qiyeyj_03.gif) no-repeat 85px 55px; }
.qiyeyj h1{ height:56px; line-height:56px; margin-top:42px; margin-left:270px; font-size:28px; font-weight:bold; color:#FFFFFF; 	
	}	
.qiyeyj p{ height:56px; line-height:18px; margin-left:270px; color:#FFFFFF; text-indent:2em; width:380px;
	}	
.qiyeyj a { margin-top:20px; float:left; height:35px; margin-left:270px;}
.qiyeyj1 { width:250px; float:left; margin-top:40px; margin-left:27px;}
.qiyeyj1 ul {margin-left:10px; width:200px; color:#FFFFFF; font-size:12px; line-height:21px; margin-top:10px;}
.qiyeyj1 ul li { background:url(../images/dian_03.jpg) no-repeat left center; text-indent:10px;}
.qiyeyj1 h1 { font-size:20px; color:#333; font-weight:bold; text-indent:10px;}
.qiyeyj1 h1 b { font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#ffffff; font-style: italic;}

.oa { width:600px; height:324px; float:left; background:url(../images/lkl_03.gif) no-repeat 85px 55px; }
.oa h1{ height:56px; line-height:56px; margin-top:32px; margin-left:230px; font-size:28px; font-weight:bold; color:#FFFFFF; 	
	}	
.oa p{ height:56px; line-height:18px; margin-left:230px; color:#FFFFFF; text-indent:2em; width:380px;
	}	
.oa a { margin-top:20px; float:left; height:35px; margin-left:240px;}
.oa1 { width:300px; float:left; margin-top:88px; margin-left:35px;}
.oa1 ul {color:#FFFFFF; font-size:12px; line-height:21px; margin-top:10px;}
.oa1 ul li { background:url(../images/dian_03.jpg) no-repeat left center; text-indent:10px; float:left; width:120px; margin-right:10px;}
.oa1 h1 { font-size:20px; color:#333; font-weight:bold; text-indent:10px;}
.oa1 h1 b { font-family:Arial, Helvetica, sans-serif; font-size:25px; color:#ffffff; font-style: italic;}