@charset "utf-8";
body{
	font-family:"Microsoft Yahei","SimSun";
	font-size:16px;
	color:#333;
	background:#fff;
	white-space: nowrap;
    overflow-x: scroll;
	overflow-y: hidden;
	-webkit-text-size-adjust: none !important;	/* iOS禁止微信改变字号 */
}

body{
	-webkit-text-size-adjust: 100% !important;	/* iOS禁止微信改变字号 */	
}

@media only screen and (max-height: 938px) { body{ font-size: 15px; } }
@media only screen and (max-height: 875px) { body{ font-size: 14px; } }
@media only screen and (max-height: 813px) { body{ font-size: 13px; } }
@media only screen and (max-height: 750px) { body{ font-size: 12px; } }
@media only screen and (max-height: 688px) { body{ font-size: 11px; } }
@media only screen and (max-height: 625px) { body{ font-size: 10px; } }

a{
	color:#333;
}

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

.fw{
	color: #fff;
}

.fw a{
	color: #fff;
}

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

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

h1,h2,h3,h4,h5{
	font-family:"Microsoft Yahei","SimHei";
	overflow:hidden;
}

p,li{
	overflow:hidden;
}

table{
	font-size: 1em;
}

.photo{
	position: relative;
	overflow: hidden;
}

.photo img{
	width: 100%;
	height: 100%;
}

.photo p{
	position: absolute;
	left: 0px;
	bottom : 0px;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.abs{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 1;
}

.abs0{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0;
}

.abs i,.abs0 i{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}

#page{
	position: relative;
	height: 100%;
}

#body-bg{
	max-width: none;
	height: 100%;
}

.body-bg{
	position: relative;
	display: inline-block;
	vertical-align: top;
	max-width: none;
	height: 100%;
}

#box{
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	overflow-y: hidden;
}
.music{
	position: fixed;
	right: 1em;
	top: 1em;
	width: 4em;
	height: 4em;
	cursor: pointer;
	z-index: 999;
}
.music.on{background:url(images/music-on.png) no-repeat; background-size:100% 100%;}
.music.off{background:url(images/music-off.png) no-repeat;background-size:100% 100%;}
.music img{display: inline-block;}
@-moz-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-o-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@-webkit-keyframes music{from{ transform:rotate(-360deg); }to{ }}
@keyframes music{from{ transform:rotate(-360deg); }to{ }}
.music.on{
	animation:'music' 1.5s linear 0s infinite;
	-ms-animation:music 1.5s linear 0s infinite;
	-moz-animation:music 1.5s linear 0s infinite;
	-o-animation:'music' 1.5s linear 0s infinite;
	-webkit-animation:'music' 1.5s linear 0s infinite;
}




.layout {
    top: 0px;
    height: 100%;
    position: absolute;
    overflow: visible;
}
.ly1-1{width: 6.97%;left: 17.35%;}
.ly1-2{width: 6.26%;left: 34.63%;}
.ly1-3{width: 4.83%;left: 46.17%;}
.ly1-4{width: 8.38%;left: 51.13%;}
.ly1-5{width: 7.44%;left: 60.96%;}
.ly1-6{width: 3.86%;left: 71.65%;}
.ly1-7{width: 6%;left: 81.1%;}
.ly1-8{width: 4.93%;left: 91.11%;}

.text1{
	width: 100%;
	height: 62.33%;
	left: 0%;
	top: 20.89%;
}
.text1 i{background-image: url("images/text1.png");}
.topic1{
	width: 23.46%;
	height: 37.44%;
	left: 1.32%;
	top: 28.33%;
}
.topic2{
	width: 19.19%;
	height: 35.33%;
	left: 26.62%;
	top: 38.56%;
}
.topic3{
	width: 20.88%;
	height: 32.22%;
	left: 43.38%;
	top: 29.89%;
}
.topic4{
	width: 16.84%;
	height: 33.44%;
	left: 66.03%;
	top: 39.44%;
}
.topic5{
	width: 16.1%;
	height: 19.33%;
	left: 82.94%;
	top: 37.78%;
}
.topic1 i{background-image: url("images/topic1.png");}
.topic2 i{background-image: url("images/topic2.png");}
.topic3 i{background-image: url("images/topic3.png");}
.topic4 i{background-image: url("images/topic4.png");}
.topic5 i{background-image: url("images/topic5.png");}

