@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#000;
}

@media (max-width: 380px) {
	body{ font-size:14px; }
}

@media (max-width: 325px) {
	body{ font-size:12px; }
}

@media (min-width: 760px) {
	body{ font-size:22px; }
}

a{
	color:#000;
}

a:hover{
	text-decoration: none;
	color: #c00 !important;
}

img{
	display:block;
	max-width: 100%;
	max-height: 100%;
}

input,textarea{
	outline: none;
}

table{
	font-size: 1em;
}

p,li{
	overflow: hidden;
}

.photo{
	position: relative;
}

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

.fw a:hover{
	color: #dfdfdf !important;
}



 

.page{
	width: 56.22vh;
	height:100%;
	overflow:hidden;
	position:relative;
    margin: 0px auto;
}
#vr{
	position: fixed;
	width:27%;
	height:100%;
	left:36.5%;
	top: 0px;
	z-index:100;
	margin:0 auto;
}
#video{
	position: fixed;
	width:27%;
	height:100%;
	left:36.5%;
	top: 0px;
	z-index:100;
}
#example{ width:100%; height:100%;}
#video video{
	width: 100%;
    height: 100%;
	min-width: auto;
    object-fit: fill;
	margin:auto;
}


#btn{
	position: absolute;
	width: 7.6em;
	height: 2.2em;
	line-height: 2.2em;
	font-size: 1.2em;
	margin-left: -3.8em;
	left: 50%;
	top: 65%;
	border-radius:1em;
	border: 1px solid #fff;
	z-index: 999;
	text-align: center;
	color:#fff;
}

.vr-skip{
	position:absolute;
	top:2.6%;
	right:5%;
	color:#fff;
	border:1px solid #fff;
    background: none;
	z-index:999;
}

.section{
	width:54vh;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	position:relative;
	top:0;
	left:0;
	margin:0px auto;
}



#page1{
	background-image:url(images/page1.jpg);
}

#page1 a{
    display: block;
    position: absolute;
    height:11.24%;
	top:73.46%;
	width:7.87%;
}
#page1 .a1{
	left:22%;
	background:url(images/a1.png) no-repeat left top;
	background-size:100% 100%;
}
#page1 .a2{
	left:38.93%;
	background:url(images/a3.png) no-repeat left top;
	background-size:100% 100%;
}
#page1 .a3{
	left:55.73%;
	background:url(images/a2.png) no-repeat left top;
	background-size:100% 100%;
}
#page1 .a4{
	left:72.67%;
	background:url(images/a4.png) no-repeat left top;
	background-size:100% 100%;
}



#page1 a i{
	width:81.36%;
	height:26.5%;
	position:absolute;
	display:block;
	top:-8.5%;
	left:9.32%;
}
#page1 .a1 i{
	background:url(images/i1.png) no-repeat;
	background-size:100% 100%;
}
#page1 .a2 i{
	background:url(images/i3.png) no-repeat;
	background-size:100% 100%;
}
#page1 .a3 i{
	background:url(images/i2.png) no-repeat;
	background-size:100% 100%;
}
#page1 .a4 i{
	background:url(images/i4.png) no-repeat;
	background-size:100% 100%;
}


@-ms-keyframes hd1{
	from{ }
	50%{ opacity:0.3;}
	to{ }
}
@-moz-keyframes hd1{
	from{ }
	50%{ opacity:0.3;}
	to{ }
}
@-o-keyframes hd1{
	from{ }
	50%{ opacity:0.3;}
	to{ }
}
@-webkit-keyframes hd1{
	from{ }
	50%{ opacity:0.3;}
	to{ }
}
@keyframes hd1{
	from{ }
	50%{ opacity:0.3;}
	to{ }
}
#page1 a i{
	animation:'hd1' 3s linear 0s infinite;
	-ms-animation:hd1 3s linear 0s infinite;
	-moz-animation:hd1 3s linear 0s infinite;
	-o-animation:'hd1' 3s linear 0s infinite;
	-webkit-animation:'hd1' 3s linear 0s infinite;
}







/*二级页样式开始*/
.fh{
	color:#fff !important;
	border:1px solid #fff;
	font-size:0.8em;
	position:absolute;
	top:3%; left:4%;
	padding:0.1em 4%;
	border-radius:1em;
}



#page2-1{
	width:27%;
	height:100%;
	position:relative;
	margin:0px auto;
}
#page2-1 img{
	width:100%;
	height:100%;
	position:relative;
}
#page2-1 .box1{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#page2-1 a{
	display:block;
	position:absolute;
}
#page2-1 .a1{width:7.1%;top:11.36%;left:19.2%;}
#page2-1 .a2{width:17.4%;top:22.27%;left:42.36%;}
#page2-1 .a3{width:27.5%;top:32.5%;left:65.1%;}
#page2-1 .a4{width:7.1%;top:35.3%;left:43.3%;}
#page2-1 .a5{width:17.4%;top:58.6%;left:65.1%;}
#page2-1 .a6{width:10.6%;top:54.7%;left:7%;}
#page2-1 a img{
	width:100%;
	height:auto;
}




.section{
	width:56vh;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
	position:relative;
	top:0;
	left:0;
	margin:0px auto;
}






#page3-1{
	background-image:url(images/page3-1.jpg);
}




.biao{
	width:6.8%;
	position:absolute;
	font-size:1.1em;
	line-height:1.1em;
	text-align:center;
	vertical-align:middle;
}
.biao i{ width:1.5em; height:1.5em; background:url(images/biao.png) no-repeat; background-size:100% 100%; display:inline-block; margin-bottom:0.2em;}
.biao a{ color:#fff;}
#page3-1 .biao1{ top:26.69%; left:13.47%;}
#page3-1 .biao2{ top:35.76%; left:31.6%;}
#page3-1 .biao3{ top:46.18%; left:50.67%;}
#page3-1 .biao4{ top:32.68%; right:25.87%;}
#page3-1 .biao5{ top:26.69%; right:10%;}


@-ms-keyframes hd1{
	from{ }50%{ opacity:0.7;}to{ }
}
@-moz-keyframes hd1{
	from{ }50%{ opacity:0.7;}to{ }
}
@-o-keyframes hd1{
	from{ }50%{ opacity:0.7;}to{ }
}
@-webkit-keyframes hd1{
	from{ }50%{ opacity:0.7;}to{ }
}
@keyframes hd1{
	from{ }50%{ opacity:0.7;}to{ }
}
.biao i{
	animation:'hd1' 3s linear 0s infinite;
	-ms-animation:hd1 3s linear 0s infinite;
	-moz-animation:hd1 3s linear 0s infinite;
	-o-animation:'hd1' 3s linear 0s infinite;
	-webkit-animation:'hd1' 3s linear 0s infinite;
}
#page4-1{
	background-image:url(images/page4-1.jpg);
}
#page4-1 .biao{ top:63.34%}
#page4-1 .biao1{ left:29.87%;}
#page4-1 .biao2{ left:46.53%;}
#page4-1 .biao3{ left:63.2%;}

