@charset "utf-8";
*{margin:0; padding:0; list-style:none}
*, *:before, *:after {box-sizing:inherit;}
a{color:#000; text-decoration:none; outline:none;}
a:hover{color:#000; text-decoration:underline; outline:none;}
*:not(input):not(textarea) {
  -webkit-touch-callout:none;/* 禁用系统默认菜单 */
	-webkit-user-select:none;/* 禁用选择复制 */
  user-select:none;
}
.wow{visibility: hidden;}
.none{display:none;}

body{
	width:100%;
  height:152rem;
  overflow:hidden;
  overflow-y:auto;
	font:100%/1.5 Helvetica,sans-serif;
	color:#333;
	background-color:#fff;
}

#pageContain{
  height:100%;
	overflow:hidden;
  background:url('../images/000.jpg') no-repeat 50%;
  background-size:100%;
}
.page{
	width:100%;
  height: 100vh;
	overflow:hidden;
	position:absolute;
	/*top:0;
	left:0;*/

  /* border:1px #c00 solid; */
}
.contain{
  position:relative;
	width:100%;
	height:100%;
	overflow:hidden;

  /* display:none; */
}
.contain ul {position:absolute; width:100%; height:100%; margin:0; padding:0;}
.contain ul li img{position:absolute; z-index:10;}
.contain ol img{position:absolute; z-index:10;}
.current .contain,.slide .contain{
	display:block;
}
.current {
	display:block;
	z-index:1;
}
.slide {
	display:block;
	z-index:2;
}
.swipe {
	display:block;
	z-index:3;
	-webkit-transition-duration:0ms !important;
    transition-duration:0ms !important;
}

/* 页面导航 */
/*#navBar {
	z-index:3;
	position:absolute;
	top:10%;
	right:3%;
}
#navBar .active {
	background:#ccc;
}
#navBar li {
	cursor:pointer;
	margin-bottom:10px;
	transition:all .7s ease;
	border-radius:50%;
	line-height:0.3rem;
	text-align:center;
	width:0.3rem;
	height:0.3rem;
}

#prev,#next {
	z-index:4;
	text-align: center;
	line-height:1rem;
	position: absolute;
	width:1rem;
	height:1rem;
	top:50%;
	cursor:pointer;
	margin-top:-0.5rem;
	font-size:1rem;
	color:rgba(255,255,255,0.5);
}
#prev {
	left:0
}
#next {
	right:0
}*/

/* 页面背景 */
/* .page1{background:url('../images/001.jpg') no-repeat 50%;}
.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9{background:url('../images/002.jpg') no-repeat 50%;}
.page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9{
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -ms-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
} */
/* .page1,.page2,.page3,.page4,.page5,.page6,.page7,.page8,.page9{
    filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";
    -webkit-background-size:100% 100%;
    -moz-background-size:100% 100%;
    -ms-background-size:100% 100%;
    -o-background-size:100% 100%;
    background-size:100% 100%;
} */
.page0{top:0;}
.page1{top:13.68rem;}
.page2{top:28.02rem;}
.page3{top:41.61rem;}
.page4{top:55.52rem;}
.page5{top:69.23rem;}
.page6{top:83.02rem;}
.page7{top:95.79rem;}
.page8{top:108.06rem;}
.page9{top:121.74rem;}
.page10{top:133.66rem; height: 17rem;}

.pop_btn{
  position: absolute;
  width: 2.5rem;
  height: 1rem;
  /* border: 1px #c00 solid; */
}
.pop_btn img{width:100%; height: 100%;}
.pop_btn img.wow{
  position: absolute;
  bottom: -0.6rem;
  right: -0.5rem;
  width: 0.7rem;
  height: auto;
}

/* 自适应框架（设计图宽度） */
body {
	max-width:7.5rem;
	margin:0 auto;
}
body * {
	max-width:7.5rem;
}

/* 启动页 */
#index{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:99;
	/* background:url('../images/000.jpg') no-repeat 50%;
	background-size:cover; */
	display:none; 
}
#index img{position:absolute;}

/* 页面加载 */
#loading{
  position:absolute;
  width:100%;
  height:100%;
  background:#fff url('../images/loading.gif') no-repeat 50% 50%;
  z-index:10000;
  display:none;
}

