body{
	
	width:100%;
	/*overflow:hidden;*/
	padding: 0;
	margin: 0;
	background: #d8cdb7;
	font-family: arial,'Microsoft Yahei',微软雅黑,宋体,宋体,Tahoma,Arial,Helvetica,STHeiti;
}

.container { width:6.4rem; margin:0 auto;}
ul,li{list-style-type:none; text-transform:capitalize;}/*input,select,*/button,img{vertical-align:middle;}
select {vertical-align:top;}

/*定位*/
.fl{float:left;}.fr{float:right;}.fht{float:inherit;}
.tl{text-align:left;}.tc{text-align:center;}.tr{text-align:right;}
.cb{line-height:0px; clear:both; height:0px;font-size:0px; over-flow:hidden;}.cl{clear:left;}.cr{clear:rigth;}
.clearfix{display:inline-block;clear:both;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

.hide{ display:none;}
.wz {position: relative;}
.wz_ab {position: absolute;}

/* 页面样式 */
.top_bg {background-image:url(../images/top_b.jpg); background-size: cover; height: 3.4rem; width: 6.4rem;}
.middle_bg {background-image:url(../images/middle_b.png); background-size: cover; height: 5.17rem; width: 6.4rem; top: 6.8rem;}

.dot_bg {background-image:url(../images/dot.png); background-size: cover; height: 4.59rem; width: 4.8rem; top: 3.7rem; left: 0.7rem;}
.cx {background-image:url(../images/cx.png); background-size: cover; height: 1.93rem; width: 1.2rem; top: 4.6rem; left: 4rem;}
.jn {background-image:url(../images/jn.png); background-size: cover; height: 2.6rem; width: 0.22rem; top: 4.93rem; left: 3.83rem;}

.nav_1 { top: 5.29rem; left: 3.48rem;}
.nav_line_1 {top: 5.29rem; left: 3.46rem;}
.nav_2 { top: 5.29rem; left: 2.95rem;}
.nav_line_2 {top: 5.29rem; left: 2.93rem;}
.nav_3 { top: 5.29rem; left: 2.41rem;}
.nav_line_3 {top: 5.29rem; left: 2.39rem;}
.nav_4 { top: 5.29rem; left: 1.87rem;}
.nav_line_4 {top: 5.29rem; left: 1.85rem;}
.nav_5 { top: 5.29rem; left: 1.33rem;}
.nav_line_5 {top: 5.29rem; left: 1.31rem;}
.nav_6 { top: 5.29rem; left: 0.77rem;}
.nav_line_6 {top: 5.29rem; left: 0.75rem;}

.bg_music {z-index: 100001; top: 0.5rem; right: 0.5rem;width: 0.6rem;height: 0.6rem;}
.player-button {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    

    cursor: pointer;
    
    background-position: 0 0;
	background-size: cover;
	background-image: url(../images/music.png);
}
.player-button-stop {
    background-position: 0 -0.6rem;
}

.wen p {font-size: 0.28rem; line-height: 0.5rem; color: #322f26; text-align: justify;text-indent: 2em; }


/*瀑布流*/
 #div1 { margin-left:-2.3rem ; position:relative;width: 4.6rem; left: 50%; }
.box {  padding:0.04rem; border:1px solid #ccc; background:#f7f7f7; -moz-border-radius: 0.05rem; -webkit-border-radius: 0.05rem;  border-radius:0.05rem; /*box-shadow:0 0 0.08rem #ccc;*/width: 4.6rem; margin-top: 0.1rem;}
.box:hover { /* box-shadow:0 0 0.1rem #999; */}
.box img { width:4.6rem; -moz-border-radius: 0.05rem; -webkit-border-radius: 0.05rem;  border-radius:0.05rem;}
.box p {font-size: 0.22rem; font-family: "微软雅黑"; line-height: 0.42rem; width: 4.6rem; text-align: center; text-indent: 0em;}
.box figure figcaption {font-size: 0.22rem; font-family: "微软雅黑"; line-height: 0.42rem; width: 4.6rem; text-align: center; text-indent: 0em;}

/*p1*/
.p1 {background:#d8cdb7 url(../images/list_top_bg.jpg) top no-repeat; background-attachment:fixed;background-size:100% auto;}
.list_shuimo {background-image:url(../images/list_shuimo_bg.png); background-size: cover; height: 3.72rem; width: 4.67rem; top: 4.93rem; left: 3.83rem;}
.list_chunxin {background-image:url(../images/chunxin_nei.png); background-size: cover; height: 1.83rem; width: 1.4rem; top: 1.14rem; left: 3.87rem;}

.list_home {top: 0rem; left: 0.48rem;}

.my-gallery {position: absolute;}

.bq {text-align: center;}
.bq p {font-size: 0.14rem; line-height: 0.24rem; color: #666; text-align: center; text-indent: 0em;}

/*p2*/
.p2 {background:url(../images/p2.jpg) top; background-attachment:fixed;background-size:100% auto;}


/*p3*/
.p3 {background:url(../images/p3.jpg) top; background-attachment:fixed;background-size:100% auto;}
.p3 .txt p{font-size: 0.2rem; line-height: 0.36rem; color: #FFF; font-family: "微软雅黑"; text-indent: 2em; text-align: justify;}

/*p4*/
.p4 {background:url(../images/p4.jpg) top; background-attachment:fixed;background-size:100% auto;}
.p4 .txt p{font-size: 0.2rem; line-height: 0.36rem; color: #FFF; font-family: "微软雅黑"; text-indent: 2em; text-align: justify;}

/*p5*/
.p5 {background:url(../images/p5.jpg) top; background-attachment:fixed;background-size:100% auto;}
.p5 .txt p{font-size: 0.2rem; line-height: 0.36rem; color: #FFF; font-family: "微软雅黑"; text-indent: 2em; text-align: justify;}



/* 飘落效果 */
#content { 
	width: 100%;
	height: 100%; 
	top: 0px;
	overflow: hidden; 
	position: absolute; 
	z-index: 2000;
}
#snowflake { 
	width: 100%; 
	height: 100%; 
	position: absolute; 
	top: 0; 
	left: 0; 
	overflow: hidden; 
}
.snowRoll { 
	position: absolute; 
	opacity: 0; 
	-webkit-animation-name: mysnow; 
	-webkit-animation-duration: 20s; 
	-moz-animation-name: mysnow; 
	-moz-animation-duration: 20s; 
	height: 80px; 
}
@-webkit-keyframes mysnow {  
	0% {
	 bottom: 100%;
	}
	 50% {
	 -webkit-transform: rotate(1080deg);
	}
	 100% {
	 -webkit-transform: rotate(0deg) translate3d(50px, 50px, 50px);
	}
}
@-moz-keyframes mysnow {  
	0% {
	 bottom: 100%;
	}
	 50% {
	 -moz-transform: rotate(1080deg);
	}
	 100% {
	 -moz-transform: rotate(0deg) translate3d(50px, 50px, 50px);
	}
}
/* 飘落效果 end */


/* 向上 */
.img_up {
	height:auto;width:0.5rem;
	position:absolute;
	left:50%;
	top:93%;
	margin-left:-0.25rem;
}

@media screen and (min-device-width:1px) and (max-device-width:750px){
	.div750 {display: block;}
	.div1080 {display: none;}
	.div1440 {display: none;}
}
@media screen and (min-device-width:751px) and (max-device-width:1080px){
	.div750 {display: none;}
	.div1080 {display: block;}
	.div1440 {display: none;}
}
@media screen and (min-device-width:1081px) {
	.div750 {display: none;}
	.div1080 {display: none;}
	.div1440 {display: block;}
}