#page4-1 .fd{
	width:4.27%;
	height:7.12%;
	right:9.33%; top:82.68%;
	background:url(images/fd.png) no-repeat;
	background-size:100% 100%;
	text-indent:-9999px;
	position:absolute;
}





#page5-1{
	background-image:url(images/fd.jpg);
}




#xl{
	width:31.7%;
	background:url(images/xl-bg.jpg) no-repeat top center;
	background-size:100% 100%;
	margin:0px auto;
}
.xl-header{ position:relative;}
.xl-content{
	width:76%;
	margin:0px auto;
	color:#000;
	position:relative;
	padding-bottom:2.4em;
}
.xl-content .news-head{
	width:82.78%;
	margin:-8.9em 0px 1.6em 13.2%;
}
.xl-content .news-head h2{
	font-size:22px;
	line-height:1.6em;
}
.xl-content .news-body{
	font-size:22px;
	line-height:1.5em;
}

.xl-content .bian{
	width:44.55%;
	position:absolute;
	bottom:0;
	right:-15.79%;
}


.xl-di{ margin-top:-5em;}












/*6.24发展井样式修改开始*/
#page1{ background:none;}
#page1.active{ background:url(images/page1.gif) no-repeat center center; background-size:100% 100%;}
@-moz-keyframes page1-a{from{ opacity:0; }85%{ opacity: 0;}to{ opacity: 1;}}
@-o-keyframes page1-a{from{ opacity:0; }85%{ opacity: 0;}to{ opacity: 1;}}
@-webkit-keyframes page1-a{from{ opacity:0; }85%{ opacity: 0;}to{ opacity: 1;}}
@keyframes page1-a{from{ opacity:0; }85%{ opacity: 0;}to{ opacity: 1;}}
#page1 a, #page1 .a2, #page1 .a3, #page1 .a4{
	animation:'page1-a' 4s linear 0s forwards;
	-ms-animation:page1-a 4s linear 0s 1;
	-moz-animation:page1-a 4s linear 0s forwards;
	-o-animation:'page1-a' 4s linear 0s forwards;
	-webkit-animation:'page1-a' 4s linear 0s forwards;
}

#page2-1{ background:url(images/page2-1.jpg) no-repeat center center; background-size:100% 100%;}
#page2-1 img{ display:none;}
#page2-1 .a1{width:7.6%; height:10.5%;top:11.47%;left:13.2%;background:url(images/mss.png) no-repeat center center;background-size:contain;}
#page2-1 .a2{width:17.87%; height:4.12%;top:21.81%;left:41.73%;background:url(images/gj.png) no-repeat center center;background-size:contain;}
#page2-1 .a3{width:17.73%; height:4%;top:50.22%;left:8.4%;background:url(images/xmy.png) no-repeat center center;background-size:contain;}
#page2-1 .a4{width:10.8%; height:15%;top:55.85%;left:19.47%;background:url(images/lyz.png) no-repeat center center;background-size:contain;;}
#page2-1 .a5{width:24.53%; height:4%;top:62.52%;left:64.67%;background:url(images/xmhk.png) no-repeat center center;background-size:contain;}
@-moz-keyframes  page2-a{from{ opacity: 1; }50%{ opacity: 0.95;transform: scale(1.1,1.1);}to{ opacity: 1;}}
@-o-keyframes  page2-a{from{ opacity: 1; }50%{ opacity: 0.95;transform: scale(1.1,1.1);}to{ opacity: 1;}}
@-webkit-keyframes  page2-a{from{ opacity: 1; }50%{ opacity: 0.95;transform: scale(1.1,1.1);}to{ opacity: 1;}}
@keyframes page2-a{from{ opacity: 1; }50%{ opacity: 0.95;transform: scale(1.05,1.05);}to{ opacity: 1;}}
#page2-1 a{
	animation:'page2-a' 2s linear 0s infinite alternate;
	-ms-animation:page2-a 2s linear 0s infinite alternate;
	-moz-animation:page2-a 2s linear 0s infinite alternate;
	-o-animation:'page2-a' 2s linear 0s infinite alternate;
	-webkit-animation:'page2-a' 2s linear 0s infinite alternate;
}
/*6.24发展井样式修改结束*/
#scj{
	width: 56.22vh;
}


