@charset "utf-8";

/* 顶部大图轮播 */
.flexslider { width:1200px; height:444px; margin:0px auto 20px; position:relative; overflow:hidden; }

	.flexslider .slides li { width:100%; height:100%; }
	.flexslider .slides li a img { width:100%; height:100%; display:block; }

	.flexslider .flex-direction-nav a { width:70px; height:70px; overflow:hidden; display:block; border-radius:35px; background:url(../images/wxf50_33.png) no-repeat; position: absolute; top:50%; margin-top:-35px; z-index:10; cursor:pointer; opacity:0; filter:alpha(opacity=0); -webkit-transition: all .3s ease; }
	.flexslider .flex-direction-nav .flex-next { background-position: 0 -70px; right:0; }
	.flexslider .flex-direction-nav .flex-prev { background-position: 0 0px; left:0; }
	.flexslider:hover .flex-next { opacity:0.8; filter:alpha(opacity=25); }
	.flexslider:hover .flex-prev { opacity:0.8; filter:alpha(opacity=25); }
	.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity:1; filter:alpha(opacity=50); }

	.flexslider .flex-control-nav { width:100%; position:absolute; bottom:10px; text-align:center; }
	.flexslider .flex-control-nav li { margin:0px 2px; display:inline-block; }
	.flexslider .flex-control-paging li a {	background:url(../images/wxf50_34.png) no-repeat 0 -16px; display:block; height:16px; overflow:hidden; text-indent:-99em; width:16px; cursor: pointer; }
	.flexslider .flex-control-paging li a.flex-active, .flexslider .flex-control-paging li.active a { background-position: 0 0; }
/* /顶部大图轮播 */

/* 展览馆精神 */
#vidio{ width:100%; height:115px; background-color:#fff; }
	#vidio .vidio{ width:1110px; height:115px; padding-left:90px; margin:0px auto; background-color:#ececec; }
	#vidio span{ float:left; display:block; width:160px; height:115px; line-height:115px; font-size:32px; font-weight:bold; }	
	#vidio p{ float:left; }
	#vidio p img{ width:70px; padding-top:48px; margin-right:20px; height:28px; }
	#vidio .vidio-bytxt{ float:left; height:115px; line-height:115px; position:relative; overflow:hidden; }
	#vidio .vidio-bytxt ul{ float:none; height:115px; line-height:115px; }
	#vidio .vidio-bytxt ul li{ float:left; }
	#vidio .vidio-bytxt ul li img{ width:25px; height:40px; margin-top:40px; margin-right:10px; }
	#vidio .vidio-bytxt ul li span{ display:block; width:80px; line-height:115px; margin-right:38px; font-size:25px; }
	#vidio .vidio-bytxt .light{ cursor:pointer; position:absolute; left:-180px; top:0px; width:180px; height:115px; background-image:-moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); transform:skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); }
	#vidio .vidio-bytxt:hover .light{ left:800px; -moz-transition:2s; -o-transition:2s; -webkit-transition:2s; transition:2s; }

	#vidio em{ display:block; float:left; width:215px; height:115px; margin-left:20px; position:relative; background:url(../images/wxf50_29.png) no-repeat 10px center; }
	#vidio em img{ position:absolute; left:18px; top:35px; cursor: pointer; }
	#vidio em span{ display:block; width:100px; position:absolute; left:72px; top:-8px; font-size:14px; color:#141414;; height:18px; }
	#vidio .jinD{ width:76px; height:5px; position:absolute; top:70px; left:72px; background:#b0b0b0; }
	#vidio #jinDB{ width:0px; height:100%; background:#dfaa4e; }
	#vidio em i{ display:block; width:50px; height:50px; position:absolute; right:20px; }
	#vidio em h5{ width:30px; height:20px; position:absolute; top:62px; right:20px; font-size:13px; }
/* /展览馆精神 */


