@charset "gb2312";
/*------------------------------------------------------------------------------------------------------
 *
 * 引入基本样式文件
 *
 */

/* 基本样式文件 */
@import url(base.css);


/*------------------------------------------------------------------------------------------------------
 *
 * 全局整体框架
 *
 */
 
@media screen, projection {
/* 连接样式 */

a {
	color: #333;
	text-decoration:none;
}
a img {
	margin-right:5px;
}
a:visited {
	color: #333;
}
a:focus {
}
a:hover, a:active {
	color:#390;
	text-decoration:underline;
}
a.g6 {
	color:#666;
}
a.g6:hover {
	color:#390;
}
img {
	vertical-align:middle;
}
}
 @media screen, projection {
/* 整体页面 */
body {
	text-align:center;
	height:auto;
	overflow:visible;
	padding:0;
	margin:0;
	background-color:#c2d78a;
}
/*页面外部*/
.pageWrap {
	width:960px;
	margin:0 auto;
	text-align:left;
}
#subPageWrap {
	background: url(../images/top.jpg) no-repeat center top;
	width:100%;
}
/* 共同定义 */
#header, #nav, #main, #footer {
	margin:0 auto;
	text-align:center;
	clear:both;
}
/*页面头部*/
#subPageWrap #header {
	width:960px;
	height:275px;
	margin:0 auto;
	overflow:hidden;
}
#subPageWrap #header.headercasvf {
	height:250px;
}
#subPageWrap #header.headerscience {
	height:250px;
}
#subPageWrap .header0 {
	background: url(../images/subheader0.jpg) no-repeat left top;
}
#subPageWrap .header1 {
	background: url(../images/subheader1.jpg) no-repeat left top;
}
#subPageWrap .header2 {
	background: url(../images/subheader2.jpg) no-repeat left top;
}
#subPageWrap .header3 {
	background: url(../images/subheader3.jpg) no-repeat left top;
}
#subPageWrap .header4 {
	background: url(../images/subheader4.jpg) no-repeat left top;
}
#subPageWrap .header5 {
	background: url(../images/subheader5.jpg) no-repeat left top;
	color:#0d7fb0;
}
#subPageWrap .header6 {
	background: url(../images/subheader6.jpg) no-repeat left top;
}
#subPageWrap .header7 {
	background: url(../images/subheader7.jpg) no-repeat left top;
}
#subPageWrap .header8 {
	background: url(../images/subheader8.jpg) no-repeat left top;
	color:#000;
}
#subPageWrap .header9 {
	background: url(../images/subheader9.jpg) no-repeat left top;
	color:#000;
}
#subPageWrap .headercasvf {
	background: url(../images/casvf.jpg) no-repeat left top;
}
#subPageWrap .headerscience {
	background: url(../images/scicence.jpg) no-repeat left top;
}
/*页面主体*/
#subPageWrap #main {
	width:960px;
	margin:0 auto;
	background-image:url(none);
	overflow:hidden;
}
#subPageWrap #main.science {
	background: #04A753;
}
/*页面底部*/
#footer {
	display:block;
	margin:20px auto 0;
	padding:20px;
	text-align:center;
	overflow:hidden;
	background:url(../images/foot.gif) no-repeat center top;
	color:#fff;
}
/*清除浮动*/

.clearfloat {
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;
}
}

/*------------------------------------------------------------------------------------------------------
 *
 * 详细定义 - 头部
 *
 */