.pic1{
	width: 100%;
	height: 71.11%;
	left: 0%;
	top: 25%;
}
.pic1 i{background-image: url("images/pic1.png");}
.text2{
	width: 100%;
	height: 37.44%;
	left: 0%;
	top: 37.33%;
}
.text2 i{background-image: url("images/text2.png");}
.tu1{
	width: 57.54%;
	height: 92.11%;
	right: 0;
	bottom:0;
	background-image: url("images/tu1.png");
	background-position:center bottom;
}
.link1{
	width: 20.27%;
	height: 36.44%;
	left: 52.97%;
	top: 35.44%;
	cursor:pointer;
	z-index:100;
}
.link1 i{background-image: url("images/link1.png");}
.tu2{
	width: 100%;
	height: 86.33%;
	left: 0%;
	bottom:0;
	background-image: url("images/tu2.png");
	background-position:center bottom;
}
.link2{
	width: 39.09%;
	height: 36.44%;
	right: 0%;
	top: 35.44%;
	cursor:pointer;
	z-index:100;
}
.link2 i{background-image: url("images/link2.png");}
.tu3{
	width: 74.69%;
	height: 87.22%;
	right: 0%;
	bottom:0;
	background-image: url("images/tu3.png");
	background-position:center bottom;
}
.link3{
	width: 25.15%;
	height: 36.44%;
	left: 55.83%;
	top: 35.44%;
	cursor:pointer;
	z-index:100;
}
.link3 i{background-image: url("images/link3.png");}

.link4{
	width: 31.47%;
	height: 85.56%;
	left: 0%;
	top: 9.67%;
}
.link4 i{background-image: url("images/link4.png");}
.link5{
	width: 31.47%;
	height: 85.56%;
	left: 33.99%;
	top: 9.67%;
}
.link5 i{background-image: url("images/link5.png");}
.link6{
	width: 31.47%;
	height: 85.56%;
	left: 68.53%;
	top: 9.67%;
}
.link6 i{background-image: url("images/link6.png");}
.ly1-8 a{
	display:block;
	width:100%;
	height:100%;
}
.tu1,.tu2,.tu3,.yc{ display: none;}
.xs{ display: block;}


.ly2-1{width: 17.32%;left: 1.76%;}
.ly2-2{width: 17.32%;left: 33.6%;}
.ly2-3{width: 17.32%;left: 65.22%;}
.tit{
	width: 28.94%;
	height: 7.22%;
	top: 6%;
	left: 0%;
}
.tit1 i{background-image: url("images/tit1.png");}
.tit2 i{background-image: url("images/tit2.png");}
.tit3 i{background-image: url("images/tit3.png");}
.text2-1{
	width: 49.35%;
	height: 8.56%;
	left: 31.18%;
	top: 5.44%;
}
.text2-1 i{background-image: url("images/text2-1.png");}
.text2-2{
	width: 65.03%;
	height: 18.11%;
	left: 33.42%;
	top: 6.78%;
}
.text2-2 i{background-image: url("images/text2-2.png");}
.text2-3{
	width: 63.91%;
	height: 13.33%;
	left: 33.51%;
	top: 6.78%;
}
.text2-3 i{background-image: url("images/text2-3.png");}


.pic2-1{
	width: 23.95%;
	height: 34.67%;
	left: 76.06%;
	bottom: 0%;
	background-image: url("images/pic2-1.png");
	background-position: bottom center;
}



.ly3-1{width: 6.36%;left: 6.36%;}
.ly3-2{width: 3.65%;left: 25.29%;}
.ly3-3{width: 3.22%;left: 30.94%;}
.ly3-4{width: 3.65%;left: 44.02%;}
.ly3-5{width: 3.65%;left: 53%;}
.ly3-6{width: 3.65%;left: 63.22%;}
.ly3-7{width: 3.65%;left: 72.66%;}
.ly3-8{width: 3.65%;left: 81.8%;}

.ly3-9{width: 6.17%;left: 91.99%;}
.text3-1{
	width: 100%;
	height: 47.56%;
	left: 0%;
	top: 25.11%;
}
.text3-1 i{background-image: url("images/text3-1.png");}
.text3-2{
	width: 100%;
	height: 27.89%;
	left: 0%;
	top: 38.22%; 
}
.text3-2 i{background-image: url("images/text3-2.png");}