/* 信息头条 展览活动 */
#main{ width:100%; height:456px; }
	#main .main{ width:1200px; margin:0 auto; height:456px; position:relative; }
	#main .main .mainL{ float:left; margin-right:10px; width:468px; height:456px; overflow:hidden; }
		#main .main .mainL .mainLTL{ float:left; margin-right:10px; width:203px; height:194px; background-color:#ff5133; }
		#main .main .mainL .mainLTL span{ display:block; float:left; margin-left:23px; display:block; width:160px; height:88px; font-size:30px; line-height:88px; color:#fff; font-weight:bold; }
		#main .main .mainLTL span a{ color:#fff; font-size:30px; line-height:88px; }	
		#main .main .mainLTL span a:hover{ color:#ff0; }
		#main .main .mainLTL a img{ margin-top:38px; float:right; width:26px; height:17px; }

		#main .main .mainLTR{ float:left; width:255px; height:194px; }
		#main .main .mainLTR a{ display:block; overflow:hidden; width:255px; height:194px; }
		#main .main .mainLTR a img{ width:100%; height:194px; transition:all 1s; }
		#main .main .mainLTR a:hover img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); }

		#main .main .mainLB{ margin-top:10px; float:left; width:468px; height:254px; position:relative; overflow:hidden; }
			#main .main .mainLB .play{ position:absolute; top:0; left:0; width:1404px; height:254px; background-color:#9fb741; overflow:hidden; }
			#main .main .mainLB .play li{ float:left; width:468px; height:254px; }
			#main .main .mainLB .play span{ display:block; float:left; display:block; width:440px; height:88px; line-height:88px; font-size:30px; color:#fff; font-weight:bold; }
			#main .main .mainLB .play span p{ float:left; display:block; float:left; margin-left:23px; width:160px; height:88px; line-height:88px; font-size:30px; color:#fff; font-weight:bold; }
			#main .main .mainLB .play span a{ color:#fff; }
			#main .main .mainLB .play span a:hover{ color:#ff0; }
			#main .main .mainLB .play span a:hover>p{ color:#ff0; }
			#main .main .mainLB .play a img{ float:left; margin-top:40px; margin-left:-27px; width:26px; height:17px; }
			#main .main .mainLB .play h4{ width:425px; padding:0px 20px 0 23px; line-height:28px; text-indent:25px; }
			#main .main .mainLB .play h4 a{ color:#fff; font-size:16px; }
			
			#main .main .mainLB .fenY{ margin-left:78%; position:absolute; bottom:20px; width:90px; height:20px; opacity:0.5; }	
			#main .main .mainLB .fenY li{ float:left; margin-right:3px; width:20px; line-height:20px; text-align:center; }
			#main .main .mainLB .fenYAll{ background:url(../images/wxf50_30.png) no-repeat 0px -12px; display:block; height:16px; overflow:hidden; width:16px; cursor:pointer; }
			#main .main .mainLB .fenActive{ background:url(../images/wxf50_30.png) no-repeat 0px -12px; display:block; height:16px; overflow:hidden; width:16px; cursor:pointer; background-position:0px 1px; }

	#main .main .mainR{ float:left; width:722px; height:456px; position:relative; overflow:hidden; }
		#main .main .mainR img{ width:100%; height:100%; }
/* /信息头条 展览活动 */

