@charset "utf-8";
/* CSS Document */

a {
	font-size: 20px;
	color: #FFFFFF;
}
a:visited {
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.shou{
	position: relative;
	width: 1920%;
	overflow: hidden;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	background-image: url(/r/cms/www/IMG/shoubjtu1.gif);
	background-repeat: no-repeat;
	height: 1280px;
}
.shou1 {
	animation:mymove4 5s 1;
	animation-delay:5s;
	-webkit-animation:mymove4 5s infinite alternate; /* Safari and Chrome */
	-webkit-animation-delay:5s;
	position: relative;
}
.shou2 {
	position: relative;
	height: 468px;
	width: 500px;
	top: 98px;
	left: 280px;
	animation:mymove3 5s 1;
	animation-delay:5s;
	-webkit-animation:mymove3 5s 1; /* Safari and Chrome */
	-webkit-animation-delay:5s;
}

.shou3 {
	position: relative;
	bottom: 660px;
	left: 1340px;
	animation:mymove2 5s 1;
	animation-delay:5s;
	-webkit-animation:mymove2 5s 1; /* Safari and Chrome */
	-webkit-animation-delay:5s;
}
.shou4 {
	left: 1712px;
	bottom: 1000px;
	position: relative;
	animation:mymove 5s ease 1;
	animation-delay:5s;
	-webkit-animation:mymove 5s ease 1; /* Safari and Chrome */
	-webkit-animation-delay:5s;
}
@keyframes mymove
{
	from {bottom:1168px;}
	to {bottom:1000px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
	from {bottom:1168px;}
	to {bottom:1000px;}
}
@keyframes mymove2
{
	from {bottom:460px;}
	to {bottom:660px;}
}

@-webkit-keyframes mymove2 /* Safari and Chrome */
{
	from {bottom:460px;}
	to {bottom:660px;}
}
@keyframes mymove3
{
	from {top:198px;}
	to {top:98px;}
}

@-webkit-keyframes mymove3 /* Safari and Chrome */
{
	from {top:198px;}
	to {top: 98px;}
}
@keyframes mymove4
{
	from {top: -50px;}
	to {top: 0px;}
}

@-webkit-keyframes mymove4 /* Safari and Chrome */
{
	from {top: -50px;}
	to {top: 0px;}
}
.shou5 {
	position: relative;
	bottom: 1200px;
	left: 200px;
	animation:mymove5 5s 1;
	animation-delay:5s;
	-webkit-animation:mymove5 5s 1; /* Safari and Chrome */
	-webkit-animation-delay:5s;
}
@keyframes mymove5
{
	from {bottom: 600px;}
	to {bottom: 1200px;}
}

@-webkit-keyframes mymove5 /* Safari and Chrome */
{
	from {bottom: 600px;}
	to {bottom: 1200px;}
}
.shou6 {
	position: relative;
	bottom: 1950px;
	left: 600px;
	animation:mymove6 5s 1;
	animation-delay:5s;
	-webkit-animation:mymove6 5s 1; /* Safari and Chrome */
	-webkit-animation-delay:5s;
}
@keyframes mymove6
{
	from {bottom: 2300px;}
	to {bottom: 1950px;}
}

@-webkit-keyframes mymove6 /* Safari and Chrome */
{
	from {bottom: 2300px;}
	to {bottom: 1950px;}
}
.shou7{
	position: relative;
	bottom: 2658px;
	left: 520px;
	animation:mymove7 5s 1;
	animation-delay:5s;
	-webkit-animation:mymove7 5s 1; /* Safari and Chrome */
	-webkit-animation-delay:5s;
	}
@keyframes mymove7
{
	50% {opacity: 0.1;}
}

@-webkit-keyframes mymove7 /* Safari and Chrome */
{
	50% {opacity: 0.1;}
}
.shou8{
	position: relative;
	left: 30px;
	animation:mymove8 5s infinite;
	-webkit-animation:mymove8 5s infinite alternate; /* Safari and Chrome */
	bottom: 2845px;
	}	
@keyframes mymove8
{
	from {bottom: 2995px;}
	to {bottom: 2795px;}
}

@-webkit-keyframes mymove8 /* Safari and Chrome */
{
	from {bottom: 2995px;}
	to {bottom: 2795px;}
}
.shou9{
	position: relative;
	bottom: 4045px;
	left: 1550px;
	animation:mymove9 5s ease infinite;
	animation-delay:6s;
	-webkit-animation:mymove9 5s infinite alternate; /* Safari and Chrome */	
	-webkit-animation-delay:6s;
	}	
@keyframes mymove9
{
	from {bottom: 4095px;}
	to {bottom: 4005px;}
}

@-webkit-keyframes mymove9 /* Safari and Chrome */
{
	from {bottom: 4095px;}
	to {bottom: 4005px;}
}

/* Example page */
.strong{font-weight:bold;}
.section {
	min-height: 1000px;
	position: relative;
	width: 1920px!important;
	min-width: 1000px;
	margin: 0;
	padding: 0;
	overflow: visible;
	top: 1280px;
	height: 1280px;
}
#story-freext>div:nth-of-type(1){
	margin: 0;
	height: 1600px;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/binjing3.gif);
	background-repeat: no-repeat;
	background-position: 80px 1280;
}