#loading{
	background:url(images/loading-bg.jpg) no-repeat;
	background-size:100% 100%;
}
.circle-wrap-home{position:absolute;bottom:-70vh;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:99}
.circle-wrap-home img{width:90px;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.circle-wrap-home .circle-home{position:relative;width:80px;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.circle-wrap-home .big-circle-home{position:absolute;width:100%;height:100%;border-radius:50%;background:0 0;border:1px solid #325633;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.circle-wrap-home .small-circle-home{width:60px;height:60px;background:0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;border-radius:50%;position:absolute;border:1px solid #325633;-webkit-animation:twinkling 1s infinite ease-in-out;animation:twinkling 1s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.circle-wrap-home .smaller-circle-home{width:66px;height:66px;background:0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#989898;border-radius:50%;position:absolute;font-size:14px;}
@-webkit-keyframes twinkling{0%,100%{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:.2;-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes twinkling{0%,100%{opacity:.2;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:.2;-webkit-transform:scale(1.1);transform:scale(1.1)}
}



/*6.24发展井样式修改开始*/
#page1{ background:none;}
#page1.active{ background:url(images/page1.gif) no-repeat center center; background-size:100% 100%;}
@-moz-keyframes page1-a{from{ opacity:0; }85%{ opacity: 0;}to{ opacity: 1;}}
@-o-keyframes page1-a{from{ opacity:0; }85%{ opacity: 0;}to{ opacity: 1;}}
@-webkit-keyframes page1-a{from{ opacity:0; }85%{ opacity: 0;}to{ opacity: 1;}}
@keyframes page1-a{from{ opacity:0; }85%{ opacity: 0;}to{ opacity: 1;}}
#page1 a, #page1 .a2, #page1 .a3, #page1 .a4{
	animation:'page1-a' 4s linear 0s forwards;
	-ms-animation:page1-a 4s linear 0s 1;
	-moz-animation:page1-a 4s linear 0s forwards;
	-o-animation:'page1-a' 4s linear 0s forwards;
	-webkit-animation:'page1-a' 4s linear 0s forwards;
}

#page2-1{ background:url(images/page2-1.jpg) no-repeat center center; background-size:100% 100%;}
#page2-1 img{ display:none;}
#page2-1 .a1{width:7.6%; height:10.5%;top:11.47%;left:13.2%;background:url(images/mss.png) no-repeat center center;background-size:contain;}
#page2-1 .a2{width:17.87%; height:4.12%;top:21.81%;left:41.73%;background:url(images/gj.png) no-repeat center center;background-size:contain;}
#page2-1 .a3{width:17.73%; height:4%;top:50.22%;left:8.4%;background:url(images/xmy.png) no-repeat center center;background-size:contain;}
#page2-1 .a4{width:10.8%; height:15%;top:55.85%;left:19.47%;background:url(images/lyz.png) no-repeat center center;background-size:contain;;}
#page2-1 .a5{width:24.53%; height:4%;top:62.52%;left:64.67%;background:url(images/xmhk.png) no-repeat center center;background-size:contain;}
@-moz-keyframes  page2-a{from{ opacity: 1; }50%{ opacity: 0.95;transform: scale(1.1,1.1);}to{ opacity: 1;}}
@-o-keyframes  page2-a{from{ opacity: 1; }50%{ opacity: 0.95;transform: scale(1.1,1.1);}to{ opacity: 1;}}
@-webkit-keyframes  page2-a{from{ opacity: 1; }50%{ opacity: 0.95;transform: scale(1.1,1.1);}to{ opacity: 1;}}
@keyframes page2-a{from{ opacity: 1; }50%{ opacity: 0.95;transform: scale(1.05,1.05);}to{ opacity: 1;}}
#page2-1 a{
	animation:'page2-a' 2s linear 0s infinite alternate;
	-ms-animation:page2-a 2s linear 0s infinite alternate;
	-moz-animation:page2-a 2s linear 0s infinite alternate;
	-o-animation:'page2-a' 2s linear 0s infinite alternate;
	-webkit-animation:'page2-a' 2s linear 0s infinite alternate;
}
/*6.24发展井样式修改结束*/





/*6.241导航+发展井样式修改开始*/
.video-content,.digest-video-dimensions{ width:100% !important; height:100% !important;}
#video{ width:31.2%;}
@-moz-keyframes page2-a{from{ opacity: 1;transform: scale(0.5,0.5);}50%{ opacity: 0.95;transform: scale(1.1,1.1);}to{ opacity: 1;transform: scale(0.5,0.5);}}
@-o-keyframes page2-a{from{ opacity: 1;transform: scale(0.5,0.5);}50%{ opacity: 0.95;transform: scale(1.1,1.1);}to{ opacity: 1;transform: scale(0.5,0.5);}}
@-webkit-keyframes page2-a{from{ opacity: 1;transform: scale(0.5,0.5);}50%{ opacity: 0.95;transform: scale(1.1,1.1);}to{ opacity: 1;transform: scale(0.5,0.5);}}
@keyframes page2-a{from{ opacity: 1;transform: scale(0.5,0.5);}50%{ opacity: 0.95;transform: scale(1.1,1.1);}to{ opacity: 1;transform: scale(0.5,0.5);}}
/*6.241导航+发展井样式修改结束*/





.circle-wrap-home .smaller-circle-home{ color:#fff;}
@-webkit-keyframes twinkling{0%,100%{opacity:0.5;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:0.5;-webkit-transform:scale(1.1);transform:scale(1.1)}
}
@keyframes twinkling{0%,100%{opacity:0.5;-webkit-transform:scale(1);transform:scale(1)}
50%{opacity:0.5;-webkit-transform:scale(1.1);transform:scale(1.1)}
}


#page1 a, #page1 .a2, #page1 .a3, #page1 .a4{
	animation:'page1-a' 2s linear 0s forwards;
	-ms-animation:page1-a 2s linear 0s 1;
	-moz-animation:page1-a 2s linear 0s forwards;
	-o-animation:'page1-a' 2s linear 0s forwards;
	-webkit-animation:'page1-a' 2s linear 0s forwards;
}



/*6.25发展井样式修改开始*/
#page2-1 .fh{animation:'page2-' 0s linear 0s infinite alternate;
	-ms-animation:page2- 0s linear 0s infinite alternate;
	-moz-animation:page2- 0s linear 0s infinite alternate;
	-o-animation:'page2-' 0s linear 0s infinite alternate;
	-webkit-animation:'page2-' 0s linear 0s infinite alternate;
}
@-moz-keyframes page2-1{from{ opacity: 0; }to{ opacity: 1;}}
@-o-keyframes page2-1{from{ opacity: 0; }to{ opacity: 1;}}
@-webkit-keyframes page2-1{from{ opacity: 0; }to{ opacity: 1;}}
@keyframes page2-1{from{ opacity: 0; }to{ opacity: 1;}}
#page2-1.active1{
	animation:'page2-1' 1s linear 0s forwards;
	-ms-animation:page2-1 1s linear 0s forwards;
	-moz-animation:page2-1 1s linear 0s forwards;
	-o-animation:'page2-1' 1s linear 0s forwards;
	-webkit-animation:'page2-1' 1s linear 0s forwards;
}
/*6.25发展井样式修改结束*/


#video{left: 34.6%;}






/*
生存井
*/

.photo{
	position: relative;
}

.abs{
	position: absolute;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
/* ↑↑ 手机基础样式 ↑↑ */



/* 返回按钮 */
.scj-home{
	color: #000;
	box-shadow: 0.1em 0.1em 0.1em #333;
	background: rgba(255,233,173,0.7);
    position: absolute;
    left: 0%;
    top: 50%;
	margin-top: -2.2em;
    border-radius: 0px 0.5em 0.5em 0px;
	font-size: 1.1em;
	line-height: 1.2em;
	width: 1.8em;
	text-align: center;
    padding: 1em 0px;
	z-index: 888;
}

/* 下一页按钮 */
.swiper-button-next{
	color: #000;
    box-shadow: 0.1em 0.1em 0.2em #333;
	background: rgba(255,233,173,0.7);
	background-image: none !important;
    position: absolute;
    left: calc(50% - 4em);
    bottom: 3%;
	top: auto;
    border-radius: 0.9em;
	width: 8em;
	font-size: 1.1em;
	height: 2em;
	line-height: 2em;
	text-align: center;
	outline: none;
	z-index: 888;
}

.swiper-button-disabled{
	display: none;
}

/* 生存井外框 */
#scj{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0px auto;
}

/* 生存井场景 */
#scj .frame{
	background-position: center center;
	background-size: 100% 100%;
	overflow: hidden;
}

#scj #frame1{ background-image: url("./images/page1-1.jpg"); }
#scj #frame2{ background-image: url("./images/page1-2.jpg"); }
#scj #frame3{ background-image: url("./images/page1-3.jpg"); }
#scj #frame4{ background-image: url("./images/page1-4.jpg"); }
#scj #frame5{ background-image: url("./images/page1-5.jpg"); }


