@charset "gb2312";
/* CSS Document */
/* ====================
     1?12?¨´¨º?
==================== */
body{ position:relative; background:#ecf2f6;font-size:12px; font-family:"?¡é¨¨¨ª??o¨²",Verdana, Arial; margin:0; padding:0;:}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6{
margin:0; padding:0; border:none; list-style-type:none;
}
ul,li,dl,dt,dd,form,img,p{
	margin:0; padding:0; border:none; list-style-type:none; font-size:12px; font-weight:normal;
	}

a{color:#5a5a5a; text-decoration:none; font-size:12px; font-weight:normal}
.clearfix:after{
content:"."; display:block; height:0; clear:both;
visibility:hidden;
}
*html .clearfix{
 height:0;
}
*+html .clearfix{
 height:0;
}
.clear{clear:both; height:0; display:none;}
img { width:100%; display:block;}



#banner-box { width:1278px; height:458px; position:relative;}
#banner-box .head { display:block;}
.head1 { width:1278px; height:458px; background:url(imagesindex1.jpg) center no-repeat; cursor:default;}
.head2 { width:1278px; height:458px; background:url(imagesindex2.jpg) center no-repeat; display:none;}
#banner-box .logo { display:block; width:176px; position:absolute; left:164px; top:20px; z-index:11;}
#banner-box .share { position:absolute; bottom:20px; left:174px; z-index:11;}
#banner-box .share span { display:block; line-height:12px; color:#fff; font-size:10px; float:left;}
#banner-box .sys { position:absolute; top:358px; right:111px; z-index:11;}
#banner-box .sys img { width:66px; height:66px;}
#banner-box .sys p { color:#203846; font-size:10px;}
#banner-box .slide-img-page { width:30px; position:absolute; bottom:10px; left:50%; margin-left:-15px; z-index:99;}
#banner-box .slide-img-page li { width:12px; height:18px; float:left; margin-right:3px;}
#banner-box .slide-img-page li a { display:block; width:8px; height:8px; margin:0 auto; border-radius:8px; background:#fff; margin-top:5px; text-indent:-9999em;}
#banner-box .slide-img-page li.current a { width:10px; height:10px; border-radius:10px; background:#fff; border:1px solid #000; margin-top:2px;}


.nav { width:1278px; height:36px; background:url(imagesnav-bg.jpg) center no-repeat; z-index:999999;}
.nav .nav-list { width:950px; height:36px; }
.nav .nav-list ul li { float:left; width:110px; margin-top:2px; margin-right:10px; text-align:center; line-height:32px;}
.nav .nav-list ul li.last { margin-right:0px;}
.nav .nav-list ul li a { display:block; width:110px; height:32px; font-family: "Microsoft YaHei",΢ÈíÑźÚ, Verdana, Arial, Helv, Helvetica, sans-serif; font-size:17px; color:#fff; letter-spacing:5px;}
.nav .nav-list ul li a:hover { background:#a6dbff; color:#092d42;}
.nav .nav-list ul li.active a { background:#a6dbff; color:#092d42;}

.news-bg { width:1278px; height:483px; background:url(imagesbg_05.jpg) center no-repeat;}
.news-bg .news { width:954px; padding-top:60px;}
#focus{width:516px;height:355px;overflow:hidden;position:relative; float:left;}
#focus ul{height:355px;position:absolute;}
#focus ul li{float:left;width:516px;height:355px;overflow:hidden;position:relative;}
#focus ul li .touming { width:100%; height:40px; position:absolute; bottom:0px; left:0px; background:#000;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity: 0.3;opacity: 0.3;z-index:1;}
#focus ul li .font { width:100%; height:40px; position:absolute; bottom:0px; left:0px; line-height:40px; z-index:2;}
#focus ul li .font span { color:#fff; font-size:14px; font-weight:bold;}
#focus .btn{position:absolute;width:516px;height:18px;right:0;bottom:15px;text-align:right; z-index:3;}
#focus .btn span{display:inline-block;_display:inline;_zoom:1;width:18px;height:18px;_font-size:0;margin-right:10px;cursor:pointer;background:#cccccc; line-height:18px; text-align:center; color:#333;}
#focus .btn span.on{background:#a10020; color:#fff;}
.news-bg .news .news-right { width:322px; height:355px; padding:90px 78px 0 38px; float:right; background:url(imagesnews-ri.png) no-repeat;}
.news-bg .news .news-right .news-mid h1 { margin-bottom:10px; text-align: center; font-family: "Microsoft YaHei",΢ÈíÑźÚ, Verdana, Arial, Helv, Helvetica, sans-serif;}
.news-bg .news .news-right .news-mid h1 a { color:#f6f7f8; font-size:18px; letter-spacing:2px;}
.news-bg .news .news-right .news-mid h1 a:hover { text-decoration:underline;}
.news-bg .news .news-right .news-mid p {  line-height:18px;}
.news-bg .news .news-right .news-mid p a {color:#d2deea; font-size:12px;}
.news-bg .news .news-right .news-mid p a:hover { text-decoration:underline;}
.news-bg .news .news-right .news-mid  .news-ss { width:320px;}
.news-bg .news .news-right .news-mid .news-ss a { float:right; display:block; width:93px; height:25px; background:#c3e1f2; text-align:center; line-height:25px; color:#0e3855; font-size:12px; margin-top:10px;}
.news-bg .news .news-right .news-list { padding-top:10px;}
.news-bg .news .news-right .news-list li { background:url(imagesdian.png) center left no-repeat; padding-left:15px; margin-top:10px;}
.news-bg .news .news-right .news-list li a { color:#e3f1f4; font-size:14px; letter-spacing:0px; line-height:18px;}
.news-bg .news .news-right .news-list li a:hover { text-decoration:underline;}


.iev5-bg { width:1278px; height:452px; background:url(imagesbg_06.jpg) center no-repeat;}
.iev5-bg .iev5 { width:760px;}
.iev5-bg .iev5 .iev5-tit { width:759px; margin-bottom:40px;}
.iev5-bg .iev5 .iev5-tline { width:200px; margin-bottom:15px;}
.iev5-bg .iev5 .iev5-bline { width:200px; margin-top:15px;}
.iev5-bg .iev5 .iev5-sild .iev5-le { float:left; width:542px; overflow:hidden;}
.iev5-bg .iev5 .iev5-sild .iev5-ri { float:right; width:200px; padding-top:10px; padding-left:18px;}
.iev5-bg .iev5 .iev5-sild .iev5-ri p { color:#e8eef0; font-size:14px; letter-spacing:1px; line-height:18px;}
.iev5-bg .iev5 .iev5-sild .iev5-ri a { display:block; margin-top:15px; margin-left:0;}
.iev5-bg .iev5 .iev5-sild .iev5-ri a:hover {  
	filter:alpha(opacity=90);
 	-moz-opacity:0.9;
 	-khtml-opacity: 0.9;
 	opacity: 0.9;
 }


.exhibits-bg { width:1278px; height:656px; background:url(imagesbg_07.jpg) center no-repeat;}
.exhibits-bg .exhibits { width:752px;}
.exhibits-bg .exhibits #photos .nav-next:hover { 
	filter:alpha(opacity=70);
 	-moz-opacity:0.7;
 	-khtml-opacity: 0.7;
 	opacity: 0.7;}
.exhibits-bg .exhibits #photos .nav-prev:hover { 
	filter:alpha(opacity=70);
 	-moz-opacity:0.7;
 	-khtml-opacity: 0.7;
 	opacity: 0.7;
}
.exhibits-bg .exhibits #photos .strip_wrapper ul li:hover { 
	filter:alpha(opacity=70);
 	-moz-opacity:0.7;
 	-khtml-opacity: 0.7;
 	opacity: 0.7;
}
.exhibits-bg .exhibits #photos .strip_wrapper ul li img { width:118px; height:78px; display:inline-block;}

.exhibits-bg .exhibits  .exhibits-tit { width:747px; margin-bottom:40px; margin-left:0;}
.exhibits-bg .exhibits .galleryview { width:100%;}
.exhibits-bg .exhibits .galleryview .nav-prev { width:37px; height:61px;}
.exhibits-bg .exhibits .galleryview .nav-next { width:35px; height:61px;}
.exhibits-bg .exhibits .galleryview .panel .panel-overlay { line-height:45px;}
.exhibits-bg .exhibits .galleryview .panel .panel-overlay h2 { font-size:2em;}
.exhibits-bg .exhibits .galleryview .ex-float { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999;}
.exhibits-bg .exhibits .galleryview .ex-float .exf { position:relative; width:100%; height:100%;}
.exhibits-bg .exhibits .galleryview .ex-float .exf .float-bg { position:absolute; top:0; left:0; width:100%; height:100%; background:#000; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.exhibits-bg .exhibits .galleryview .ex-float .exf .float-list { position:absolute; top:50%; left:50%; width:951px; height:500px; margin-left:-475px; margin-top:-250px; z-index:99999999;}
.exhibits-bg .exhibits .galleryview .ex-float .exf .float-list .rel{ position:relative; width:100%; height:100%;}
.exhibits-bg .exhibits .galleryview .ex-float .exf .float-list .rel .close { position:absolute; top:15px; right:5px; width:37px; height:37px; cursor:pointer; filter:alpha(opacity=30);
 	-moz-opacity:0.3;
 	-khtml-opacity: 0.3;
 	opacity: 0.3;}
.exhibits-bg .exhibits .galleryview .ex-float .exf .float-list .rel .close:hover {
	filter:alpha(opacity=100);
 	-moz-opacity:1;
 	-khtml-opacity: 1;
 	opacity: 1;}

#mainBox {
	width: 965px;
	height: 500px;
	position: relative;
	overflow: hidden;
}

#content {
	height:1183px;
	position: absolute;
	left: 0;
	top: 0;
}
#content img { width:951px;}

.scrollDiv {
	width: 5px;
	position: absolute;
	top: 0;
	background: #1b1bfc;
	border-radius: 5px;
	cursor:pointer;
	margin-left:-1.5px;
}

.video-bg { width:1278px; height:473px; background:url(imagesbg_08.jpg) center no-repeat;}
.video-bg .video { width:739px;}
.video-bg .video .video-tit { width:739px; margin-bottom:32px;}
.video-bg .video .video-list { width:747px;}
.video-bg .video .video-list .video-le { float:left; width:558px; height:320px; overflow:hidden;}
.video-bg .video .video-list .video-ri { float:right; width:184px; height:320px; overflow:hidden;}
.video-bg .video .video-list .video-ri .video_01 { width:184px; height:103px; overflow:hidden; margin-bottom:5px; cursor:pointer; position:relative;}
.video-bg .video .video-list .video-ri .video_01 .video-float { width:100%; height:100%; display:none; position:absolute; top:0; left:0;}
.video-bg .video .video-list .video-ri .video_01:hover .video-float { display:block;}
.video-bg .video .video-list .video-ri .video_01 .video-float .video-fl { width:100%; height:100%; background:#000; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;;}
.video-bg .video .video-list .video-ri .video_01 .video-float .video-ft { width:100%; height:100%; position:absolute; top:0; left:0;}
.video-bg .video .video-list .video-ri .video_01 .video-float .video-ft span { display:block; padding-top:20px; font-size:14px; color:#fff; text-align:center;}

.video-bg .video .video-list .video-ri .video_02 { width:184px; height:103px; overflow:hidden; margin-bottom:6px; cursor:pointer; position:relative;}
.video-bg .video .video-list .video-ri .video_02 .video-float { width:100%; height:100%; display:none; position:absolute; top:0; left:0;}
.video-bg .video .video-list .video-ri .video_02:hover .video-float { display:block;}
.video-bg .video .video-list .video-ri .video_02 .video-float .video-fl { width:100%; height:100%; background:#000; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.video-bg .video .video-list .video-ri .video_02 .video-float .video-ft { width:100%; height:100%; position:absolute; top:0; left:0;}
.video-bg .video .video-list .video-ri .video_02 .video-float .video-ft span { display:block; padding-top:20px; font-size:14px; color:#fff; text-align:center;}

.video-bg .video .video-list .video-ri .video_03 { width:184px; height:103px; overflow:hidden; cursor:pointer; position:relative;}
.video-bg .video .video-list .video-ri .video_03 .video-float { width:100%; height:100%; display:none; position:absolute; top:0; left:0;}
.video-bg .video .video-list .video-ri .video_03:hover .video-float { display:block;}
.video-bg .video .video-list .video-ri .video_03 .video-float .video-fl { width:100%; height:100%; background:#000; filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.video-bg .video .video-list .video-ri .video_03 .video-float .video-ft { width:100%; height:100%; position:absolute; top:0; left:0;}
.video-bg .video .video-list .video-ri .video_03 .video-float .video-ft span { display:block; padding-top:20px; font-size:14px; color:#fff; text-align:center;}


.moments-bg { width:1278px; height:599px; background:url(imagesbg_09.jpg) center no-repeat;}
.moments-bg .moments { width:890px;}
.moments-bg .moments .moments-tit { width:741px; margin-bottom:36px; margin-left:68px;}
.moments-bg .moments .moment-mid { width:890px; height:424px; position:relative;}
#moments-silder { width:754px; height:424px; overflow:hidden; position:relative;}
#moments-silder ul { position:absolute; height:424px;}
#moments-silder ul li {float:left;width:754px;height:424px;overflow:hidden;position:relative;}
.moments-bg .moments .moment-mid .pre { position:absolute; left:0; top:50%; margin-top:-30px;}
.moments-bg .moments .moment-mid .next { position:absolute; right:0; top:50%; margin-top:-30px;}
.moments-bg .moments .moment-mid .preNext { width:37px; height:60px; cursor:pointer;}
.moments-bg .moments .moment-mid .preNext:hover { 
	filter:alpha(opacity=70);
 	-moz-opacity:0.7;
 	-khtml-opacity: 0.7;
 	opacity: 0.7;
}
#moments-silder ul li .touming { display:none; width:100%; height:35px; position:absolute; bottom:0px; left:0px; background:#000; filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8; z-index:1;}
#moments-silder ul li .font { width:100%; height:35px; position:absolute; bottom:0px; left:0px; line-height:35px; z-index:2;}
#moments-silder ul li .font span { padding-left:15px; color:#fff; font-size:13.37px; font-weight:bold; letter-spacing:1px;}


.guide-bg { width:1278px; height:632px; background:url(imagesbg_10.jpg) center no-repeat;}
.guide-bg .guide { width:956px;}
.guide-bg .guide .guide-tit { width:939px; margin-bottom:34px; margin-left:0;}
.guide-bg .guide .guide-map { width:956px;}


.back-bg { width:1278px; height:150px; background:url(imagesbg_11.jpg) center no-repeat;}
.back-bg .back-top { padding-top:70px;}
.back-bg .back-top a { display:block; width:106px; height:28px; background:#bfdff1; line-height:28px; text-align:center; font-weight:bold; color:#0f3248; font-size:13.5px; margin:0 auto;}

.new-t { width:1278px; height:108px; background:url(imagesnew-bg_01.jpg) top center no-repeat;}
.news-n1 { width:1278px; height:4050px; background:url(imagesnew-bg_02.jpg) top center repeat-y;}
.news-n2 { width:1278px; height:2470px; background:url(imagesnew-bg_02.jpg) top center repeat-y;}
.news-n3 { width:1278px; height:2900px; background:url(imagesnew-bg_02.jpg) top center repeat-y;}
.news-n .news-n-font { width:734px; padding:0px 10px 35px 10px; text-align:center; font-family:"??¨¬?"; }
.news-n .news-n-font h1 { color:#fff; font-size:28px; font-family:"??¨¬?"; text-align:center;}
.news-n .news-n-font h2 { color:#fff; font-size:18px; font-family:"??¨¬?"; text-align:center; margin-top:30px;}
.news-n .news-n-font .xt { margin-top:25px; margin-bottom:50px;}
.news-n .news-n-font p { font-size:15px; color:#fff; text-align:left; text-indent:2em; margin-top:20px; line-height:25px;}
.news-n .news-n-font .xt span { color:#fff; font-size:13px; font-family:"??¨¬?";}
.news-n .news-n-font div { margin-top:20px;}

.news-n .back-top { padding-top:70px;}
.news-n .back-top a { display:block; width:106px; height:28px; background:#bfdff1; line-height:28px; text-align:center; font-weight:bold; color:#0e3855; font-size:13.5px; margin:0 auto;}

.footer-bg { width:1278px; height:61px; background:url(imagesbg_12.jpg) center no-repeat;}
.footer-bg .footer { width:1000px; height:61px; letter-spacing:3px;}
.footer-bg .footer .foo-le { float:left; padding-left:10px; width:356px; margin-top:10px;}
.footer-bg .footer .foo-le a { display:block; height:14px; line-height:14px; color:#f2f6ff; font-size:14px;}
.footer-bg .footer .foo-le a:hover { text-decoration:underline;}
.footer-bg .footer .foo-le .fe { float:left; font-size:12px;}
.footer-bg .footer .foo-le .fel { float:right; border-right:1px solid #627078; padding-right:20px; margin-right:20px;}
.footer-bg .footer .foo-le .fer { float:right;}
.footer-bg .footer .foo-ri { float:right; margin-top:10px; color:#daf5ff; font-size:12px;}
.footer-bg .footer .foo-ri span { color:#daf5ff; font-size:10px;}
.footer-bg .footer .foo-ri em { color:#daf5ff; font-size:15px; font-style:normal; margin-right:10px;}