#story-freext>div:nth-of-type(2){
	margin: 0;
	height: 1600px;
	position:absolute;
	top:0px;
	width:1920px;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/kongjianzhantu.png);
	background-repeat: no-repeat;
	background-position: right;	
}

#story-freext>div:nth-of-type(3) {
    background: url(/r/cms/www/IMG/) 100% 0 no-repeat fixed;
    margin: 0;
    height: 1600px;
    position:absolute;
    top:300px;left:10px;
    width:100%;
}

#bottle>div:nth-of-type(1){
	margin: 0;
	height: 1600px;
	position:absolute;
	top:-20px;
	left:0px;
	width:1920px;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/4bei1.png);
	background-repeat: no-repeat;
}
#bottle>div:nth-of-type(2){
	margin: 0;
	height: 1280px;
	position:absolute;
	top:100px;
	left:0;
	width:1920px;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/4bei2.png);
	background-repeat: no-repeat;
}
#bottle>div:nth-of-type(3){
	margin: 0;
	height: 1280px;
	position:absolute;
	top:0;
	left:0;
	width:1920px;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/zhaizhigang.png);
	background-repeat: no-repeat;
}
#bottle>div:nth-of-type(4){
	margin: 0;
	height: 1280px;
	position:absolute;
	top:0;
	left:0;
	width:1920px;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/wangyaping.png);
	background-repeat: no-repeat;
}
#bottle>div:nth-of-type(5){
	margin: 0;
	height: 1280px;
	position:absolute;
	top:0;
	left:0;
	width:1920px;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/yeguangfu.png);
	background-repeat: no-repeat;
}


section article{position:absolute;width:auto;}
.erye1{
	position: relative;
	height: 1280px;
	width: 1920px;
}
.tan1{
	visibility: hidden;
}
.tan2{
	visibility: hidden;
}
.tan3{
	visibility: hidden;
}
.Layer1{
	background-color: #FFFF00;
	position: relative;
	height: 200px;
	width: 200px;
	top: 2000px;
}

/**��ĸ�仯**/
    .container {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	font-size: 8em;
	letter-spacing: 15px;
	position: relative;
	color: #FFFFFF;
	left: -60px;
	bottom: 200px;
	font-weight: bolder;
    }
    span:nth-child(1) {
      animation: tee 3s 3;
    }
    @keyframes tee {
      50% {
        transform: skewX(20deg);
        color: rgb(255, 255, 255);
        font-size: 2em;
      }
      100% {
        text-shadow: 0 0 20px rgb(255, 255, 255);
      }
    }
    span:nth-child(2) {
      animation: arr 3s 3;
    }
    @keyframes arr {
      50% {
        color: hotpink;
        transform: rotate(60deg);
        font-size: 1em;
      }
      100% {
        text-shadow: 0 0 13px hotpink;
      }
    }
    span:nth-child(3) {
      animation: e 3s 3;
    }
    @keyframes e {
      50% {
        transform: scaleY(-1);
        color: rgb(255, 255, 255);
        font-size: 1.2em;
      }
      100% {
        text-shadow: 0 0 15px rgb(255, 255, 255);
      }
    }
    span:nth-child(4) {
      animation: cee 3s 3;
    }
    @keyframes cee {
      50% {
        transform: rotate(360deg);
        color: rgb(255, 51, 0);
        font-size: 1em;
      }
      100% {
        text-shadow: 0 0 7px rgb(255, 255, 255);
      }
    }
    span:nth-child(5) {
      animation: i 3s 3;
    }
    @keyframes i {
      50% {
        transform: rotateX(360deg);
        color: rgb(255, 255, 255);
        font-size: 1.5em;
      }
      100% {
        text-shadow: 0 0 18px rgb(255, 255, 255);
      }
    }
    span:nth-child(6) {
      animation: a 3s 3;
    }
    @keyframes a {
      50% {
        transform: rotateY(360deg);
        color: rgb(255, 255, 255);
        font-size: 1.7em;
      }
      100% {
        text-shadow: 0 0 18px rgb(255, 255, 255);
      }
    }
	 span:nth-child(7) {
      animation: cee 3s 3;
    }
    @keyframes cee {
      50% {
        transform: rotate(360deg);
        color: rgb(255, 255, 255);
        font-size: 1em;
      }
      100% {
        text-shadow: 0 0 7px rgb(255, 255, 255);
      }
    }
	span:nth-child(8) {
      animation: arr 3s 3;
    }
    @keyframes arr {
      50% {
        color: rgb(255, 255, 255);
        transform: rotate(60deg);
        font-size: 1em;
      }
      100% {
        text-shadow: 0 0 13px hotpink;
      }
    }