/* 生存井场景1浮动元素 */
#scj .ren1-1{
	width: 22.13%;
    height: 29.69%;
    bottom: 0;
    right: 4.13%;
    background-image: url(./images/ren1-1.png);
	background-position: center bottom;
}

#scj .ren1-2{
	width: 19.73%;
    height: 17.02%;
    top: 57.27%;
    left: 58.93%;
    background-image: url(./images/ren1-2.png);
}

#scj .ren1-3{
	width: 7.87%;
    height: 4.12%;
    top: 48.5%;
    left: 36.67%;
    background-image: url(./images/ren1-3.png);
}

#scj .zi1-1{
    width: 21.33%;
    height: 8.32%;
    top: 72.34%;
    left: 9.6%;
}

#scj .zi1-1 i{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
    background: url(./images/zi1-1.png) no-repeat center center;
	background-size: contain;
}


/* 生存井场景2浮动元素 */
#scj .ren2-1{
	width: 53.3%;
    height: 64.1%;
    bottom: 0%;
    right: 0%;
    background-image: url(./images/ren2-1.png);
	background-position: right bottom;
}

#scj .ren2-2{
	width: 53.8%;
    height: 36.4%;
    bottom: 5.4%;
    left: 4.5%;
    background-image: url(./images/ren2-2.png);
}

#scj .ren2-3{
	width: 44.9%;
    height: 31.4%;
    bottom: 43%;
    left: 15.4%;
    background-image: url(./images/ren2-3.png);
}

#scj .qi{
	width: 29.3%;
    height: 19.9%;
    bottom: 63.2%;
    left: 45.8%;
    background-image: url(./images/qi.png);
}


/* 生存井场景3浮动元素 */
#scj .ren3-1{
	width: 57.8%;
    height: 36.5%;
    bottom: 0%;
    right: 0%;
    background-image: url(./images/ren3-1.png);
	background-position: right bottom;
}

#scj .ren3-2{
	width: 62%;
    height: 35.2%;
    bottom: 9%;
    left: 0%;
    background-image: url(./images/ren3-2.png);
}

#scj .ren3-3{
	width: 93.2%;
    height: 44.1%;
    bottom: 46.6%;
    left: 3.4%;
    background-image: url(./images/ren3-3.png);
}

#scj .yun1{
	width: 100%;
    height: 49.2%;
    bottom: 7%;
    left: 0%;
    background-image: url(./images/yun1.png);
	background-size: 100% 100%;
}

#scj .yun2{
	width: 100%;
    height: 28.2%;
    bottom: 0%;
    left: 0%;
    background-image: url(./images/yun2.png);
	background-size: 100% 100%;
}


/* 生存井场景4浮动元素 */
#scj .ren4-1{
	width: 17.9%;
    height: 32.8%;
    bottom: 44.9%;
    right: 0%;
    background-image: url(./images/ren4-1.png);
	background-position: right center;
}

#scj .ren4-2{
	width: 49.9%;
    height: 46.7%;
    bottom: 15.7%;
    left: 0%;
    background-image: url(./images/ren4-2.png);
	background-position: left center;
}

#scj .ren4-3{
	width: 53.5%;
    height: 44.3%;
    bottom: 17.8%;
    right: 0%;
    background-image: url(./images/ren4-3.png);
	background-position: right center;
}

#scj .shui{
	width: 100%;
    height: 24%;
    bottom: 0%;
    left: 0%;
    background-image: url(./images/shui.png);
	background-size: 100% 100%;
}


/* 生存井场景5浮动元素 */
#scj .ren5-1{
	width: 18.3%;
    height: 21.9%;
    bottom: 30%;
    left: 0%;
    background-image: url(./images/ren5-1.png);
	background-position: left center;
}

#scj .ren5-2{
	width: 39%;
    height: 41.6%;
    bottom: 17.3%;
    right: 0%;
    background-image: url(./images/ren5-2.png);
	background-position: right center;
}

#scj .ren5-3{
	width: 51%;
    height: 36.5%;
    bottom: 19.3%;
    left: 15.7%;
    background-image: url(./images/ren5-3.png);
}

#scj .ren5-4{
	width: 30%;
    height: 41.5%;
    bottom: 2%;
    left: 0%;
    background-image: url(./images/ren5-4.png);
}

#scj .ren5-5{
	width: 78.6%;
    height: 26.5%;
    bottom: 0%;
    left: 0%;
    background-image: url(./images/ren5-5.png);
	background-position: left bottom;
}

#scj .ren5-6{
	width: 29.1%;
    height: 18.9%;
    bottom: 0%;
    right: 0%;
    background-image: url(./images/ren5-6.png);
	background-position: right bottom;
}


/* 生存井文字介绍 */
#scj .js1{
	width: 38.8%;
	height: 40%;
	right: 8%;
	top: 4.5%;
}

#scj .js2{
	width: 89%;
	height: 11.5%;
	left: 5.5%;
	top: 4.5%;
}

#scj .js3{
	width: 77.5%;
	height: 21.8%;
	right: 8%;
	top: 33%;
}

#scj .js4{
	width: 29.1%;
	height: 36.9%;
	left: 5.5%;
	top: 4.5%;
}

#scj .js5{
	width: 41.2%;
	height: 43.4%;
	left: 5.5%;
	top: 4.5%;
}

#scj .jieshao .bg{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	opacity: 1;
}

#scj .js1 .bg{ background-image: url("./images/jieshao1-bg.png"); }
#scj .js2 .bg{ background-image: url("./images/jieshao2-bg.png"); }
#scj .js3 .bg{ background-image: url("./images/jieshao3-bg.png"); }
#scj .js4 .bg{ background-image: url("./images/jieshao4-bg.png"); }
#scj .js5 .bg{ background-image: url("./images/jieshao5-bg.png"); }

#scj .jieshao .word{
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
}

#scj .js1 .word1{ background-image: url("./images/jieshao1-1.png"); }
#scj .js1 .word2{ background-image: url("./images/jieshao1-2.png"); }
#scj .js1 .word3{ background-image: url("./images/jieshao1-3.png"); }
#scj .js1 .word4{ background-image: url("./images/jieshao1-4.png"); }
#scj .js1 .word5{ background-image: url("./images/jieshao1-5.png"); }

#scj .js2 .word1{ background-image: url("./images/jieshao2-1.png"); }
#scj .js2 .word2{ background-image: url("./images/jieshao2-2.png"); }
#scj .js2 .word3{ background-image: url("./images/jieshao2-3.png"); }

#scj .js3 .word1{ background-image: url("./images/jieshao3-1.png"); }
#scj .js3 .word2{ background-image: url("./images/jieshao3-2.png"); }
#scj .js3 .word3{ background-image: url("./images/jieshao3-3.png"); }