@media screen, projection {
#header {
	position:relative;
	color:#FFF;
}
#header h2 {
	display:block;
	padding-right:30px;
	margin-top:70px;
	font-size:26px;
	font-weight:bold;
}
#header div#headerIntro {
	display:block;
	width:440px;
	margin:25px auto 0;
	font-size:12px;
	text-align:left;
	text-indent:2em;
	padding-right:30px;
}
#header ul#quickList {
	position: absolute;
	top: 12px;
	right: 12px;
	display:block;
	width:260px;
	height:260px;
	font-size:14px;
}
#header ul#quickList li {
	display:block;
	text-align:right;
}
#header ul#quickList li a {
	display:inline-block;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	margin:1px;
	color:#FFF;
	font-family:"SimHei";
	font-size:16px;
}
#header ul#quickList li a:hover{ text-decoration:none;}
#header ul#quickList li a.link0 {
	background: #49B4E3;
}
#header ul#quickList li a.link0:hover {
	background: #046ec0;
}
#header ul#quickList li a.link1 {
	background: #69AE2B;
}
#header ul#quickList li a.link1:hover {
	background: #2b7707;
}
#header ul#quickList li a.link2 {
	background: #75DCDC;
}
#header ul#quickList li a.link2:hover {
	background: #0aa3a3;
}

#header ul#quickList li a.link3 {
	background: #FEC237;
}
#header ul#quickList li a.link3:hover {
	background: #fd7b00;
}
#header ul#quickList li a.link4 {
	background: #F9338E;
}
#header ul#quickList li a.link4:hover {
	background: #f3094d;
}
#header ul#quickList li a.link5 {
	background: #85786F;
}
#header ul#quickList li a.link5:hover {
	background: #50443b;
}
#header ul#quickList li a.link6 {
	background: #F78E04;
}
#header ul#quickList li a.link6:hover {
	background: #ef4d00;
}
#header ul#quickList li a.link7 {
	background: #1F9234;
}
#header ul#quickList li a.link7:hover {
	background: #096013;
}
#header ul#quickList li a.link8 {
	background: #8757b5;
}
#header ul#quickList li a.link8:hover {
	background: #482379;
}
#header ul#quickList li a.link9 {
	background: #E40479;
}
#header ul#quickList li a.link9:hover {
	background: #cc0038;
}
}

/*------------------------------------------------------------------------------------------------------
 *
 * 详细定义 - 主体
 *
 */

@media screen, projection {
#main ul#subBlockWrap {
	display:block;
	font-size:14px;
	text-align:left;
	padding:24px;
	background-color:#FFF;
}
#main ul#subBlockWrap li {
	display:inline-block;
	margin-bottom:5px;
}
#main ul#subBlockWrap li a {
	display:block;
	width:293px;
	height:276px;
	margin:5px;
	background: #E5E5E5;
}
#main ul#subBlockWrap li a span {
	display:block;
	text-align:center;
	line-height:32px;
	color:#000;
	font-size:14px;
	font-weight:bold;
}
#main ul#subBlockWrap li a span.tip {
	line-height:20px;
	color:#999;
	font-size:12px;
	font-weight:normal;
}
}


/*------------------------------------------------------------------------------------------------------
 *
 * 详细定义 - CASVF
 *
 */