/* 公共教育结束 */
#main1{ width:100%; height:380px; margin-top:18px; }
#main1 .main1{ width:1200px; margin:0px auto; height:380px; overflow:hidden; }
	#main1 .main1 .main1L{ float:left; margin-right:10px; width:251px; height:380px; background-color:#008dcd; }
	#main1 .main1 .main1L span{ display:block; margin-left:23px; margin-bottom:10px; display:block; width:160px; height:88px; line-height:88px; font-size:30px; color:#fff; font-weight:bold; }
	#main1 .main1 .main1L span a{ color:#fff; font-size:30px; }	
	#main1 .main1 .main1L span a:hover{ color:#ff0; }
	#main1 .main1 .main1L a img{ margin-top:38px; float:right; width:26px; height:17px; }
	#main1 .main1 .main1L ul{ margin-left:23px; width:236px; height:130px; }
	#main1 .main1 .main1L ul li{ width:200px; padding-left:18px; height:46px; background:url(../images/wxf50_31.jpg) no-repeat left center; }
	#main1 .main1 .main1L ul li a{ width:100%; height:46px; line-height:46px; font-size:17px; color:#fff; }
	#main1 .main1 .main1L ul li a:hover{ color:#ff0; }

	#main1 .main1 .main1C{ float:left; margin-right:10px; width:425px; height:383px; }
		#main1 .main1 .main1C .mian1CL{ float:left; margin-right:10px; width:207px; height:135px; }
		#main1 .main1 .main1C .mian1CL a{ display:block; width:207px; height:135px; overflow:hidden; }
		#main1 .main1 .main1C .mian1CL img{ width:100%; max-width:none; height:100%; transition:all 1s; }
		#main1 .main1 .main1C .mian1CL a:hover img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06); }

		#main1 .main1 .main1C .mian1CC{ float:left; width:208px; height:135px; background:#ffffff; }
		#main1 .main1 .main1C .mian1CC a{ display:block; width:208px; height:135px; overflow:hidden; }
		#main1 .main1 .main1C .mian1CC img{ width:100%; max-width:none; height:100%; transition:all 1s; }
		#main1 .main1 .main1C .mian1CC a:hover img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06); }
		
		#main1 .main1 .main1C .mian1CR{ float:left; margin-top:10px; width:425px; height:235px; }
		#main1 .main1 .main1C .mian1CR a{ display:block; width:425px; height:235px; overflow:hidden; }
		#main1 .main1 .main1C .mian1CR img{ width:100%; max-width:none; height:100%; transition:all 1s; }
		#main1 .main1 .main1C .mian1CR a:hover img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06); }

	#main1 .main1 .main1R{ float:left; width:504px; height:380px; }
		#main1 .main1 .main1R .main1R1{ float:left; margin-right:10px; width:247px; height:193px; background-color:#9fb741; }
		#main1 .main1 .main1R .main1R1 span{ display:block; margin-left:23px; margin-bottom:30px; display:block; width:196px; height:88px; line-height:88px; font-size:30px; color:#fff; font-weight:bold; }
		#main1 .main1 .main1R .main1R1 span a{ color:#fff; font-size:30px; }
		#main1 .main1 .main1R .main1R1 span a:hover{ color:#ff0; }
		#main1 .main1 .main1R .main1R1 a img{ margin-top:38px; float:right; width:26px; height:17px; }
		
		#main1 .main1 .main1R .main1R2{ float:left; width:247px; height:193px; background-color:#969999; }
		#main1 .main1 .main1R .main1R2 span{ display:block; margin-left:23px; margin-bottom:30px; display:block; width:196px; height:88px; line-height:88px; font-size:30px; color:#fff; font-weight:bold; }
		#main1 .main1 .main1R .main1R2 span a{ color:#fff; font-size:30px; }
		#main1 .main1 .main1R .main1R2 span a:hover{ color:#ff0; }
		#main1 .main1 .main1R .main1R2 a img{ margin-top:38px; float:right; margin-right:32px; width:26px; height:17px; }
		
		#main1 .main1 .main1R .main1R3{ float:left; margin-top:10px; width:504px; height:177px; background-color:#008dcd; }
		#main1 .main1 .main1R .main1R3 span{ display:block; margin-left:23px; display:block; width:160px; height:88px; line-height:88px; font-size:30px; color:#fff; font-weight:bold; }
		#main1 .main1 .main1R .main1R3 span a{ color:#fff; font-size:30px; }
		#main1 .main1 .main1R .main1R3 span a:hover{ color:#ff0; }	
		#main1 .main1 .main1R .main1R3 a img{ margin-top:38px; float:right; width:26px; height:17px; }
		#main1 .main1 .main1R .main1R3 ul{ margin-left:23px; width:236px; margin-top:-7px; }
		#main1 .main1 .main1R .main1R3 ul li{ width:200px; padding-left:18px; height:40px; background:url(../images/wxf50_31.jpg) no-repeat left center; }
		#main1 .main1 .main1R .main1R3 ul li a{ width:100%; height:40px; line-height:40px; font-size:17px; color:#fff; }
		#main1 .main1 .main1R .main1R3 ul li a:hover{ color:#ff0; }
/* /公共教育结束 */