#scj .js4 .word1{ background-image: url("./images/jieshao4-1.png"); }
#scj .js4 .word2{ background-image: url("./images/jieshao4-2.png"); }
#scj .js4 .word3{ background-image: url("./images/jieshao4-3.png"); }

#scj .js5 .word1{ background-image: url("./images/jieshao5-1.png"); }
#scj .js5 .word2{ background-image: url("./images/jieshao5-2.png"); }
#scj .js5 .word3{ background-image: url("./images/jieshao5-3.png"); }
#scj .js5 .word4{ background-image: url("./images/jieshao5-4.png"); }
#scj .js5 .word5{ background-image: url("./images/jieshao5-5.png"); }

/* 生存井跳转链接 */
#scj .link{
    position: absolute;
	width: 22.4%;
	height: 10.2%;
	opacity: 0;
}

#scj .link b{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url("./images/scj-link1.png") no-repeat center center;
	background-size: contain;
}

#scj .link i{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: url("./images/scj-link2.png") no-repeat center center;
	background-size: contain;
}

#scj .link1{ left: 45%; top: 79%; }
#scj .link2{ left: 75%; top: 25%; }
#scj .link3{ left: 80%; top: 63%; }
#scj .link4{ left: 50%; top: 26%; }
#scj .link5{ left: 58%; top: 78%; }

#scj .voice{
	position: absolute;
	width: 80%;
	left: 10%;
	bottom: 10%;
	background-color:rgba(0,0,0,0.6);
	border-radius: 1em;
	overflow: hidden;
	display: none;
	z-index: 999;
}

#scj .voice-style1{
	height: 10em;
}

#scj .voice-style2{
	height: 6em;
}

#scj .voice .close{
	position: absolute;
	width: 2.4em;
	height: 2.4em;
	background: rgba(255,255,255,0.5) url("./images/scj-voice-close.png") no-repeat center center;
	background-size: 50% 50%;
	right: 0em;
	top: 0em;
	border-radius: 0px 0px 0px 1em;
	cursor: pointer;
}

#scj .voice .decorate{
	position: absolute;
	left: calc(5% + 1em);
	bottom: 5.5em;
	height: 2.2em;
	width: 3.2em;
}

#scj .voice .decorate i{
	position: absolute;
	bottom: 0px;
	width: 0.3em;
	background: #f44326;
	height: 100%;
	-webkit-animation: is-playing .5s ease infinite alternate;
	animation: is-playing .5s ease infinite alternate;
	-webkit-transform-origin: bottom;
	-ms-transform-origin: bottom;
	transform-origin: bottom;
}

#scj .voice .decorate .line1{ left: 0em; }
#scj .voice .decorate .line2{ left: 0.96em; }
#scj .voice .decorate .line3{ left: 1.93em; }
#scj .voice .decorate .line4{ left: 2.9em; }

#scj .voice .decorate .line1{
	-webkit-animation-delay: .15s;
	animation-delay: .15s
}
#scj .voice .decorate .line2{
	-webkit-animation-delay: .3s;
	animation-delay: .3s
}
#scj .voice .decorate .line3{
	-webkit-animation-delay: .45s;
	animation-delay: .45s
}
#scj .voice .decorate .line4{
	-webkit-animation-delay: .6s;
	animation-delay: .6s
}

@-webkit-keyframes is-playing{
	0% {
	-webkit-transform:scaleY(.2);
	transform:scaleY(.2)
	}
	100% {
	-webkit-transform:scaleY(1);
	transform:scaleY(1)
	}
}
@keyframes is-playing {
	0% {
	-webkit-transform:scaleY(.2);
	transform:scaleY(.2)
	}
	100% {
	-webkit-transform:scaleY(1);
	transform:scaleY(1)
	}
}

#scj .voice .title{
	position: absolute;
	width: calc(90% - 5.5em);
	right: 5%;
	bottom: 5.5em;
	line-height: 2.2em;
	color: #fff;
}

#scj .voice .title p{
	font-size: 0.9em;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
}

#scj .voice .time{
	position: absolute;
	width: calc(90% - 3em);
	right: 5%;
	bottom: 2.8em;
	line-height: 1.2em;
	text-align: center;
	color: #a9a9a9;
}

#scj .voice .time label{
	color: #e6e6e6;
}

#scj .voice .progress{
	position: absolute;
	width: calc(90% - 3em);
	left: 5%;
	bottom: 0.1em;
	height: 0.2em;
	background: #fff;
}

#scj .voice .progress span{
	position: absolute;
	left: 0px;
	top: 0px;
	height: 100%;
	border-radius: 1px;
	background: #f64f60;
}

#scj .voice .progress span i{
    position: absolute;
    cursor: pointer;
    right: -0.4em;
    top: -0.3em;
    width: 0.8em;
    height: 0.8em;
    border-radius: 50%;
    background: #f64f60;
}

#scj .voice .v-btn{
	position: absolute;
	width: 2.4em;
	height: 2.4em;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.5);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 40% 40%;
	bottom: 1.5em;
	left: 5%;
}

#scj .voice .play{ background-image: url("./images/scj-voice-play.png"); }
#scj .voice .pause{ background-image: url("./images/scj-voice-pause.png"); }



/* ↓↓ 生存井H5动画 ↓↓ */

/* 水滴 */
@-moz-keyframes scj_link_1{
	from{ opacity: 0; }
	20%{ opacity: 1; }
	80%{ opacity: 1; }
	to{ opacity: 0; transform: scale(1.3,1.3); }
}
@-o-keyframes scj_link_1{
	from{ opacity: 0; }
	20%{ opacity: 1; }
	80%{ opacity: 1; }
	to{ opacity: 0; transform: scale(1.3,1.3); }
}
@-webkit-keyframes scj_link_1{
	from{ opacity: 0; }
	20%{ opacity: 1; }
	80%{ opacity: 1; }
	to{ opacity: 0; transform: scale(1.3,1.3); }
}
@keyframes scj_link_1{
	from{ opacity: 0; }
	20%{ opacity: 1; }
	80%{ opacity: 1; }
	to{ opacity: 0; transform: scale(1.3,1.3); }
}

#scj .link b{
	animation:'scj_link_1' 2s linear 0s infinite;
	-ms-animation:scj_link_1 2s linear 0s infinite;
	-moz-animation:scj_link_1 2s linear 0s infinite;
	-o-animation:'scj_link_1' 2s linear 0s infinite;
	-webkit-animation:'scj_link_1' 2s linear 0s infinite;
}