.ren{
	width: 70.24%;
	height: 10%;
	right: 0%;
	background-image: url("images/.png");
	cursor: pointer;
}
.ren1{top: 79%;}
.ren2{top: 84.56%; width: 70.24%; }
.ren3{top: 81.56%;}
.ren4{top: 79.33%;}
.ren5{top: 59.89%;}
.ren6{top: 81.56%;}
.ren7{top: 82.56%;}
.ren1 i{background-image: url("images/ren1.png");}
.ren2 i{background-image: url("images/ren2.png");}
.ren3 i{background-image: url("images/ren3.png");}
.ren4 i{background-image: url("images/ren4.png");}
.ren5 i{background-image: url("images/ren5.png");}
.ren6 i{background-image: url("images/ren6.png");}
.ren7 i{background-image: url("images/ren7.png");}






.ly4-1{width: 12.24%;left: 3.1%;}
.ly4-2{width: 2.96%;left: 16.12%;}
.ly4-3{width: 7.72%;left: 88.9%;}
.text4-1{
	width: 100%;
	height: 65.67%;
	left: 0%;
	top: 17.22%;
}
.text4-1 i{background-image: url("images/text4-1.png");}
.text4-2{
	width: 100%;
	height: 56.22%;
	left: 0%;
	top: 19.89%;
}
.text4-2 i{background-image: url("images/text4-2.png");}
.name1{
	width: 100%;
	height: 10%;
	left: 0%;
	top: 82.33%;
	cursor: pointer;
}
.name1 i{background-image: url("images/name1.png");}




.drop1{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999;
}
.textbg{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color:rgba(0,0,0,0.7); 
}
.drop{
	position:absolute;
	width: 140vh;
	height: 78%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
	-ms-transform:translate(-50%, -50%) scale(1);
	-o-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	z-index: 999;
	background:#fff;
	border:6px solid #fff;
}


.drop1 .close{ width: 3em; height: 3em; right: -4em; top: -4em; background-image: url("images/drop-close.png"); background-size:100%; cursor: pointer; z-index: 9; }
.drop1 iframe{ position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }






@keyframes text-show{
	0%{opacity:0;}
   100%{opacity:1;}

}
.ly1-3.active .pic1{
	animation:'text-show' 0.8s ease-in-out 0s forwards;
	-ms-animation:text-show 0.8s ease-in-out 0s forwards;
	-moz-animation:text-show 0.8s ease-in-out 0s forwards;
	-o-animation:'text-show' 0.8s ease-in-out 0s forwards;
	-webkit-animation:'text-show' 0.8s ease-in-out 0s forwards;
}


@keyframes text-show1{
	0%{opacity:0;transform:scale(0.3);}
   50%{opacity:1;transform:scale(1.05);}
   70%{opacity:1;transform:scale(0.9);}
   100%{opacity:1;transform:scale(1);}

}
.ly1-1.active .text1,.ly1-4.active .text2,.active .text3-1,.text4-1{
	animation:'text-show1' 0.8s ease-in-out 0s forwards;
	-ms-animation:text-show1 0.8s ease-in-out 0s forwards;
	-moz-animation:text-show1 0.8s ease-in-out 0s forwards;
	-o-animation:'text-show1' 0.8s ease-in-out 0s forwards;
	-webkit-animation:'text-show1' 0.8s ease-in-out 0s forwards;
}


@keyframes title{
	from{ transform: rotateY(10deg); }
	50%{ transform: rotateY(-10deg); }
	to{ transform: rotateY(10deg); }
}
.text1 i,.pic1 i,.text2 i,.text3-1 i,.text3-2 i,.text4-1 i,.text4-2 i{
	animation:'title' 4.0s linear 0s infinite;
	-ms-animation:title 4.0s linear 0s infinite;
	-moz-animation:title 4.0s linear 0s infinite;
	-o-animation:'title' 4.0s linear 0s infinite;
	-webkit-animation:'title' 4.0s linear 0s infinite;
}



@keyframes title1{
	from{ transform:scale(1.03);}
	to{ transform:scale(1);}
}
.pic1 i,.topic1 i,.topic2 i,.topic3 i,.topic4 i,.topic5 i,.pic2-1,.tu1,.tu2,.tu3{
	animation:'title1' 1.7s linear 0s infinite alternate;
	-ms-animation:title1 1.7s linear 0s infinite alternate;
	-moz-animation:title1 1.7s linear 0s infinite alternate;
	-o-animation:'title1' 1.7s linear 0s forwards alternate;
	-webkit-animation:'title1' 1.7s linear 0s infinite alternate;
}