/* 内嵌外联文章弹窗 */
#pop_iframe{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	background:rgba(0, 0, 0, 0.7);
	overflow:hidden;
	display:none;
}
#pop_iframe .close{
	position:absolute;
	top:0.3rem;
	left:50%;
	transform:translateX(-50%);
  color:#fff;
  font-size:10vmin;
	cursor:pointer;
}
#pop_iframe iframe{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:90%;
  display: none;
}
#pop_iframe .pop{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:90%;
  overflow-y: auto;
  background: #fff url('../images/pop_bg.jpg') no-repeat 50%;
  background-size: 100% 100%;
  padding: 0.15rem;
  font-size: 0.3rem;
  display: none;
}
#pop_iframe .pop .pop_t{font-size: 0.35rem; font-weight: bold; text-align: center;}
#pop_iframe .pop .pop_m p{margin: 0.15rem auto; text-indent: 2em; text-align: justify;}

.dzb{
  position: absolute;
  top:7.5rem;
  left:0;
  width:7.5rem;
  height:4.62rem;
  background:url('../images/dzb_bg.png') no-repeat 50%;
  background-size: 100% 100%;
}
.dzb img{
  position:absolute;
  top:0.21rem;
  left:0.83rem;
  width:5.85rem;
  height:4.18rem;
}

/* 音乐标志 */
#music_btn{
  position:fixed;
  width:0.5rem;
  height:0.5rem;
  top:0.2rem;
  right:0.2rem;
  z-index:9999;
  cursor:pointer;
	-webkit-animation:music_dh 10s linear 0s infinite;
	animation:music_dh 10s linear 0s infinite;
}
@-webkit-keyframes music_dh{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@keyframes music_dh{
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
.music_on{
	background:url('../images/m_play.png') no-repeat 50%;
	background-size:100% 100%;
}
.music_off{
	background:url('../images/m_pause.png') no-repeat 50%;
	background-size:100% 100%;
}

/* 箭头 */
.arrow_u {
  position:fixed;
  background-image:url("../images/arrow_u.png");
  background-size:100%;
  bottom:0.2rem;
  left:50%;
  width:0.5rem;
  height:0.25rem;
  z-index:9999;
  -webkit-transform:translateX(-50%);
  transform:translateX(-50%);
  -webkit-animation:arrow_up 1s linear 0s infinite alternate;
  animation:arrow_up 1s linear 0s infinite alternate;

  display:none;
}
@-webkit-keyframes arrow_up {
  from {bottom:0.1rem;}
  to {bottom:0.3rem;}
}
@keyframes arrow_up {
  from {bottom:0.1rem;}
  to {bottom:0.3rem;}
}

/*微信分享*/
#mcover{
  display:none;
  position:fixed;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.7);
  z-index:10000;
}
#mcover img{
  position:fixed;
  top:0.1rem;
  width:100%;
  height:auto;
  z-index:10001;
}
.wx_btn{position:relative; z-index:9999; cursor:pointer;}

.btn_go,.btn_next,.btn_prev,.btn_end,.btn_url{cursor:pointer;}

/* 图片切换 */
.swiper-container{
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}
.swiper-slide{
	text-align: center;

	/* Center slide text vertically */
	display:-webkit-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-ms-flex-align:center;
	-webkit-align-items:center;
	align-items:center;
}
.swiper-slide img{width:100%; height:100%; object-fit:cover;}
.swiper-slide a{
	display:block;
  width:100%;
  height:100%;
  text-align:center;
	color:#fff;
  line-height:1.5;
	position:relative;
	overflow:hidden;
}
.swiper-slide a h1{
	position:absolute;
	bottom:0;
	width:100%;
	padding:0.05rem;
	font-weight:normal;
	font-size:0.2rem;
	box-sizing:border-box;
	background:rgba(0,0,0,0.6);

  overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.swiper-slide a i{
	font-style:normal;
	font-size:0.16rem;
	text-align:justify;
}
.swiper-button-prev,
.swiper-button-next{
	--swiper-navigation-size: 0.33rem;
  --swiper-navigation-color: #cc0000;
	outline:none;
}
.swiper-button-prev:hover,
.swiper-button-next:hover{
  --swiper-navigation-color: #000000;
}
.swiper-pagination-bullet{
	width:0.08rem;
	height:0.08rem;
	background:rgba(255, 255, 255, 1);
	opacity:1;
}
.swiper-pagination-bullet-active{
	background:rgba(255, 0, 0, 1);
	opacity:1;
}

.swiper1{width:100%; height:3.5rem; margin:0 auto; position:relative;}
.swiper1 .swiper-pagination{bottom:0.5rem;}
.swiper1 .swiper-button-prev,
.swiper1 .swiper-button-next{
	--swiper-navigation-color: #ffffff;
}
.swiper1 .swiper-button-prev:hover,
.swiper1 .swiper-button-next:hover{
	--swiper-navigation-color: #cc0000;
}

/* 移动端自适应 */
@media screen and (max-aspect-ratio: 9/16.11111) {
  /* .contain{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  height:auto;
  aspect-ratio: 9/16;
  } */
}