/* 放大缩小 */
@-moz-keyframes move6{
	from{ }
	50%{ transform: scale(1.35,1.35); }
	to{ }
}
@-o-keyframes move6{
	from{ }
	50%{ transform: scale(1.35,1.35); }
	to{ }
}
@-webkit-keyframes move6{
	from{ }
	50%{ transform: scale(1.35,1.35); }
	to{ }
}
@keyframes move6{
	from{ }
	50%{ transform: scale(1.35,1.35); }
	to{ }
}

#scj .zi1-1 i{
	animation:'move6' 2s linear 0s infinite;
	-ms-animation:move6 2s linear 0s infinite;
	-moz-animation:move6 2s linear 0s infinite;
	-o-animation:'move6' 2s linear 0s infinite;
	-webkit-animation:'move6' 2s linear 0s infinite;
}


/* 生存井元素移动1(上移) */
@-moz-keyframes scj_move1{
	from{ margin-bottom: -1em; margin-top: 1em; }
	to{ opacity: 1; }
}
@-o-keyframes scj_move1{
	from{ margin-bottom: -1em; margin-top: 1em; }
	to{ opacity: 1; }
}
@-webkit-keyframes scj_move1{
	from{ margin-bottom: -1em; margin-top: 1em; }
	to{ opacity: 1; }
}
@keyframes scj_move1{
	from{ margin-bottom: -1em; margin-top: 1em; }
	to{ opacity: 1; }
}

#scj .swiper-slide-active .ren1-1{
	animation:'scj_move1' 0.8s ease-in-out 0.1s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 0.1s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 0.1s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 0.1s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 0.1s forwards;
}

#scj .swiper-slide-active .ren1-2{
	animation:'scj_move1' 0.8s ease-in-out 0.7s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 0.7s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 0.7s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 0.7s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 0.7s forwards;
}

#scj .swiper-slide-active .ren1-3{
	animation:'scj_move1' 0.8s ease-in-out 1.3s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 1.3s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 1.3s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 1.3s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 1.3s forwards;
}

#scj .swiper-slide-active .ren2-1{
	animation:'scj_move1' 0.8s ease-in-out 0.1s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 0.1s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 0.1s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 0.1s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 0.1s forwards;
}

#scj .swiper-slide-active .ren2-2{
	animation:'scj_move1' 0.8s ease-in-out 0.7s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 0.7s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 0.7s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 0.7s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 0.7s forwards;
}

#scj .swiper-slide-active .qi{
	animation:'scj_move1' 0.8s ease-in-out 1.3s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 1.3s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 1.3s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 1.3s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 1.3s forwards;
}

#scj .swiper-slide-active .ren3-1{
	animation:'scj_move1' 0.8s ease-in-out 0.1s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 0.1s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 0.1s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 0.1s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 0.1s forwards;
}

#scj .swiper-slide-active .yun2{
	animation:'scj_move1' 0.8s ease-in-out 1.9s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 1.9s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 1.9s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 1.9s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 1.9s forwards;
}

#scj .swiper-slide-active .shui{
	animation:'scj_move1' 0.8s ease-in-out 0.1s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 0.1s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 0.1s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 0.1s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 0.1s forwards;
}

#scj .swiper-slide-active .ren4-3{
	animation:'scj_move1' 0.8s ease-in-out 0.7s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 0.7s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 0.7s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 0.7s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 0.7s forwards;
}

#scj .swiper-slide-active .ren4-2{
	animation:'scj_move1' 0.8s ease-in-out 1.3s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 1.3s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 1.3s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 1.3s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 1.3s forwards;
}

#scj .swiper-slide-active .ren5-4{
	animation:'scj_move1' 0.8s ease-in-out 1.3s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 1.3s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 1.3s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 1.3s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 1.3s forwards;
}

#scj .swiper-slide-active .ren5-6{
	animation:'scj_move1' 0.8s ease-in-out 1.5s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 1.5s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 1.5s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 1.5s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 1.5s forwards;
}

#scj .swiper-slide-active .ren5-5{
	animation:'scj_move1' 0.8s ease-in-out 1.7s forwards;
	-ms-animation:scj_move1 0.8s ease-in-out 1.7s forwards;
	-moz-animation:scj_move1 0.8s ease-in-out 1.7s forwards;
	-o-animation:'scj_move1' 0.8s ease-in-out 1.7s forwards;
	-webkit-animation:'scj_move1' 0.8s ease-in-out 1.7s forwards;
}

/* 生存井元素移动2(放大) */
@-moz-keyframes scj_move2{
	from{ transform: scale(0.9,0.9);  }
	to{ opacity: 1; }
}
@-o-keyframes scj_move2{
	from{ transform: scale(0.9,0.9);  }
	to{ opacity: 1 !; }
}
@-webkit-keyframes scj_move2{
	from{ transform: scale(0.9,0.9);  }
	to{ opacity: 1; }
}
@keyframes scj_move2{
	from{ transform: scale(0.9,0.9);  }
	to{ opacity: 1; }
}

#scj .swiper-slide-active .js1{
	animation:'scj_move2' 0.5s ease-in-out 1.9s forwards;
	-ms-animation:scj_move2 0.5s ease-in-out 1.9s forwards;
	-moz-animation:scj_move2 0.5s ease-in-out 1.9s forwards;
	-o-animation:'scj_move2' 0.5s ease-in-out 1.9s forwards;
	-webkit-animation:'scj_move2' 0.5s ease-in-out 1.9s forwards;
}

#scj .swiper-slide-active .js2{
	animation:'scj_move2' 0.5s ease-in-out 1.9s forwards;
	-ms-animation:scj_move2 0.5s ease-in-out 1.9s forwards;
	-moz-animation:scj_move2 0.5s ease-in-out 1.9s forwards;
	-o-animation:'scj_move2' 0.5s ease-in-out 1.9s forwards;
	-webkit-animation:'scj_move2' 0.5s ease-in-out 1.9s forwards;
}

#scj .swiper-slide-active .js3{
	animation:'scj_move2' 0.5s ease-in-out 2.5s forwards;
	-ms-animation:scj_move2 0.5s ease-in-out 2.5s forwards;
	-moz-animation:scj_move2 0.5s ease-in-out 2.5s forwards;
	-o-animation:'scj_move2' 0.5s ease-in-out 2.5s forwards;
	-webkit-animation:'scj_move2' 0.5s ease-in-out 2.5s forwards;
}

#scj .swiper-slide-active .js4{
	animation:'scj_move2' 0.5s ease-in-out 2.5s forwards;
	-ms-animation:scj_move2 0.5s ease-in-out 2.5s forwards;
	-moz-animation:scj_move2 0.5s ease-in-out 2.5s forwards;
	-o-animation:'scj_move2' 0.5s ease-in-out 2.5s forwards;
	-webkit-animation:'scj_move2' 0.5s ease-in-out 2.5s forwards;
}

