body {
	color: #222;
	-webkit-text-size-adjust: none;
	background: #000;
	font-family: PingFangSC-Regular, sans-serif;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
iframe {
	margin: 0;
	padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

body,
button,
input,
select,
textarea {
	font-family: Tahoma, Arial, Roboto, ”Droid Sans”, ”Helvetica Neue”, ”Droid Sans Fallback”, ”Heiti SC”, sans-self;
	font-size: 62.5%;
	line-height: 1.5;
}

ol,
ul {
	list-style: none;
}

html,
body {
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.section-wrap {
	width: 10rem;
	height: 100%;
	overflow: visible;
	transition: transform 1s cubic-bezier(0.86, 0, 0.03, 1);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1);
}

.section-wrap .section {
	position: relative;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
}

.section-wrap .section .title {
	width: 100%;
	position: absolute;
	top: 1.609rem;
	color: #fff;
	font-size: 2.4em;
	text-align: center;
}

.section-wrap .section .title p {
	padding: 0 4%;
	opacity: 0
}

.section-wrap .section .title.active .tit {
	opacity: 1;
	transform: translateY(-25px);
	-webkit-transform: translateY(-25px);
	transition: all 2s cubic-bezier(0.86, 0, 0.8, 1);
	-webkit-transition: all 2s cubic-bezier(0.86, 0, 0.8, 1);
}
/*===========第一页*/
.section-wrap .section-1 {
	background: url(../img/bg_fm1.jpg) no-repeat;
	background-size: 100% 100%;
}
.fm1_title {
	width: 4.046rem; height: 6.578rem;
	left:50%; margin-left: -2.023rem;
	position: absolute;
	top: 1.109rem;	
}
.fm1_title img{ width: 100%; height: 100%;}

.fm_hot_news{ width: 6.718rem;
	left:50%; margin-left: -3.359rem; 
	top: 7.825rem; color: #fff;
    position: absolute; 
    text-shadow:2px 0px 6px #333;
    }
.fm_hot_news b{ display: block; 
    font-size: 0.375rem;} 
.fm_hot_news span{ display: block; height: 1.45rem; overflow: hidden; font-size: 0.25rem }  
.fm_hot_bt{ margin-top: 0.15rem;
 width: 6.718rem;left:50%; margin-left: -3.359rem; top:10.5rem; color: #fff;
    position: absolute; 
}
     
 /*===========第2页 旅游*/  
.section-wrap .section-2 {
	background: url(../img/bg_fm2.jpg) no-repeat;
	background-size: 100% 100%;
}
.fm2_title {
	width: 7.5rem; height: 4.562rem;
	left:50%; margin-left: -3.681rem;
	position: absolute;
	top:2.5rem; 	
}
.fm2_title img,.fm2_img img{ width: 100%; height: 100%;}
.fm2_img{     width: 9.203rem;
    height: 2.125rem;
    position: absolute;
    top: 7.203rem;
    left: 50%;
    margin-left: -4.601rem;}

/*=========进入按钮*/
.fm_btn{background: url(../img/fm_btn.jpg) no-repeat; position: absolute;
	background-size: 100% 100%;width: 1.687rem; height: 0.593rem; z-index: 99;}

.fm_ly{top: 11.403rem;
    left: 50%;
    margin-left: -0.8rem;}	
.fm_kzjc{    
	top: 10.903rem;
    left: 50%;
    margin-left: -0.881rem;}	
	
/*======================第三页 空中剧场*/	
.section-wrap .section-3 {
	background: url(../img/bg_fm3.jpg) no-repeat;
	background-size: 100% 100%;
}
.fm3_title {
	width: 3.343rem; height:6.406rem;
	left:50%; margin-left: -1.672rem;
	position: absolute;
	top: 1.109rem;		
}
.fm3_title img,.fm3_img img{ width: 100%; height: 100%;}
.fm3_img{ width:2.89rem; height:1.515rem; position: absolute;
	top:8.203rem;
	left:50%; margin-left: -1.455rem;}
/*========================第四页*/	
.section-wrap .section-4 {
	background: url(../img/bg_fm4.jpg) no-repeat;
	background-size: 100% 100%;
}	
.fm4_title {
	width: 8.625rem; height:5.406rem;
	left:50%; margin-left: -4.312rem;
	position: absolute;
	top:5.5rem; z-index: 6;	
}
.fm4_title img,.fm4_img img{ width: 100%; height: 100%;}
.fm4_img{ width:7.5rem; height:7.187rem; position: absolute;
	top:1.437rem; right: 0; z-index: 5;}
.fm_zyz{    
	top: 11.403rem;
    left: 50%;
    margin-left: -0.6rem;}
 /*============================文化场馆*/   
.section-wrap .section-5 {
	background: url(../img/bg_fm5.jpg) no-repeat;
	background-size: 100% 100%;
}	
.fm5_title {
	width: 5.265rem; height:7.281rem;
	left:50%; margin-left: -2.633rem;
	position: absolute;
	top: 1.109rem;	 z-index: 6;	
}
.fm5_title img,.fm5_img img{ width: 100%; height: 100%;}
.fm5_img{ width:7.25rem; height:6.171rem; position: absolute;
	bottom: 0; right: 0; z-index: 5;}
.fm_whcg{  
	background: url(../img/fm_btn2.png) no-repeat;
	background-size: 100% 100%;
	width: 1.75rem;
	height: 0.625rem; z-index: 99;
	position: absolute;  
	top:8.8rem;
    left: 50%;
    margin-left: -0.875rem;}
    
/*==============================文化动态*/
.section-wrap .section-6 {
	background: url(../img/bg_fm6.jpg) no-repeat;
	background-size: 100% 100%;
}
.fm6_title {
	width: 8.625rem; height:5.406rem;
	left:50%; margin-left: -4.312rem;
	position: absolute;
	top: 2.709rem;	z-index: 6;	
}
.fm6_title img{ width: 100%; height: 100%;}
.fm_news{    
	top: 11.403rem;
    left: 50%;
    margin-left: -0.8rem;}
/*==============================文化有约*/
.section-wrap .section-7 {
	background: url(../img/bg_fm7.jpg) no-repeat;
	background-size: 100% 100%;
}
.fm7_title {
	width: 6.64rem; height:5.562rem;
	left:50%; margin-left: -3.32rem;
	position: absolute;
	top: 2.709rem;	z-index: 6;	
}
.fm7_title img{ width: 100%; height: 100%;}
.fm_whyy{    
	top: 11.403rem;
    left: 50%;
    margin-left: -0.8rem;}
/*============================文化南昌*/
.section-wrap .section-8 {
	background: url(../img/bg_fm8.jpg) no-repeat;
	background-size: 100% 100%;
}

.fm8_title {
	width: 7.062rem; height: 5.843rem;
	left:50%; margin-left: -3.53rem;
	position: absolute;
	top: 2.709rem;z-index: 6;	
}
.fm8_title img{ width: 100%; height: 100%;}
.fm_whnc{    
	top: 11.403rem;
    left: 50%;
    margin-left: -0.8rem;}

/*============================豫章记忆*/
.section-wrap .section-9 {
	background: url(../img/bg_fm9.png) no-repeat;
	background-size: 100% 100%;
}
.fm9_title {
	    width: 8.662rem;
    height: 5.843rem;
    left: 50%;
    margin-left: -4.53rem;
    position: absolute;
    top: 3.709rem;
    z-index: 6;	
}
.fm9_title img{ width: 100%; height: 100%;}

.fm9_title img,.fm9_img1 img,.fm9_img2 img{ width: 100%; height: 100%;}
.fm9_img1 img,.fm9_img2 img{opacity:0.4}
.fm9_img1{ width: 5.6rem;
    height: 6.0rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 5;}
.fm9_img2{ width: 5.6rem;
    height: 6.0rem;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;}
.fm_yzjy{
	top: 10.703rem;
	left: 50%;
	margin-left: -0.8rem;
	}

.put-section-0 {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.put-section-1 {
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
}

.put-section-2 {
	transform: translateY(-200%);
	-webkit-transform: translateY(-200%);
}

.put-section-3 {
	transform: translateY(-300%);
	-webkit-transform: translateY(-300%);
}

.put-section-4 {
	transform: translateY(-400%);
	-webkit-transform: translateY(-400%);
}

.put-section-5 {
	transform: translateY(-500%);
	-webkit-transform: translateY(-500%);
}

.put-section-6 {
	transform: translateY(-600%);
	-webkit-transform: translateY(-600%);
}

.put-section-7 {
	transform: translateY(-700%);
	-webkit-transform: translateY(-700%);
}

.put-section-8 {
	transform: translateY(-800%);
	-webkit-transform: translateY(-800%);
}

.section-btn {
	width: 14px;
	position: fixed;
	right: 4%;
	top: 36%;
}

.section-btn li {
	width: 14px;
	height: 14px;
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	margin-bottom: 12px;
	background: #333;
	text-align: center;
	color: #fff;
	onsor: pointer;
}

.section-btn li.on {
	background: #fff
}

.arrow {
	opacity: 1;
	animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
	-webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -0.65rem;
	width: 1.3rem;
	height: 1.3rem;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	line-height:1.3rem;
	text-align: center;
	font-size: 0.543rem;
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	overflow: hidden;
}

.arrow:hover {
	animation-play-state: paused;
	-webkit-animation-play-state: paused;
}

@keyframes arrow {
	%0,
	%100 {
		bottom: 10px;
		opacity: 1;
	}
	50% {
		bottom: 50px;
		opacity: .5
	}
}

@-webkit-keyframes arrow {
	%0,
	%100 {
		bottom: 10px;
		opacity: 1;
	}
	50% {
		bottom: 50px;
		opacity: .5
	}
}
/*================背景音乐*/

#lanren #audio-btn{width:0.687rem;height:0.687rem;
 margin:100px auto;background-size: 100% 100%; position: fixed; 
 z-index: 999; top: -80px; right: 20px;}
#lanren .on{background: url(../img/music_on.png) no-repeat 0 0;
-webkit-animation: rotating 1.2s linear infinite;
animation: rotating 1.2s linear infinite;}
#lanren .off{background: url(../img/music_off.png) no-repeat 0 0;}
@-webkit-keyframes rotating {
	from{
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
    	transform: rotate(0deg);
	}
	to{
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}
@keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}