.wenzi1
{
	position: relative;
	z-index: 10;
	left: 1120px;
	bottom: 800px;
}
.video1
{
	position: relative;
	z-index: 11;
	left: 570px;
	bottom: 560px;
	height: 460px;
	width: 640px;
}
.wenzi4{
	position: relative;
	font-size: 100px;
	color: #FFFFFF;
	left: 560px;
	bottom: 580px;
	font-weight: bolder;
}
.wenzi2{
	position: relative;
	left: 1460px;
	bottom: 1080px;
	z-index: 12;
   
}
.wenzi2:hover
{
-webkit-transition: 6s;
transition: 6s;
transform: rotateX(100deg);
animation-direction:alternate;
}
.wenzi5{
	position: relative;
	left: 880px;
	bottom: 1800px;
	z-index: 13;
   
}
.sanye{
	position: relative;
	height: 1280px;
	width: 1920px;
}
.zairenfeichuan{
	background-image: url(/r/cms/www/IMG/zibeijing1.png);
	background-repeat: no-repeat;
	position: relative;
	height: 546px;
	width: 540px;
	top: 200px;
	left: 160px;
}
.kongjianzhan{
	background-image: url(/r/cms/www/IMG/zibeijing2.png);
	background-repeat: no-repeat;
	position: relative;
	height: 546px;
	width: 540px;
	top: -348px;
	left: 720px;
}
.hangtianfeiji{
	background-image: url(/r/cms/www/IMG/zibeijing3.png);
	background-repeat: no-repeat;
	position: relative;
	height: 546px;
	width: 540px;
	top: -890px;
	left: 1250px;
}
.zairenfeichuanhj{
	position: relative;
	top: 60px;
	width: 400px;
	content:inherit;
	left: 260px;
}
.kongjianzhantu{
position: relative;
    top: 60px;
    left: 240px;

}
.feichuan{
position: relative;
    top: 60px;
    left: 240px;
}
.miaoshu1{
	position: relative;
	width:350px;
	left: 120px;
	top: 80px;
	font-size: 20px;
	color: #FFFFFF;
	z-index: 100;
}
.miaoshu2{
	position: relative;
	width:350px;
	left: 120px;
	top: 78px;
	font-size: 20px;
	color: #FFFFFF;
	z-index: 101;
	}
.miaoshu3{
	position: relative;
	width:350px;
	left: 120px;
	top: 80px;
	font-size: 20px;
	color: #FFFFFF;
	z-index: 103;
	}
.zstubiao1{
	position: relative;
	top: 100px;
	left: 280px;
	box-shadow:0 0 0px;
	animation: jump 3s ease infinite;
            }
@keyframes jump{
 0%{ transform:translateY(0) scale(1,1);}
50%{transform:translateY(-20px) scale(1,1.03);}
100%{transform:translateY(0) scale(1,1);}
}
.zstubiao2{position: relative;
    top: 100px;
    left: 280px;
	box-shadow:0 0 0px;
	animation: jump 3s ease infinite;
	}