#scj .swiper-slide-active .js5{
	animation:'scj_move2' 0.5s ease-in-out 2.3s forwards;
	-ms-animation:scj_move2 0.5s ease-in-out 2.3s forwards;
	-moz-animation:scj_move2 0.5s ease-in-out 2.3s forwards;
	-o-animation:'scj_move2' 0.5s ease-in-out 2.3s forwards;
	-webkit-animation:'scj_move2' 0.5s ease-in-out 2.3s forwards;
}

#scj .swiper-slide-active .js1 .word1{
	animation:'scj_move2' 0.8s ease-in-out 2.2s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 2.2s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 2.2s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 2.2s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 2.2s forwards;
}

#scj .swiper-slide-active .js1 .word2{
	animation:'scj_move2' 0.8s ease-in-out 2.6s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 2.6s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 2.6s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 2.6s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 2.6s forwards;
}

#scj .swiper-slide-active .js1 .word3{
	animation:'scj_move2' 0.8s ease-in-out 3.0s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 3.0s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 3.0s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 3.0s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 3.0s forwards;
}

#scj .swiper-slide-active .js1 .word4{
	animation:'scj_move2' 0.8s ease-in-out 3.4s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 3.4s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 3.4s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 3.4s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 3.4s forwards;
}

#scj .swiper-slide-active .js1 .word5{
	animation:'scj_move2' 0.8s ease-in-out 3.8s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 3.8s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 3.8s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 3.8s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 3.8s forwards;
}

#scj .swiper-slide-active .js2 .word1{
	animation:'scj_move2' 0.8s ease-in-out 2.2s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 2.2s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 2.2s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 2.2s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 2.2s forwards;
}

#scj .swiper-slide-active .js2 .word2{
	animation:'scj_move2' 0.8s ease-in-out 2.6s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 2.6s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 2.6s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 2.6s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 2.6s forwards;
}

#scj .swiper-slide-active .js2 .word3{
	animation:'scj_move2' 0.8s ease-in-out 3.0s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 3.0s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 3.0s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 3.0s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 3.0s forwards;
}

#scj .swiper-slide-active .js3 .word1{
	animation:'scj_move2' 0.8s ease-in-out 2.8s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 2.8s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 2.8s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 2.8s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 2.8s forwards;
}

#scj .swiper-slide-active .js3 .word2{
	animation:'scj_move2' 0.8s ease-in-out 3.2s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 3.2s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 3.2s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 3.2s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 3.2s forwards;
}

#scj .swiper-slide-active .js3 .word3{
	animation:'scj_move2' 0.8s ease-in-out 3.6s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 3.6s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 3.6s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 3.6s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 3.6s forwards;
}

#scj .swiper-slide-active .js4 .word1{
	animation:'scj_move2' 0.8s ease-in-out 2.8s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 2.8s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 2.8s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 2.8s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 2.8s forwards;
}

#scj .swiper-slide-active .js4 .word2{
	animation:'scj_move2' 0.8s ease-in-out 3.2s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 3.2s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 3.2s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 3.2s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 3.2s forwards;
}

#scj .swiper-slide-active .js4 .word3{
	animation:'scj_move2' 0.8s ease-in-out 3.6s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 3.6s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 3.6s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 3.6s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 3.6s forwards;
}

#scj .swiper-slide-active .js5 .word1{
	animation:'scj_move2' 0.8s ease-in-out 2.6s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 2.6s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 2.6s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 2.6s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 2.6s forwards;
}

#scj .swiper-slide-active .js5 .word2{
	animation:'scj_move2' 0.8s ease-in-out 3.0s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 3.0s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 3.0s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 3.0s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 3.0s forwards;
}

#scj .swiper-slide-active .js5 .word3{
	animation:'scj_move2' 0.8s ease-in-out 3.4s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 3.4s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 3.4s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 3.4s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 3.4s forwards;
}

#scj .swiper-slide-active .js5 .word4{
	animation:'scj_move2' 0.8s ease-in-out 3.8s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 3.8s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 3.8s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 3.8s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 3.8s forwards;
}

#scj .swiper-slide-active .js5 .word5{
	animation:'scj_move2' 0.8s ease-in-out 4.2s forwards;
	-ms-animation:scj_move2 0.8s ease-in-out 4.2s forwards;
	-moz-animation:scj_move2 0.8s ease-in-out 4.2s forwards;
	-o-animation:'scj_move2' 0.8s ease-in-out 4.2s forwards;
	-webkit-animation:'scj_move2' 0.8s ease-in-out 4.2s forwards;
}

/* 生存井元素移动3(下移) */
@-moz-keyframes scj_move3{
	from{ margin-bottom: 1em; margin-top: -1em; }
	to{ opacity: 1; }
}
@-o-keyframes scj_move3{
	from{ margin-bottom: 1em; margin-top: -1em; }
	to{ opacity: 1; }
}
@-webkit-keyframes scj_move3{
	from{ margin-bottom: 1em; margin-top: -1em; }
	to{ opacity: 1; }
}
@keyframes scj_move3{
	from{ margin-bottom: 1em; margin-top: -1em; }
	to{ opacity: 1; }
}

#scj .swiper-slide-active .link1{
	animation:'scj_move3' 0.8s ease-in-out 1.9s forwards;
	-ms-animation:scj_move3 0.8s ease-in-out 1.9s forwards;
	-moz-animation:scj_move3 0.8s ease-in-out 1.9s forwards;
	-o-animation:'scj_move3' 0.8s ease-in-out 1.9s forwards;
	-webkit-animation:'scj_move3' 0.8s ease-in-out 1.9s forwards;
}

#scj .swiper-slide-active .ren2-3{
	animation:'scj_move3' 0.8s ease-in-out 1.3s forwards;
	-ms-animation:scj_move3 0.8s ease-in-out 1.3s forwards;
	-moz-animation:scj_move3 0.8s ease-in-out 1.3s forwards;
	-o-animation:'scj_move3' 0.8s ease-in-out 1.3s forwards;
	-webkit-animation:'scj_move3' 0.8s ease-in-out 1.3s forwards;
}

#scj .swiper-slide-active .link2{
	animation:'scj_move3' 0.8s ease-in-out 1.9s forwards;
	-ms-animation:scj_move3 0.8s ease-in-out 1.9s forwards;
	-moz-animation:scj_move3 0.8s ease-in-out 1.9s forwards;
	-o-animation:'scj_move3' 0.8s ease-in-out 1.9s forwards;
	-webkit-animation:'scj_move3' 0.8s ease-in-out 1.9s forwards;
}

#scj .swiper-slide-active .ren3-3{
	animation:'scj_move3' 0.8s ease-in-out 1.3s forwards;
	-ms-animation:scj_move3 0.8s ease-in-out 1.3s forwards;
	-moz-animation:scj_move3 0.8s ease-in-out 1.3s forwards;
	-o-animation:'scj_move3' 0.8s ease-in-out 1.3s forwards;
	-webkit-animation:'scj_move3' 0.8s ease-in-out 1.3s forwards;
}

