<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
-->
</style><head>
<meta http-equiv="X-UA-Compatible" content="IE=7,8">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>南宁市蝉联全国文明城市三连冠</title>
<meta name="Keywords" content="南宁市蝉联全国文明城市三连冠" />
<meta name="description" content="南宁市蝉联全国文明城市三连冠" />
<link href="../../images/sanlianguan_tongyong_texiao.css" rel="stylesheet" type="text/css" />
<link href="../../images/sanlianguan_tx_fullPage.css" rel="stylesheet" type="text/css" />
<link href="../../images/sanlianguan_style_div.css" rel="stylesheet" type="text/css" />
<script src="../../images/jquery-1.8.3.min.js"></script>
<script src="../../images/jquery-ui-1.10.3.min.js"></script>
<script src="../../images/jquery.fullPage.min.js"></script>
<style type="text/css">
#box {
	position: absolute;
	left: 1387px;
	z-index: 1;
	top: -359px;
	width: 349px;
	height: 484px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box02 {
	position: absolute;
	left: -501px;
	top: -455px;
	width: 349px;
	height: 484px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box03 {
	position: absolute;
	left: -619px;
	z-index: 3;
	top: -359px;
	width: 0px;
	height: 0px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box04 {
	position: absolute;
	left: 1398px;
	z-index: 2;
	top: -259px;
	width: 0px;
	height: 0px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box05 {
	position: absolute;
	left: -327px;
	z-index: 2;
	top: -589px;
	width: 0px;
	height: 0px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box06 {
	position: absolute;
	right: -1648px;
	z-index: 2;
	top: -487px;
	width: 0px;
	height: 0px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box07 {
	position: absolute;
	right: -1686px;
	z-index: 2;
	top: -213px;
	width: 0px;
	height: 0px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box08 {
	position: absolute;
	right: 100px;
	z-index: 2;
	top: 100px;
	width: 51px;
	height: 333px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box09 {
	position: absolute;
	right: 180px;
	z-index: 2;
	top: 100px;
	width: 36px;
	height: 331px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box10 {
	position: absolute;
	right: 250px;
	z-index: 2;
	top: 100px;
	width: 45px;
	height: 416px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box11 {
	position: absolute;
	right: 320px;
	z-index: 2;
	top: 100px;
	width: 46px;
	height: 415px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box12 {
	position: absolute;
	right: 390px;
	z-index: 2;
	top: 100px;
	width: 41px;
	height: 261px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box13 {
	position: absolute;
	right: 460px;
	z-index: 2;
	top: 100px;
	width: 45px;
	height: 416px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box14 {
	position: absolute;
	right: 530px;
	z-index: 2;
	top: 100px;
	width: 45px;
	height: 416px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#box15 {
	position: absolute;
	right: 600px;
	z-index: 2;
	top: 100px;
	width: 45px;
	height: 416px;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.page002 {
	position: relative;
}
#detail {
	position: absolute;
	width: 800px;
	height: 600px;
	border: 1px solid #ccc;
	background: #efefef;
	display: none;
}
#detail .tit {
	background: #ddd;
	display: block;
	height: 33px;
	cursor: move;
}
#detail .tit i {
	float: right;
	line-height: 33px;
	padding: 0 8px;
	cursor: pointer;
}
/* detai2 */
#detail2 {
	position: absolute;
	width: 300px;
	height: 100px;
	border: 1px solid #555;
	background: #555;
	display: none;
}
#detail2 .tit {
	background: #333;
	display: block;
	height: 33px;
	cursor: move;
}
#detail2 .tit i {
	float: right;
	line-height: 33px;
	padding: 0 8px;
	color: #777;
	cursor: pointer;
}
</style>
<script type="text/javascript">
$(document).ready(function() {
	$.fn.fullpage({
		slidesColor: ['#0075D1', '#C2E5FF', '#FDF6E1', '#E9E9E9', '#F3F3F3', '#F9F3DC'],
		anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6', 'page7', 'page8', 'page9'],
		menu: '#menu',
		afterRender: function(){
			$('.screen-main span').each(function(){
				var $rel = $(this).attr('rel');
				var $arr = $rel.split(',');
				$(this).animate({
					left: $arr[2] + 'px',
					top: $arr[3] + 'px'
				}, 1000);
			});
			$('.inner a').each(function(){
				var $rel = $(this).attr('rel');
				var $arr = $rel.split(',');
				$(this).animate({
					left: $arr[0] + 'px',
					top: $arr[1] + 'px'
				}, 1000);
			});
		},
		afterLoad: function(anchorLink, index){
			if(index == 1){
				$('.screen-main span').each(function(){
					var $rel = $(this).attr('rel');
					var $arr = $rel.split(',');
					$(this).animate({
						left: $arr[2] + 'px',
						top: $arr[3] + 'px'
					}, 1500);
				});
			}
			if(index == 2){
				 $("#box").animate({
		top: '180px',
    left:'200px',
    opacity:'1.0',
    height:'202px',
    width:'131px'
  },500);

	$("#box02").animate({
	top: '180px',
	left:'370px',
    opacity:'1.0',
    height:'202px',
    width:'131px'
},2000);
 $("#box03").animate({
  top: '180px',
left:'540px',
    opacity:'1.0',
    height:'202px',
    width:'131px'
},3500);
 $("#box04").animate({
  top: '440px',
 left:'100px',
    opacity:'1.0',
    height:'202px',
    width:'131px'
},5000);
 $("#box05").animate({
   top: '440px',
left:'300px',
    opacity:'1.0',
    height:'202px',
    width:'131px'
},6500);
 $("#box06").animate({
   top: '440px',
	right:'350px',
    opacity:'1.0',
    height:'202px',
    width:'131px'
},8000);
 $("#box07").animate({
   top: '440px',
	right:'150px',
    opacity:'1.0',
    height:'202px',
    width:'131px'
},9000);

			}
			if(index == 3){
			 $('section3').fadeIn(1000);
				$('.page003').fadeIn(1000);			}

			if(index == 4 ){
				 $("#box08").animate({
    opacity:'1.0',
    height:'333px',
    width:'51px'
},500);
 $("#box09").animate({
    opacity:'1.0',
    height:'331px',
    width:'36px'
},1000);
$("#box10").animate({
    opacity:'1.0',
    height:'416px',
    width:'45px'
},1500);

$("#box11").animate({
    opacity:'1.0',
    height:'415px',
    width:'46px'
},2000);
$("#box12").animate({
    opacity:'1.0',
    height:'261px',
    width:'41px'
},2500);
$("#box13").animate({
    opacity:'1.0',
    height:'416px',
    width:'45px'
},3000);
$("#box14").animate({
    opacity:'1.0',
    height:'416px',
    width:'45px'
},3500);
$("#box15").animate({
    opacity:'1.0',
    height:'416px',
    width:'45px'
},4000);}

				},
		onLeave: function(index, direction){
			if(index == 1){
				$('.screen-main span').each(function(){
				var $rel = $(this).attr('rel');
				var $arr = $rel.split(',');
				$(this).animate({
				left: $arr[0] + 'px',
				top: $arr[1] + 'px'
					}, 500);
				});
			}
				if(index == 2){
	$("#box").animate({
	top: '-359px',
    left:'1387px',
    opacity:'0',
    height:'484px',
    width:'349px'
  },500);
   $("#box02").animate({
   top: '-501px',
   left:'-455px',
   opacity:'0',
   height:'202px',
   width:'131px'
},500);
 $("#box03").animate({
  top: '-359px',
  left:'-619px',
  opacity:'1.0',
    height:'202px',
    width:'131px'
},500);
 $("#box04").animate({
   top: '-440px',
   left:'-100px',
    opacity:'0',
    height:'202px',
    width:'131px'
},500);
 $("#box05").animate({
   top: '-1440px',
left:'-1300px',
    opacity:'0',
    height:'202px',
    width:'131px'
},500);
 $("#box06").animate({
   top: '-840px',
	right:'-1350px',
    opacity:'0',
    height:'202px',
    width:'131px'
},500);
 $("#box07").animate({
  top: '-203px',
	right:'-1686px',
    opacity:'0',
    height:'202px',
    width:'131px'
},500);

	}
	if(index == 3){
	$('section3').fadeOut(1000);
	$('.page003').fadeOut(1000);
	}
	if(index == 4){
	  $("#box08").animate({
  top: '100px',
right:'100px',
    opacity:'0',
    height:'331px',
    width:'56px'
},500);
  $("#box09").animate({
  top: '100px',
right:'180px',
    opacity:'0',
    height:'331px',
    width:'36px'
},500);

$("#box10").animate({
    opacity:'0',
    height:'416px',
    width:'45px'
},500);
$("#box11").animate({
    opacity:'0',
    height:'416px',
    width:'45px'
},500);
$("#box12").animate({
    opacity:'0',
    height:'261px',
    width:'41px'
},500);
$("#box13").animate({
    opacity:'0',
    height:'247px',
    width:'44px'
},500);
$("#box14").animate({
    opacity:'0',
    height:'211px',
    width:'39px'
},500);
$("#box15").animate({
    opacity:'0',
    height:'221px',
    width:'36px'
},500);

				}

	}
	});
});
</script>
</head>

<body>

<ul id="menu">
	<li class="active" data-menuanchor="page1"><a href="#page1">文明之耀</a></li>
	<li data-menuanchor="page2"><a href="#page2">文明之颂</a></li>
	<li data-menuanchor="page3"><a href="#page3">文明之路</a></li>
	<li data-menuanchor="page4"><a href="#page4">文明之惠</a></li>
	<li data-menuanchor="page5"><a href="#page5">文明之印</a></li>
</ul>
<!---第一---->
<div class="section section1">
<div class="screen-main">
<table height="910" width="990" border="0" cellspacing="0" cellpadding="0">
   <tr>
    <td height="250"></td>
  </tr>
  <tr>
    <td valign="top">
<!--要闻--->
<iframe allowtransparency="true" frameborder="0" height="730" scrolling="no" src="http://www.nnnews.net/special/2015zt/nnsclqgwmcsslg/wmzy/" width="980">		</iframe>
<!--要闻-->    </td>
  </tr>
</table>
</div>
</div>
<!---第一end---->
<!---第二---->
<div class="section section2">
<div class="science-inner page002" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="80"></td>
  </tr>
  <tr>
    <td><iframe allowtransparency="true" frameborder="0" height="730" scrolling="no" src="http://www.nnnews.net/special/2015zt/nnsclqgwmcsslg/wmzs/" width="980"></iframe></td>
  </tr>
</table>
</div>
</div>
<!---第二end---->
<!---第三---->
<div class="section section3">
<div class="famous-inner page003" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="50"></td>
  </tr>
  <tr>
    <td><iframe allowtransparency="true" frameborder="0" height="830" scrolling="no" src="http://www.nnnews.net/special/2015zt/nnsclqgwmcsslg/wmzl/" width="980"></iframe></td>
  </tr>
</table>
</div>
</div>
<!---第三end---->

<!---第四---->
<div class="section section4">
<div class="famous-inner page002" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="80"></td>
  </tr>
  <tr>
    <td><iframe allowtransparency="true" frameborder="0" height="730" scrolling="no" src="http://www.nnnews.net/special/2015zt/nnsclqgwmcsslg/wmzh/" width="980"></iframe></td>
  </tr>
</table>
</div>
</div>
<!---第四end---->
<!---第五---->
<div class="section section5">
<div class="famous-inner page002" align="center">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="20"></td>
  </tr>
  <tr>
    <td><iframe allowtransparency="true" frameborder="0" height="880" scrolling="no" src="http://www.nnnews.net/special/2015zt/nnsclqgwmcsslg/wmzyy/" width="980"></iframe></td>
  </tr>
</table>
</div>
</div>
<!---第五end---->
</body>

</html>