@charset "utf-8";
*{margin:0; padding:0; list-style:none}
*:not(input):not(textarea) {
	-webkit-user-select:none;/* 禁用选择复制 */
	-webkit-touch-callout:none;/* 禁用系统默认菜单 */
} 
html{
	-webkit-tap-highlight-color:rgba(0,0,0,0);/* 禁止点选高亮显示 */
	-webkit-overflow-scrolling:touch;/* 局部滚动 */
}
.cube{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);/* 开启硬件加速 */
}
.wow{visibility: hidden;}
.none{display:none;}

/* @font-face {
    font-family: "FZCYSJW";
    src: url("../font/FZCYSJW.woff2") format("woff2"),
        url("../font/FZCYSJW.woff") format("woff"),
        url("../font/FZCYSJW.ttf") format("truetype"),
        url("../font/FZCYSJW.eot") format("embedded-opentype"),
        url("../font/FZCYSJW.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
.font{font-family:'FZCYSJW';} */

body{
	width:100%;
	*cursor:default;
	font:14px/1.5 Helvetica,sans-serif;
	color:#000;
	background:#161A13;
}

#pageContain{
	overflow:hidden;
	display:none;
}
.page{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	/*top:0;
	left:0;*/
}
.contain{
	display:none;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}
.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;
	transition-duration:0ms !important;
	-webkit-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
}*/

/* 页面加载 */
#loading{
    position:absolute;
    width:100%;
    height:100%;
    color:#fff;
    z-index:10000;
    display:none;

    background:url(../images/000.jpg) no-repeat 50%;
	background-size:cover;
}
#loading .progress{
    position:absolute;
    top:8.5rem;
    left:50%;
    transform: translateX(-50%);
}
#loading .progress i{
    display:block;
    margin-bottom:0.2rem;
    width:1.99rem;
	height:1.56rem;
	background-image:url(../images/loading.png);
	background-size:cover;
	overflow:hidden;
	-webkit-animation:dd 1s steps(3) infinite;
	animation:dd 1s steps(3) infinite;
}
@-webkit-keyframes dd{
	0% {}
	100% {background-position-x:-300%;}
}
@keyframes dd{
	0% {}
	100% {background-position-x:-300%;}
}
#loading img{position:absolute;}

/* 音乐标志 */
#music_btn{position:fixed; width:0.5rem; height:0.5rem; top:0.1rem; right:0.1rem; 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_up {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;
}
@-webkit-keyframes arrow_up {
from {bottom:0.1rem;}
to {bottom:0.3rem;}
}
@keyframes arrow_up {
from {bottom:0.1rem;}
to {bottom:0.3rem;}
}

.arrow_s{
    display:none;
	-webkit-animation:arrow_s 1s linear 0s infinite alternate;
	animation:arrow_s 1s linear 0s infinite alternate;
}
@-webkit-keyframes arrow_s {
    from {top:9.8rem;}
    to {top:9.7rem;;}
}
@keyframes arrow_s {
    from {top:9.8rem;}
    to {top:9.7rem;}
}

/* 页面背景 */
.page1,.page2{background:url(../images/002.jpg) no-repeat 50%;}
.page3,.page4,.page5,.page6,.page7,.page8,.page9{background:url(../images/000.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%;
} */

/* 自适应框架（设计图宽度） */
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;
	display:none;
    background:url(../images/001.jpg) no-repeat 50%;
    background-size:cover;
}
#index img{position:absolute;}
#index ol{
    position:relative;
    width:100%;
    height:100%;
}
#index .d_star{
    position:absolute;
    top:0;
    left:0;
    width:30rem;
    height:100%;
    background:url(../images/001-3.png) no-repeat 50%;
	background-size:cover;
    -webkit-animation:d_star 40s linear infinite;
    animation:d_star 40s linear infinite;
}
@-webkit-keyframes d_star {
    from{background-position:0% 0%}
    to{background-position:50% 50%}
}
@keyframes d_star {
    from{background-position:0% 0%}
    to{background-position:50% 50%}
}