@media screen, projection {
#main #topVideoPanel {
	position: relative;
	display:block;
	padding:15px;
	background: #049ADA;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	overflow:hidden;
	text-align:left;
	color:#FFF;
}
#main #topVideoPanel #videoPlayerWrap {
	width:640px;
	height:480px;
}
#main #topVideoPanel #videoInfoWrap {
	position: absolute;
	top: 15px;
	right: 15px;
	width:270px;
	float:right;
}
#main #topVideoPanel #videoInfoWrap h3 {
	font-size:22px;
	font-weight:bold;
	line-height:34px;
	margin:15px 0;
	text-align:center;
}
#main #topVideoPanel #videoInfoWrap div {
	text-indent:2em;
	margin:15px 0;
}
#main #bottomvideoPanel {
	display:block;
	margin-top:15px;
	overflow:hidden;
}
#main #bottomvideoPanel #videoListPanel {
	width:654px;
	background: #049ADA;
	border-radius:6px;
	padding:14px 8px;
	float:left;
}
#main #bottomvideoPanel #videoListPanel ul#videoList {
	display:block;
	text-align:left;
}
#main #bottomvideoPanel #videoListPanel ul#videoList li {
	display:block;
	margin:6px 11px;
	float:left;
}
#main #bottomvideoPanel #videoListPanel ul#videoList li a div {
	display:block;
	width:186px;
	border:1px solid #F5F5F5;
	padding:4px;
	background-color:#FFF;
}
#main #bottomvideoPanel #videoListPanel ul#videoList li a span {
	display:block;
	color:#FFF;
	text-align:center;
	font-size:14px;
	line-height:32px;
}
#main #bottomvideoPanel #casvfPanelPanel {
	float:right;
	width:245px;
	background: #049ADA;
	border-radius:6px;
	color:#FFF;
	text-align:left;
	padding:15px;
}
#main #bottomvideoPanel #casvfPanelPanel h3 {
	font-size:22px;
	font-weight:bold;
	line-height:34px;
	padding-left:80px;
	background: url(../images/casvf.gif) no-repeat left center;
	margin-bottom:15px;
}
#main #bottomvideoPanel #casvfPanelPanel div {
	margin:10px 0;
}
#main #bottomvideoPanel #casvfPanelPanel div a {
	color:#FFF;
	background: url(../images/casvfweb.gif) no-repeat center top;
	display:block;
	width:78px;
	height:20px;
	text-align:center;
	float:left;
	margin-right:3px;
	padding-top:80px;
}
#main #bottomvideoPanel #casvfPanelPanel div a.web {
	background: url(../images/casvfweb.gif) no-repeat center top;
}
#main #bottomvideoPanel #casvfPanelPanel div a.weibo {
	background: url(../images/casvfweibo.gif) no-repeat center top;
}
#main #bottomvideoPanel #casvfPanelPanel div a.weixin {
	background: url(../images/casvfweixin.gif) no-repeat center top;
}
}




/*------------------------------------------------------------------------------------------------------
 *
 * 详细定义 - 主体
 *
 */

@media screen, projection {
#main ul#subBlockWrap {
	display:block;
	font-size:14px;
	text-align:left;
	padding:24px;
	background-color:#FFF;
}
#main ul#subBlockWrap li {
	display:inline-block;
	margin-bottom:5px;
}
#main ul#subBlockWrap li a {
	display:block;
	width:293px;
	height:276px;
	margin:5px;
	background: #E5E5E5;
}
#main ul#subBlockWrap li a span {
	display:block;
	text-align:center;
	line-height:32px;
	color:#000;
	font-size:14px;
	font-weight:bold;
}
#main ul#subBlockWrap li a span.tip {
	line-height:20px;
	color:#999;
	font-size:12px;
	font-weight:normal;
}
}


/*------------------------------------------------------------------------------------------------------
 *
 * 详细定义 - 调查体验
 *
 */

@media screen, projection {
#main #scienceTopPanel {
	position: relative;
	display:block;
	padding:15px;
	overflow:hidden;
	text-align:left;
	color:#FFF;
}
#main #scienceTopPanel h3 {
	font-size:22px;
	line-height:28px;
	display:block;
	width:160px;
	float:left;
	padding-top:164px;
	background: url(../images/sciencelogo.png) no-repeat center 16px;
	text-align:center;
	margin-right:10px;
}
#main #scienceTopPanel div {
	display:block;
	font-size:12px;
	line-height:24px;
	text-indent:2em;
	margin:10px 0;
}
#main #scienceTopPanel dl {
	display:block;
	font-size:12px;
	line-height:24px;
	background: #80D3A8;
	padding:10px;
	width:740px;
	float:right;
	height:100px;
	border-radius:6px;
}
#main #scienceTopPanel dl dt {
	display:block;
	font-size:20px;
	width:50px;
	height:70px;
	float:left;
	background: url(../images/dt1.gif) no-repeat left top;
	color: #3EBB7B;
	font-family:"SimHei";
	padding:15px 25px;
}
#main .experimentWrap {
	display:block;
	background: #33B873;
	margin:15px;
	text-align:left;
	overflow:hidden;
}
#main .experimentWrap .experimentIntro{
	display:block;
	padding:15px;
	width:460px;
	color:#FFF;

}