@keyframes topic{
	from{ transform:scale(1.8,1.8); }
	to{ opacity:1; }
}
.ly1-2.active .topic1,.active .text3-2{
	animation:'topic' 0.6s ease-in-out 0s forwards;
	-ms-animation:topic 0.6s ease-in-out 0s forwards;
	-moz-animation:topic 0.6s ease-in-out 0s forwards;
	-o-animation:'topic' 0.6s ease-in-out 0s forwards;
	-webkit-animation:'topic' 0.6s ease-in-out 0s forwards;
}
.ly1-2.active .topic2,.active .text4-2,.active .link1,.active .link2,.active .link3{
	animation:'topic' 0.6s ease-in-out 0.4s forwards;
	-ms-animation:topic 0.6s ease-in-out 0.4s forwards;
	-moz-animation:topic 0.6s ease-in-out 0.4s forwards;
	-o-animation:'topic' 0.6s ease-in-out 0.4s forwards;
	-webkit-animation:'topic' 0.6s ease-in-out 0.4s forwards;
}
.ly1-2.active .topic3{
	animation:'topic' 0.6s ease-in-out 0.8s forwards;
	-ms-animation:topic 0.6s ease-in-out 0.8s forwards;
	-moz-animation:topic 0.6s ease-in-out 0.8s forwards;
	-o-animation:'topic' 0.6s ease-in-out 0.8s forwards;
	-webkit-animation:'topic' 0.6s ease-in-out 0.8s forwards;
}
.ly1-2.active .topic4{
	animation:'topic' 0.6s ease-in-out 1.2s forwards;
	-ms-animation:topic 0.6s ease-in-out 1.2s forwards;
	-moz-animation:topic 0.6s ease-in-out 1.2s forwards;
	-o-animation:'topic' 0.6s ease-in-out 1.2s forwards;
	-webkit-animation:'topic' 0.6s ease-in-out 1.2s forwards;
}
.ly1-2.active .topic5{
	animation:'topic' 0.6s ease-in-out 1.6s forwards;
	-ms-animation:topic 0.6s ease-in-out 1.6s forwards;
	-moz-animation:topic 0.6s ease-in-out 1.6s forwards;
	-o-animation:'topic' 0.6s ease-in-out 1.6s forwards;
	-webkit-animation:'topic' 0.6s ease-in-out 1.6s forwards;
}


@keyframes act-people-shake{
	from{ }
	50%{ transform: translateY(0.5em); }
	to{ }
}
.tit i,.ren1 i,.ren3 i,.ren5 i,.ren7 i,.link4 i,.link6 i,.link1 i,.link2 i,.link3 i{
	animation:'act-people-shake' 3.0s linear 0s infinite;
	-ms-animation:act-people-shake 3.0s linear 0s infinite;
	-moz-animation:act-people-shake 3.0s linear 0s infinite;
	-o-animation:'act-people-shake' 3.0s linear 0s infinite;
	-webkit-animation:'act-people-shake' 3.0s linear 0s infinite;
}


@keyframes act-name-shake1{
	from{ }
	50%{ transform: translateY(-0.8em); }
	to{ }
}
.text2-1 i,.text2-2 i,.text2-3 i,.ren2 i,.ren4 i,.ren6 i,.name1 i,.link5 i{
	animation:'act-name-shake1' 3.0s linear 0s infinite;
	-ms-animation:act-name-shake1 3.0s linear 0s infinite;
	-moz-animation:act-name-shake1 3.0s linear 0s infinite;
	-o-animation:'act-name-shake1' 3.0s linear 0s infinite;
	-webkit-animation:'act-name-shake1' 3.0s linear 0s infinite;
}