/* 文化创意 */
#main2{ width:100%; height:155px; margin-top:18px; }
#main2 .main2{ width:1200px; margin:0px auto; height:155px; overflow:hidden; }
	#main2 .main2 .main21{ float:left; margin-right:10px; width:251px; height:155px; background-color:#9fb741; }
	#main2 .main2 .main21 span{ display:block; margin-left:23px; display:block; width:160px; height:88px; line-height:88px; font-size:30px; color:#fff; font-weight:bold; }
	#main2 .main2 .main21 span a{ color:#fff; font-size:30px; }
	#main2 .main2 .main21 span a:hover{ color:#ff0; }
	#main2 .main2 .main21 a img{ margin-top:38px; float:right; width:26px; height:17px; }
	
	#main2 .main2 .main22{ float:left; margin-right:10px; width:207px; height:155px; }
	#main2 .main2 .main22 a{ display:block; width:207px; height:155px; overflow:hidden; }
	#main2 .main2 .main22 img{ width:100%; height:100%; transition:all 1s; }
	#main2 .main2 .main22 a:hover img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06); }

	#main2 .main2 .main23{ float:left; margin-right:10px; width:208px; height:155px; background-color:#969999; }
	#main2 .main2 .main23 span{ display:block; margin-left:8px; display:block; width:194px; height:88px; line-height:88px; font-size:30px; color:#fff; font-weight:bold; }
	#main2 .main2 .main23 span a{ color:#fff;  font-size:27px; }
	#main2 .main2 .main23 span a:hover{ color:#ff0; }
	#main2 .main2 .main23 a img{ margin-top:38px; float:right; width:26px; height:17px; }

	#main2 .main2 .main24{ float:left; margin-right:10px; width:234px; height:155px; overflow:hidden; }
	#main2 .main2 .main24 a{ display:block; width:234px; height:155px; overflow:hidden; }
	#main2 .main2 .main24 img{ width:100%; height:100%; transition:all 1s; }
	#main2 .main2 .main24 a:hover img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06); }

	#main2 .main2 .main25{ float:left; width:260px; height:155px; background-color:red; overflow:hidden; }
	#main2 .main2 .main25 span{ display:block; margin-left:16px; display:block; width:160px; height:88px; line-height:88px; font-size:30px; color:#fff; font-weight:bold; }
	#main2 .main2 .main25 span a{ color:#fff; font-size:30px; }
	#main2 .main2 .main25 span a:hover{ color:#ff0; }
	#main2 .main2 .main25 a img{ margin-top:38px; float:right; width:26px; height:17px; }
	#main2 .main2 .main25 ul{ margin-left:16px; width:250px; margin-top:-15px; }
	#main2 .main2 .main25 ul li{ width:212px; padding-left:18px; height:25px; background:url(../images/liR.jpg) no-repeat left center; }
	#main2 .main2 .main25 ul li a{ width:100%; height:25px; line-height:25px; font-size:16px; color:#fff; }
	#main2 .main2 .main25 ul li a:hover{ color:#ff0; }
/* /文化创意 */

/* 友情链接 */
#city{ margin-top:25px; width:100%; height:77px; background-color:#034563; position:relative; }
	#city .cityL{ height:77px; position:absolute; left:0px; top:0px; }
	#city .cityR{ height:77px; position:absolute; right:0px; top:0px; }
	#city .city{ width:1200px; margin:0px auto; height:77px; }
	#city .cityI1{ float:left; width:300px; height:77px; }
	#city .cityI2{ float:left; width:300px; height:77px; }
	#city .cityI3{ float:left; width:300px; height:77px; }
	#city .cityI4{ float:left; width:300px; height:77px; }
	#city .select{ margin:23px 0px 0px 25px; width:250px; height:32px; line-height:32px; background-color:#003a54; color:#b6864a; font-size:16px; }
	#city .select option{ color:#b6864a; font-size:16px; }
/* /友情链接 */

/* 左侧浮动 */
.an-popup { width:200px; position:absolute; top:380px; left:20px; z-index:9; }
.an-popup img { width:200px; } 
/* /左侧浮动 */

/* 右侧浮动 */
.position { position:absolute; top:380px; right:46%; width:85px; height:300px; margin-right:-613px; z-index:300; }
.position img{ float:right; width:75px; height:28px; margin-bottom:15px; max-width:100%; vertical-align:top; }
.position img.call{ width:85px; height:28px; margin-bottom:15px; }
.position span{ display:block; float:right; width:75px; height:43px; background:url(../images/wxf50_32.jpg) no-repeat 62px 28px; }
/* /右侧浮动 */

/* 馆内藏品 - 子页 */
.zlgspBanner{ max-width:1440px; height:333px; margin:0px auto; position:relative; }
	.zlgspBanner img{ width:100%; height:333px; }
	.zlgspBanner .zlgspBannerC{ width:1046px; height:172px; top:0; left:150px; position:absolute; }
	.zlgspBanner .zlgspBannerC ul{ width:510px; height:172px; background:url(../images/wxf46_2.png) no-repeat center center; display:block;}
	.zlgspBanner .zlgspBannerC ul li{ width:245px; line-height:172px; font-size:118px; color:#fcedc4; }

 .zlgspMain{ max-width:1440px; margin:0px auto; background:url(../images/wxf55.jpg) no-repeat bottom center; background-color:#e6e5e1 ; position:relative; }
	.zlgspMain .zlgspMainTop{ width:1046px; height:152px; margin:0px auto; padding-top:30px; }
	.zlgspMain .zlgspMainTop .zlgspMainTopW{ width:800px; height:480px; margin:0px auto; background-color:#e6e5e1; padding:0px 40px 50px; }	
	.zlgspMain .zlgspMainTop .zlgspMainTopW .zlgspMainTopW1 { width:800px; height:480px; margin:0px auto; background:url(../images/wxf56.jpg) no-repeat center; }		
/* /馆内藏品 - 子页 */