#main .experimentWrap .experimentIntro h4{
	display:block;
	font-size:18px;
	line-height:32px;
	text-align:center;
	color: #04A753;
	background: #FEF532;
	border-radius:4px;
	margin:10px 0;
}
#main .experimentWrap .experimentIntro div{
	display:block;
	font-size:12px;
	line-height:24px;
	text-indent:2em;
	margin:10px 0;
	height:120px;
}
#main .experimentWrap .experimentIntro div.introTop{
	display:block;
	font-size:16px;
	line-height:30px;
	text-indent:0em;
	margin:5px 0;
	background: url(../images/icon.png) no-repeat left top;
	font-family:"SimHei";
	padding-left:32px;
	height:auto;
}

#main .experimentWrap .experimentIntro dl {
	display:block;
	width:460px;
}
#main .experimentWrap .experimentIntro dl dt {
	display:block;
	font-size:16px;
	width:41px;
	height:44px;
	float:left;
	background: url(../images/dt2.gif) no-repeat left top;
	color: #3EBB7B;
	font-family:"SimHei";
	padding:14px 13px;
}

#main .experimentWrap .experimentIntro dl dd a {
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:96px;
	height:24px;
	padding-top:48px;
	background: url(../upload/expertments/res0.jpg) no-repeat 0px 0px;
	margin-right:4px;
	text-align:center;
	color:#FFF;
}


#main #experimentPanel1 .experimentIntro dl dd a {
	background: url(../upload/expertments/res0.jpg) no-repeat 0px 0px;
}

#main #experimentPanel2 .experimentIntro dl dd a {
	background: url(../upload/expertments/res1.jpg) no-repeat 0px 0px;
}

#main #experimentPanel3 .experimentIntro dl dd a {
	background: url(../upload/expertments/res2.jpg) no-repeat 0px 0px;
}

#main #experimentPanel4 .experimentIntro dl dd a {
	background: url(../upload/expertments/res3.jpg) no-repeat 0px 0px;
}


#main #experimentPanel1 .experimentIntro{
	float:left;
}

#main #experimentPanel1 .experimentGallery{
	float:right;
}

#main #experimentPanel2 .experimentIntro{
	float:right;
}

#main #experimentPanel2 .experimentGallery{
	float:left;
}

#main #experimentPanel3 {
	margin-bottom:15px;
}

#main #experimentPanel3 .experimentIntro{
	float:left;
}

#main #experimentPanel3 .experimentGallery{
	float:right;
}

#main #experimentPanel4 .experimentIntro{
	float:right;
}

#main #experimentPanel4 .experimentGallery{
	float:left;
}

}

/*0917 10周年*/
#subPageWrap #header .ten{
	height:250px!important; zoom:1; 
}
#subPageWrap .ten{
	background: url(../images/10th.jpg) no-repeat left top; height:250px !important;
}
@media screen, projection {
#main #top10th {
	position: relative;
	display:block;
	padding:20px;
	background: #f8f5ec;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	overflow:hidden;
	text-align:left;
	color:#FFF;
}
#main #top10th  .ten_panel{ border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px; overflow:hidden; zoom:1;}
#main #top10th  .ten_panel .ten_cont{ width:440px;}
#main #top10th  .ten_panel .ten_cont h2 {
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	margin:0px 0 10px 0;
	text-align:left; color:#333;
}
#main #top10th  .ten_panel .ten_cont p {
	text-indent:2em;
	margin:10px 0 0; color:#666; line-height:20px;
}
#main #top10th  .ten_panel .ten_cont p.p_3{ text-indent:0; text-align:left;}
#main #top10th  .ten_panel .ten_cont h2.h2_3{ text-indent:0;  margin:0px 0px 16px 0; }

}