@keyframes xia{
	0%{opacity:0; margin-top: -1em;}
   100%{opacity:1;margin-top: 0em;}

}
.tit1,.active .tit2,.active .tit3,.active .ren1,.active .ren3,.active .ren5,.active .ren7,.active .name1,.active .link4{
	animation:'xia' 0.8s ease-in-out 0s forwards;
	-ms-animation:xia 0.8s ease-in-out 0s forwards;
	-moz-animation:xia 0.8s ease-in-out 0s forwards;
	-o-animation:'xia' 0.8s ease-in-out 0s forwards;
	-webkit-animation:'xia' 0.8s ease-in-out 0s forwards;
}
.active .link5{
	animation:'xia' 0.8s ease-in-out 0.6s forwards;
	-ms-animation:xia 0.8s ease-in-out 0.6s forwards;
	-moz-animation:xia 0.8s ease-in-out 0.6s forwards;
	-o-animation:'xia' 0.8s ease-in-out 0.6s forwards;
	-webkit-animation:'xia' 0.8s ease-in-out 0.6s forwards;
}
.active .link6{
	animation:'xia' 0.8s ease-in-out 1.2s forwards;
	-ms-animation:xia 0.8s ease-in-out 1.2s forwards;
	-moz-animation:xia 0.8s ease-in-out 1.2s forwards;
	-o-animation:'xia' 0.8s ease-in-out 1.2s forwards;
	-webkit-animation:'xia' 0.8s ease-in-out 1.2s forwards;
}



@keyframes shang{
	0%{opacity:0; margin-top: 1em;}
   100%{opacity:1;margin-top: 0em;}

}
.text2-1,.active .text2-2,.active .text2-3,.active .ren2,.active .ren4,.active .ren6{
	animation:'shang' 0.8s ease-in-out 0s forwards;
	-ms-animation:shang 0.8s ease-in-out 0s forwards;
	-moz-animation:shang 0.8s ease-in-out 0s forwards;
	-o-animation:'shang' 0.8s ease-in-out 0s forwards;
	-webkit-animation:'shang' 0.8s ease-in-out 0s forwards;
}







/*1113样式修改*/
#nav{
	position: fixed;
	width: 56vh;
	height: 100%;
	right: 0px;
	top: 0px;
	background:rgba(0,0,0,0.6);
	opacity: 0;
	transform: scale(0);
	transition: all 0.2s;
	z-index: 8888;
}
#nav.off{right: -56vh;}
#nav .nav-bg{height: 100%;}
#nav .nav-arrow1,#nav .nav-arrow2{
	width: 26%;
	height: 10.46%;
	top: 44.77%;
	left: -26%;
	background-position: right center;
	transition: all 0.2s;
	cursor: pointer;
}
#nav .nav-arrow1{ background-image: url("images/nav-arrow1.png"); }
#nav .nav-arrow2{ background-image: url("images/nav-arrow2.png"); }
#nav.off .nav-arrow1{
	opacity: 1;
	left: -26%;
	transform: scale(1);
}
#nav.off .nav-arrow2{
	opacity: 0;
	left: 0%;
	transform: scale(0);
}
#nav.on .nav-arrow1{
	opacity: 0;
	left: 0%;
	transform: scale(0);
}
#nav.on .nav-arrow2{
	opacity: 1;
	left: -26%;
	transform: scale(1);
}
#nav .nav-topic{
	width: 82.2%;
	height: 14.54%;
	left: 9.23%;
	top: 16.67%;
	background-image: url("images/nav-topic.png");
}
#nav .nav-show{
	width: 60.3%;
	height: 37.96%;
	left: 23.06%;
	top: 39.16%;
}
#nav .nav-show .line{
	width: 0.82%;
	height: 100%;
	left: 0%;
	top: 0%;
	background:#fff;
}
#nav .nav-show li{
	position: absolute;
	overflow: visible;
	width: 82.02%;
	height: 10%;
	left: 17.98%;
	cursor: pointer;
}
#nav-link1{	top: 5.12%; }
#nav-link2{ top: 29.51%; }
#nav-link3{ top: 53.66%; }
#nav-link4{ top: 77.8%; }
#nav .nav-show li b{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
	transition: all 0.2s;
}
#nav .nav-show li:hover b{
	transform: scale(1.05);
}
#nav-link1 b{ background-image: url("images/nav-link1.png"); }
#nav-link2 b{ background-image: url("images/nav-link2.png"); }
#nav-link3 b{ background-image: url("images/nav-link3.png"); }
#nav-link4 b{ background-image: url("images/nav-link4.png"); }
#nav .nav-show li i{
	position: absolute;
	width: 8.7%;
	height: 65.85%;
	left: -25.76%;
	top: 17.075%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("images/nav-point1.png");
}
#nav .nav-show li:hover i{ background-image: url("images/nav-point2.png"); }