#scj .swiper-slide-active .yun1{
	animation:'scj_move3' 0.8s ease-in-out 1.9s forwards;
	-ms-animation:scj_move3 0.8s ease-in-out 1.9s forwards;
	-moz-animation:scj_move3 0.8s ease-in-out 1.9s forwards;
	-o-animation:'scj_move3' 0.8s ease-in-out 1.9s forwards;
	-webkit-animation:'scj_move3' 0.8s ease-in-out 1.9s forwards;
}

#scj .swiper-slide-active .link3{
	animation:'scj_move3' 0.8s ease-in-out 2.5s forwards;
	-ms-animation:scj_move3 0.8s ease-in-out 2.5s forwards;
	-moz-animation:scj_move3 0.8s ease-in-out 2.5s forwards;
	-o-animation:'scj_move3' 0.8s ease-in-out 2.5s forwards;
	-webkit-animation:'scj_move3' 0.8s ease-in-out 2.5s forwards;
}

#scj .swiper-slide-active .ren4-1{
	animation:'scj_move3' 0.8s ease-in-out 1.9s forwards;
	-ms-animation:scj_move3 0.8s ease-in-out 1.9s forwards;
	-moz-animation:scj_move3 0.8s ease-in-out 1.9s forwards;
	-o-animation:'scj_move3' 0.8s ease-in-out 1.9s forwards;
	-webkit-animation:'scj_move3' 0.8s ease-in-out 1.9s forwards;
}

#scj .swiper-slide-active .link4{
	animation:'scj_move3' 0.8s ease-in-out 2.5s forwards;
	-ms-animation:scj_move3 0.8s ease-in-out 2.5s forwards;
	-moz-animation:scj_move3 0.8s ease-in-out 2.5s forwards;
	-o-animation:'scj_move3' 0.8s ease-in-out 2.5s forwards;
	-webkit-animation:'scj_move3' 0.8s ease-in-out 2.5s forwards;
}

#scj .swiper-slide-active .ren5-3{
	animation:'scj_move3' 0.8s ease-in-out 0.1s forwards;
	-ms-animation:scj_move3 0.8s ease-in-out 0.1s forwards;
	-moz-animation:scj_move3 0.8s ease-in-out 0.1s forwards;
	-o-animation:'scj_move3' 0.8s ease-in-out 0.1s forwards;
	-webkit-animation:'scj_move3' 0.8s ease-in-out 0.1s forwards;
}

#scj .swiper-slide-active .link5{
	animation:'scj_move3' 0.8s ease-in-out 2.3s forwards;
	-ms-animation:scj_move3 0.8s ease-in-out 2.3s forwards;
	-moz-animation:scj_move3 0.8s ease-in-out 2.3s forwards;
	-o-animation:'scj_move3' 0.8s ease-in-out 2.3s forwards;
	-webkit-animation:'scj_move3' 0.8s ease-in-out 2.3s forwards;
}

/* 生存井元素移动4(右移) */
@-moz-keyframes scj_move4{
	from{ margin-left: -1em; margin-right: 1em; }
	to{ opacity: 1; }
}
@-o-keyframes scj_move4{
	from{ margin-left: -1em; margin-right: 1em; }
	to{ opacity: 1; }
}
@-webkit-keyframes scj_move4{
	from{ margin-left: -1em; margin-right: 1em; }
	to{ opacity: 1; }
}
@keyframes scj_move4{
	from{ margin-left: -1em; margin-right: 1em; }
	to{ opacity: 1; }
}

#scj .swiper-slide-active .zi1-1{
	animation:'scj_move4' 0.8s ease-in-out 1.3s forwards;
	-ms-animation:scj_move4 0.8s ease-in-out 1.3s forwards;
	-moz-animation:scj_move4 0.8s ease-in-out 1.3s forwards;
	-o-animation:'scj_move4' 0.8s ease-in-out 1.3s forwards;
	-webkit-animation:'scj_move4' 0.8s ease-in-out 1.3s forwards;
}

#scj .swiper-slide-active .ren3-2{
	animation:'scj_move4' 0.8s ease-in-out 0.7s forwards;
	-ms-animation:scj_move4 0.8s ease-in-out 0.7s forwards;
	-moz-animation:scj_move4 0.8s ease-in-out 0.7s forwards;
	-o-animation:'scj_move4' 0.8s ease-in-out 0.7s forwards;
	-webkit-animation:'scj_move4' 0.8s ease-in-out 0.7s forwards;
}

#scj .swiper-slide-active .ren5-1{
	animation:'scj_move4' 0.8s ease-in-out 0.7s forwards;
	-ms-animation:scj_move4 0.8s ease-in-out 0.7s forwards;
	-moz-animation:scj_move4 0.8s ease-in-out 0.7s forwards;
	-o-animation:'scj_move4' 0.8s ease-in-out 0.7s forwards;
	-webkit-animation:'scj_move4' 0.8s ease-in-out 0.7s forwards;
}

/* 生存井元素移动4(左移) */
@-moz-keyframes scj_move5{
	from{ margin-left: 1em; margin-right: -1em; }
	to{ opacity: 1; }
}
@-o-keyframes scj_move5{
	from{ margin-left: 1em; margin-right: -1em; }
	to{ opacity: 1; }
}
@-webkit-keyframes scj_move5{
	from{ margin-left: 1em; margin-right: -1em; }
	to{ opacity: 1; }
}
@keyframes scj_move5{
	from{ margin-left: 1em; margin-right: -1em; }
	to{ opacity: 1; }
}

#scj .swiper-slide-active .ren5-2{
	animation:'scj_move5' 0.8s ease-in-out 0.7s forwards;
	-ms-animation:scj_move5 0.8s ease-in-out 0.7s forwards;
	-moz-animation:scj_move5 0.8s ease-in-out 0.7s forwards;
	-o-animation:'scj_move5' 0.8s ease-in-out 0.7s forwards;
	-webkit-animation:'scj_move5' 0.8s ease-in-out 0.7s forwards;
}

#scj {
    width: 56.22vh;
}

#xilan .vr-btn{        left: 50% !important;
    margin-left: -210px;}
	

/*11.19PC加背景样式开始*/
body{ background:url(images/bg.jpg) no-repeat top center;background-attachment: fixed; background-size:100% 100%;}
#loading,#video,#page1,#scj,#page2-1,#page3-1,#page4-1,#page5-1,#xl{ border-left:30px solid #fff;border-right:30px solid #fff;box-shadow:3px 3px 24px rgba(0,0,0,0.35);}
/*11.19PC加背景样式结束*/