.zstubiao3{position: relative;
    top: 100px;
    left: 280px;
	box-shadow:0 0 0px;
	animation: jump 3s ease infinite;
	}
.siye{
	position:relative;
	height: 1280px;
	width: 1920px;
}
#fashe>div:nth-of-type(1){
	margin: 0;
	height: 1280px;
	position:absolute;
	width:100%;
	top:-20px;
	left:0px;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/fashehuojian.gif);
	background-repeat: no-repeat;
	
}

#fashe>div:nth-of-type(2){
	height: 600px;
	position:absolute;
	top:0px;
	width:1920px;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/fashewz.png);
	background-repeat: no-repeat;	
}
.sanbiaoti1{
	position: relative;
	left: 200px;
	top: 200px;
}
.sliebiao{
	position: relative;
	top: 400px;
}
.sanbiaoti2{
	position: relative;
	left: 200px;
	top: 260px;
	font-size: 24px;
	color: #FFFFFF;
	z-index: 5;
}
.fashenr{
	position: relative;
	height: 800px;
	width: 800px;
	top: 580px;
	left: 900px;
	font-size: 18px;
	color: #FFFFFF;
	line-height: 40px;
}
.fashenr ul li a{
	background-color: #663366;
	color: #FFFFFF;
	text-decoration: none;
	list-style-type: none;
	border-radius: 14px;
	padding: 5px;
}
.wuye{
	position: relative;
	height: 1280px;
	width: 1920px;
}
#huiwangdiqiu>div:nth-of-type(1){
	margin: 0;
	height: 1280px;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/wuyebeijing.gif);
	background-repeat: no-repeat;
	background-color: #060123;
	
}
#huiwangdiqiu>div:nth-of-type(2){
	height: 760px;
	position:absolute;
	top:260px;
	width:1920px;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/huiwangdiqiiu.png);
	background-repeat: no-repeat;	
}
.wuyebiaoti1{
	position: relative;
	left: 200px;
	top: -220px;
	height: 142px;
	width: 540px;
}
.hwnr1{
	position: relative;
	height: 400px;
	width: 280px;
	top:600px;
	left: 200px;
	background-image: url(/r/cms/www/IMG/1xsbj.png);
	background-repeat: repeat;
	padding: 10px;
}
.hwnr2{
	position: relative;
	height: 400px;
	width: 280px;
	top:180px;
	left: 530px;
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 10px;
	padding: 10px;
	background-image: url(/r/cms/www/IMG/1xsbj.png);
	background-repeat: repeat;
}
.hwmiaoshu1{
	position: relative;
	height: 250px;
	width: 280px;
	color: #FFFFFF;
}
.liuye{
	position: relative;
	height: 1280px;
	width: 1920px;
	}
#liuyeshijue>div:nth-of-type(1){
	margin: 0;
	height: 1280px;
	position:absolute;
	width:100%;
	top:0px;
	left:0px;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/liubeijing.jpg);
	background-repeat: no-repeat;
	background-color: #060123;
}
#liuyeshijue>div:nth-of-type(2){
	height: 1280px;
	position:absolute;
	top:0px;
	width:1920px;
	background-attachment: fixed;
	background-image: url(/r/cms/www/IMG/liufeichuang.png);
	background-repeat: no-repeat;	
}
.liuliebiao{
	background-image: url(/r/cms/www/IMG/liuzikuang.png);
	position: relative;
	height: 936px;
	width: 652px;
	left: 1000px;
	top: 200px;
}
.liuliebiao li{
	background-image: url(/r/cms/www/IMG/liuzibei.png);
	background-repeat: no-repeat;
	height: 140px;
	width: 515px;
	position: relative;
	top: 50px;
	left: 36px;
	list-style-type: none;
}
.liuliebiao li a{
	font-size: 20px;
	color: #FFFFFF;
	height: 56px;
	width: 515px;
}
.end{
	background-color: #060123;
	font-size: 24px;
	color: #FFFFFF;
	position: relative;
	height: 40px;
	width: 100%;
	z-index: -20;
	text-align: center;
	vertical-align: 50%;
}
.yinyue{
undefined
background: #1a59b7;
color:#ffffff;
overflow: hidden;
z-index: 200;
position: fixed;
padding:5px;
text-align:center;
width: 40px;
height: 40px;
left:1700px;
top:40px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}