/*@keyframes nav{
	from{ opacity: 0; transform: scale(0); }
	to{ opacity: 1; transform: scale(1); }
}
#nav{
	animation:'nav' 0.2s ease-in-out 14.8s forwards;
	-ms-animation:nav 0.2s ease-in-out 14.8s forwards;
	-moz-animation:nav 0.2s ease-in-out 14.8s forwards;
	-o-animation:'nav' 0.2s ease-in-out 14.8s forwards;
	-webkit-animation:'nav' 0.2s ease-in-out 14.8s forwards;
}*/
#nav{opacity: 1;transform: scale(1);}








/*1124样式修改*/
.text1{ display:none;}
.act1-preface1,.act1-preface2,.act1-preface3,.act1-preface4,.act1-preface5{ position: fixed; width: 100%; height: 61.89%; left: 0%; top: 16.11%; z-index: 9; }
.act1-preface1{ background-image: url("images/act1-preface1.png"); }
.act1-preface2{ background-image: url("images/act1-preface2.png"); }
.act1-preface3{ background-image: url("images/act1-preface3.png"); }
.act1-preface4{ background-image: url("images/act1-preface4.png"); }
.act1-preface5{ background-image: url("images/act1-preface5.png"); }
@keyframes act1-preface1{
	from{ }
	12.5%{ margin-top: 0.5em; opacity: 0; }
	18.75%{ margin: 0; opacity: 1; }
	93.75%{ opacity: 1; }
	to{ opacity: 1; }
}
.act1-preface1{
	animation:'act1-preface1' 8.0s ease-in-out 0s forwards;
	-ms-animation:act1-preface1 8.0s ease-in-out 0s forwards;
	-moz-animation:act1-preface1 8.0s ease-in-out 0s forwards;
	-o-animation:'act1-preface1' 8.0s ease-in-out 0s forwards;
	-webkit-animation:'act1-preface1' 8.0s ease-in-out 0s forwards;
}
@keyframes act1-preface2{
	from{ }
	17.5%{ margin-top: 0.5em; opacity: 0; }
	23.75%{ margin: 0; opacity: 1; }
	93.75%{ opacity: 1; }
	to{ opacity: 1; }
}
.act1-preface2{
	animation:'act1-preface2' 8.0s ease-in-out 0s forwards;
	-ms-animation:act1-preface2 8.0s ease-in-out 0s forwards;
	-moz-animation:act1-preface2 8.0s ease-in-out 0s forwards;
	-o-animation:'act1-preface2' 8.0s ease-in-out 0s forwards;
	-webkit-animation:'act1-preface2' 8.0s ease-in-out 0s forwards;
}
@keyframes act1-preface3{
	from{ }
	22.5%{ margin-top: 0.5em; opacity: 0; }
	28.75%{ margin: 0; opacity: 1; }
	93.75%{ opacity: 1; }
	to{ opacity: 1; }
}
.act1-preface3{
	animation:'act1-preface3' 8.0s ease-in-out 0s forwards;
	-ms-animation:act1-preface3 8.0s ease-in-out 0s forwards;
	-moz-animation:act1-preface3 8.0s ease-in-out 0s forwards;
	-o-animation:'act1-preface3' 8.0s ease-in-out 0s forwards;
	-webkit-animation:'act1-preface3' 8.0s ease-in-out 0s forwards;
}

@keyframes act1-preface4{
	from{ }
	27.5%{ margin-top: 0.5em; opacity: 0; }
	33.75%{ margin: 0; opacity: 1; }
	93.75%{ opacity: 1; }
	to{ opacity: 1; }
}
.act1-preface4{
	animation:'act1-preface4' 8.0s ease-in-out 0s forwards;
	-ms-animation:act1-preface4 8.0s ease-in-out 0s forwards;
	-moz-animation:act1-preface4 8.0s ease-in-out 0s forwards;
	-o-animation:'act1-preface4' 8.0s ease-in-out 0s forwards;
	-webkit-animation:'act1-preface4' 8.0s ease-in-out 0s forwards;
}