.handZoom{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
}
#map{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:url(../images/002.jpg) no-repeat 50%;
    background-size:cover;
}
#map img{-webkit-user-drag: none;}
.map{
    position:absolute;
    top:4.59rem;
    left:1.6rem;
    width:4.82rem;
    height:4.02rem;
    background:url(../images/map.png) no-repeat 50%;
    background-size:100% 100%;
}
.map dt i{
    position:absolute;
    width:0.24rem;
    height:0.24rem;
    background:url(../images/map-dot.png) no-repeat 50%;
    background-size:100% 100%;
}
.map dt i:nth-of-type(1){top:1.69rem; left:2.86rem;}/*青羊*/
.map dt i:nth-of-type(2){top:1.72rem; left:2.6rem;}
.map dt i:nth-of-type(3){top:2.54rem; left:3.36rem;}
.map dt i:nth-of-type(4){top:1.44rem; left:2.92rem;}
.map dt i:nth-of-type(5){top:1.24rem; left:3.06rem;}

.map dt i:nth-of-type(6){top:0.82rem; left:3.52rem;}/*广元*/
.map dt i:nth-of-type(7){top:1.75rem; left:3.38rem;}
.map dt i:nth-of-type(8){top:2.21rem; left:3.17rem;}
.map dt i:nth-of-type(9){top:2.21rem; left:2.62rem;}
.map dt i:nth-of-type(10){top:1.61rem; left:3.62rem;}

.map dt i:nth-of-type(11){top:1.96rem; left:2.67rem;}/*眉山*/
.map dt i:nth-of-type(12){top:2.61rem; left:3.02rem;}
.map dt i:nth-of-type(13){top:1.79rem; left:3.85rem;}
.map dt i:nth-of-type(14){top:1.41rem; left:4.2rem;}
.map dt i:nth-of-type(15){top:2.02rem; left:2.33rem;}

.map dt i:nth-of-type(16){top:1.09rem; left:3.91rem;}/*巴中*/
.map dt i:nth-of-type(17){top:1.94rem; left:3rem;}
.map dt i:nth-of-type(18){top:0.84rem; left:2.17rem;}
.map dt i:nth-of-type(19){top:1.81rem; left:1.64rem;}
.map dt i:nth-of-type(20){top:3.09rem; left:1.78rem;}
.map dt i:nth-of-type(21){top:3.64rem; left:1.79rem;}

.map dt i:nth-of-type(22){top:2.31rem; left:2.93rem;}/*自贡*/

.pop{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	overflow-y:auto;
	z-index:99;

    background:url(../images/004_bg.png) no-repeat 50%;
    background-size:100% 100%;

    display:none;
}
.pop_m{
    position:fixed;
    bottom:0;
    width:100%;
    height:13.34rem;
    text-align:justify;
    color:#FFEBCE;
    font-size:0.28rem;
    line-height:1.8;
}
.pop_m h1{
    margin-top:1rem;
    font-size:0.7rem;
    text-align:center;
}
.pop_m h1 img{position:relative; padding-bottom:0.1rem; padding-right:0.2rem; vertical-align:middle;}
.pop_m dl{
    position:relative;
    margin:0 auto;
    width:100%;
    height:5.2rem;
    background:url(../images/004-2.png) no-repeat 50%;
    background-size:100% 100%;
}
.pop_m dt{
    margin:0.4rem auto;
    width:90%;
    border:1px #00D8FF solid; 
    border-radius:0.15rem;
    color:#00D8FF;
}
.pop_m dt p{padding:0.1rem;}
.pop_m dt p:first-child{border-bottom:1px #00D8FF solid;}
.pop_m dd{
    margin:0 auto;
    width:90%;
    font-size:0.3rem;
}

video{
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
}
/* video::-webkit-media-controls{ 
    display:none !important;
} */
.indexVideo{display:none;}
.pop_m dl video{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width:6.4rem;
    height:3.8rem;
    z-index:1;
}

/*微信分享*/
#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_back,.btn_end{cursor:pointer;}

.hand{display:none;}

.star{
    position:absolute;
    top:3.2rem;
    left:1rem;
    transform: scale(1.5);
}

/* 动画 */
@keyframes d_rotate {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}
.d_rotate {
    -webkit-animation-name: d_rotate;
    animation-name: d_rotate;
}

@-webkit-keyframes d_zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    80% {
        opacity: 1;
    }
    100%{
        opacity:0;
    }
}
@keyframes d_zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    80% {
        opacity: 1;
    }
    100%{
        opacity:0;
    }
}
.d_zoomIn {
    -webkit-animation-name: d_zoomIn;
    animation-name: d_zoomIn;
}

/* 移动端自适应 */
/* iphoneX */
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
	/* .contain{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		height:11.83rem;
    } */
}
/* iphoneXS MAX */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
	/* .contain{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		height:11.83rem;
    } */
}
/* iphoneXR */
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
	/* .contain{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		height:11.83rem;
    } */
}