@keyframes act1-preface5{
	from{ }
	32.5%{ margin-top: 0.5em; opacity: 0; }
	38.75%{ margin: 0; opacity: 1; }
	93.75%{ opacity: 1; }
	to{ opacity: 1; }
}
.act1-preface5{
	animation:'act1-preface5' 8.0s ease-in-out 0s forwards;
	-ms-animation:act1-preface5 8.0s ease-in-out 0s forwards;
	-moz-animation:act1-preface5 8.0s ease-in-out 0s forwards;
	-o-animation:'act1-preface5' 8.0s ease-in-out 0s forwards;
	-webkit-animation:'act1-preface5' 8.0s ease-in-out 0s forwards;
}

@keyframes act1-preface-box{
	from{opacity: 1;}
	99.99%{ opacity: 0; }
	to{ opacity: 0; }
}
.act1-preface-box{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10;
	animation:'act1-preface-box' 0.1s ease-in-out 10s forwards;
	-ms-animation:act1-preface-box 0.1s ease-in-out 10s forwards;
	-moz-animation:act1-preface-box 0.1s ease-in-out 10s forwards;
	-o-animation:'act1-preface-box' 0.1s ease-in-out 10s forwards;
	-webkit-animation:'act1-preface-box' 0.1s ease-in-out 10s forwards;
}

.arrow{
	width: 1.71%;height: 14.67%;top: 83.22%;
	background-image: url("images/arrow1.png");
}
.arrow1{left: 49.93%;}
.arrow2{left: 95%;}
.arrow3{ left: 31.05%; top: 61.89%;}
.arrow4{ left: 42.27%; top: 61.89%;}
.arrow5{ left: 53.14%; top: 61.89%;}
.arrow6{ left: 65.13%; top: 50%;}
.click{
	width: 0.78%;height: 6.67%;top: 52.78%;
	background-image: url("images/click1.png");
}
.click1{ left: 30.53%;}
.click2{ left: 41.57%;}
.click3{ left: 52.07%;}
.click4{
	width: 0.94%;height: 16.22%;top: 37.22%; left: 64.53%;
	background-image: url("images/click2.png");
}




@keyframes topic-1{
	from{ transform:scale(1.15,1.15); }
	to{ opacity:1; }
}
.arrow,.click,.click4{
	animation:'topic-1' 1.5s linear 0s infinite alternate;
	-ms-animation:topic-1 1.5s linear 0s infinite alternate;
	-moz-animation:topic-1 1.5s linear 0s infinite alternate;
	-o-animation:'topic-1' 1.5s linear 0s forwards alternate;
	-webkit-animation:'topic-1' 1.5s linear 0s infinite alternate;
}
.link-1{width: 5.37%;height: 36.11%;left: 46.5%;bottom: 0%; cursor: pointer;}
.link-2{width: 6.39%;height: 37.22%;left: 92.45%;bottom: 0%;cursor: pointer;}
.link-3{width: 4.73%;height: 47.56%;left: 30.09%;bottom: 0%;cursor: pointer;}
.link-4{width: 3.79%;height: 56.22%;left: 40.65%;bottom: 0%;cursor: pointer;}
.link-5{width: 7.33%;height: 60.44%;left: 52%;bottom: 0%;cursor: pointer;}
.link-6{width: 3.3%;height: 33.89%;left: 63.09%;top: 33.78%;cursor: pointer;}

.drop2{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999;
}
.drop2 .close{ width: 3em; height: 3em; right: -2em; top: -2em; background-image: url("images/drop-close.png"); background-size:100%; cursor: pointer; z-index: 9; }
.drop2-1{position: absolute;width: 40%;left: 30%;top: 20.22%;}
.drop2-2{position: absolute;width: 51.6%; left: 24.2%;top: 19.44%;}	
.drop2 img{ width: 100%; height: auto;}	
.drop3-1{position: absolute;width: 56.76%;left: 21.62%;top: 16.56%;}	
.drop3-2{position: absolute;width: 53.78%;left: 23.11%;top:12.89%;}	
.drop3-3{position: absolute;width: 55.6%;left: 22.2%;top: 14.66%;}	
.drop3-4{position: absolute;width: 52.2%;left: 23.9%;top: 10.33%;}	






/*0202样式修改开始*/
.zi-1{width: 17.32%;height: 79.89%;left: 26.96%;top: 9.78%;background-image: url(images/zi-1.png); display: none;}
.zi-2{width: 30.57%;height: 80%;left: 121.84%;top: 12.78%;background-image: url(images/zi-2.png); display: none;}
.zi-1,.zi-2{
	animation:'title1' 1.7s linear 0s infinite alternate;
	-ms-animation:title1 1.7s linear 0s infinite alternate;
	-moz-animation:title1 1.7s linear 0s infinite alternate;
	-o-animation:'title1' 1.7s linear 0s forwards alternate;
	-webkit-animation:'title1' 1.7s linear 0s infinite alternate;
}
.xs {display: block;}
.text2-3{width:78.75%;height: 23.11%; left:33.71%;top: 6.78%;}
.text2 {width: 71.84%;height: 48.67%;left: 14.71%;top: 24.44%;}
.drop2-2{width: 52.46%;left: 23.77%;top: 18.22%;}
.drop3-3{width: 54.74%;left: 22.63%;top: 0%; height: 100%;}
.drop3-3 img{ width:auto; height: 100%;}
.drop3-3 .close{ top:2em;}
.ly4-1{width: 9.58%;left: 3.12%;}
.text4-1 {height: 74.11%;top: 15.56%;}
.ly3-1 {width: 6.5%;left: 5.15%;}
.text3-1 {height: 48.54%;top: 24.49%;}
.ren {height: 10.11%;}
.ren1 {top: 71.12%; right:7%;}
.ren1 i{background-image: url(images/ren4.png);}
.anniu{ width: 17.58%;height: 13.67%;top: 78.22%;}
.anniu i{background-image: url("images/arrow1.png");}
.anniu1{left:60%;}
.ren2 {top: 81.56%;right: 5%;}
.anniu2{left: 57%;top: 87%;}
.ren3 {top: 77.56%;right: 45%;}
.anniu3{left: 15%;top: 84%;}
.ren4 {top: 72.33%;right: -23%;}
.ren4 i {background-image: url(images/ren5.png);}
.anniu4{left: 81%;top: 78%;}
.ren5 { top: 76.29%;right: 8%;}
.ren5 i {background-image: url(images/ren6.png);}
.anniu5 {left: 55.8%;top: 84%;}
.ren6{top:71.56%; right: 9%;}
.ren6 i {background-image: url(images/ren7.png);}
.anniu6 {left: 38.8%;top: 77%;}
.ren7 {right: -23%;top: 75.06%;}
.ren7 i {background-image: url(images/ren1.png);}
.anniu7 {left: 82.8%;top: 81%;}
.anniu i{
	animation:'topic-1' 1.5s linear 0s infinite alternate;
	-ms-animation:topic-1 1.5s linear 0s infinite alternate;
	-moz-animation:topic-1 1.5s linear 0s infinite alternate;
	-o-animation:'topic-1' 1.5s linear 0s forwards alternate;
	-webkit-animation:'topic-1' 1.5s linear 0s infinite alternate;
}
.active .anniu{
	animation:'shang' 0.8s ease-in-out 0s forwards;
	-ms-animation:shang 0.8s ease-in-out 0s forwards;
	-moz-animation:shang 0.8s ease-in-out 0s forwards;
	-o-animation:'shang' 0.8s ease-in-out 0s forwards;
	-webkit-animation:'shang' 0.8s ease-in-out 0s forwards;
}
/*0202样式修改结束*/





/*0211样式修改开始*/
.logo1{width: 22.72%;height: 5%;left: 82.35%;top: 5%;}
.logo1 i{background-image: url("images/logo.png");}
.ly1-2.active .logo1{
	animation:'topic' 0.6s ease-in-out 2s forwards;
	-ms-animation:topic 0.6s ease-in-out 2s forwards;
	-moz-animation:topic 0.6s ease-in-out 2s forwards;
	-o-animation:'topic' 0.6s ease-in-out 2s forwards;
	-webkit-animation:'topic' 0.6s ease-in-out 2s forwards;
}
.logo1 i{
	animation:'title1' 1.7s linear 0s infinite alternate;
	-ms-animation:title1 1.7s linear 0s infinite alternate;
	-moz-animation:title1 1.7s linear 0s infinite alternate;
	-o-animation:'title1' 1.7s linear 0s forwards alternate;
	-webkit-animation:'title1' 1.7s linear 0s infinite alternate;
}
/*0211样式修改结束*/