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

a{
	color:#000;
}

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

img{
	display:block;
}

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

p,li{
	overflow:hidden;
}



#all{
	position: relative;
	width: 100%;
	height: 100%;
}


#music-btn{
	position: fixed;
	height: 38px;
	width: 38px;
	right:66px;
	top: 32px;
	cursor: pointer;
	transition: background 0.2s;
	z-index: 999;
}

#music-btn.on{
	background: url(images/top-music-on.png);
}

#music-btn.on:hover{
	background: url(images/top-music-on2.png);
}

#music-btn.off{
	background: url(images/top-music-off.png);
}

#music-btn.off:hover{
	background: url(images/top-music-off2.png);
}


#wrapper img{
 	float: left;
	height: 100%;
}

#container{
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
}


.city{
	position: absolute;
}


.city .abs{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}






#city2{
	left:14.49%;top: 5.73%;
	width:5.04%;height:72.7%;
}
#topic1{
	width:100%;height:18.2%;
	left:0;top:0;
	background: url(images/topic1.png) no-repeat center center;
	background-size: contain;
}
#text1{
	width:87.13%;height:71.63%;
	left:4.6%;top:28.8%;
	background: url(images/text1.png) no-repeat center center;
	background-size: contain;
}




#city3,#city4,#city5,#city6,#city7,#city8{
	top:1.25%;
	width:10.48%;
	height:97.3%;
}
#city3{ left:22.85%;}
#city4{ left:34.15%;}
#city5{ left:45.43%;}
#city6{ left:56.30%;}
#city7{ left:67.34%;}
#city8{ left:78.40%;}

.title{
	width:9.9%;height:57.28%;
	left:0;top:0;
}
#title1{background: url(images/title1.png) no-repeat center center;background-size: contain;}
#title2{background: url(images/title2.png) no-repeat center center;background-size: contain;}
#title3{background: url(images/title3.png) no-repeat center center;background-size: contain;}
#title4{background: url(images/title4.png) no-repeat center center;background-size: contain;}
#title5{background: url(images/title5.png) no-repeat center center;background-size: contain;}
#title6{background: url(images/title6.png) no-repeat center center;background-size: contain;}




#ren1{
	width: 40.6%;
    height: 70%;
    left: 0.26%;
	bottom:0;
	background: url(images/ren1.png) no-repeat center center;background-size: contain;
}
#ren2{
	width:19.32%;height:63.5%;
	left:68.76%;bottom:0;
	background: url(images/ren2.png) no-repeat center center;background-size: contain;
}

#ren3{
	width:25%;height:57.28%;
	left:11.42%;bottom:0;
	background: url(images/ren3.png) no-repeat center center;background-size: contain;
}
#ren4{
	width:22.63%;height:48.4%;
	left:72.35%;top:30.94%;
	background: url(images/ren4.png) no-repeat center center;background-size: contain;
}
#ren5{
	width:21.3%;height:68.09%;
	left:8.5%;bottom:0;
	background: url(images/ren5.png) no-repeat center center;background-size: contain;
}
#ren6{
	width:31.34%;height:47.32%;
	left:42.44%;bottom:0;
	background: url(images/ren6.png) no-repeat center center;background-size: contain;
}
#ren7{
	width:21.63%;height:73.23%;
	left:73.12%;bottom:0;
	background: url(images/ren7.png) no-repeat center center;background-size: contain;
}
#ren8{
	width:27.04%;height:65.31%;
	left:9.44%;bottom:0;
	background: url(images/ren8.png) no-repeat center center;background-size: contain;
}
#ren9{
	width:30.79%;height:51.4%;
	left:66.06%;bottom:0;
	background: url(images/ren9.png) no-repeat center center;background-size: contain;
}
#ren10{
	width:43.6%;height:55.14%;
	left:17.5%;bottom:0;
	background: url(images/ren10.png) no-repeat center center;background-size: contain;
	z-index:100;
}
#ren11{
	width:27.65%;height:65.63%;
	left:71.2%;bottom:0;
	background: url(images/ren11.png) no-repeat center center;background-size: contain;
}
#ren12{
	width:29%;height:52.9%;
	left:6.47%;bottom:0;
	background: url(images/ren12.png) no-repeat center center;background-size: contain;
}
#ren13{
	width:24.4%;height:58.24%;
	left:68.76%;bottom:0;
	background: url(images/ren13.png) no-repeat center center;background-size: contain;
}







#zi1{
	width: 29.81%;
    height: 38.73%;
    left: 23.8%;
    top: 55.06%;
}
#zi2{
width: 28.21%;
    height: 39.3%;
    left: 73.17%;
    top: 55.15%;
}
#zi3{
	width: 26.21%;
    height: 29.3%;
    left: 26.17%;
    top: 21.15%;
}
#zi4{
	    width: 30.21%;
    height: 39.3%;
    left: 85.28%;
    top: 5.88%;
}
#zi5{
	width: 24.9%;
    height: 33.6%;
    left: 23.08%;
    top: 60.03%;
}
#zi6{
	width: 24.38%;
    height: 39.5%;
    left: 42.12%;
    top: 18.33%;
}

#zi8{
	width: 30.1%;
    height: 25.3%;
    left: 13.48%;
    top: 74.03%;
}
#zi9{
	 width: 27.57%;
    height: 23.94%;
    left: 81.96%;
    top: 75.61%;
}
#zi10{
	width: 23.07%;
    height: 26.9%;
    left: 47.47%;
    top: 65.64%;
}
#zi11{
	 width: 23.07%;
    height: 22.9%;
    left: 75.47%;
    top: 67.64%;
}
#zi12{
	width: 23.07%;
    height: 31.9%;
    left: 72.47%;
    top: 61.64%;
} 



.list{
	width:28.1%;
}
#list1{ left:49.28%; top:12.06%;}
#list2{ left:23.18%; top:20.1%;}
#list3{ left:51.1%; top:21.28%;}
#list4{ left:67.66%; top:7.6%;}
#list5{ left:15.9%; top:21.6%;}
#list6{ left:15.5%; top:21.6%;}



.list li{
	font-size:16px;
	line-height:36px;
	height:36px;
	background:url(images/li.png) no-repeat left center;
	padding-left:22px;
}




.photo{
	width:19.32%; height:9.9%;
}
#photo1{ left:30.08%; top:12.74%;}
#photo1b{ left:85.08%; top:12.74%;}

#photo2{ left: 33.18%;top: 72%;}
#photo2b{ left:92%; top:72%;}

#photo3{left: 70.1%;top: 76.28%;}
#photo3b{ left: 27.1%;top: 6.28%;}


#photo4{left: 1.71%;top: 3.88%;}
#photo4b{left: 71.71%;top: 4.88%;}

#photo5{left: 56.9%;top: 40.28%;}
#photo5b{ left: 81.9%;  top: 40.28%;}

#photo6{left: 53.5%;top: 72.28%;}



.photo ul{ width:100%; height:100%;}
.photo li{
	width:90%;
	 
	float:left;
	margin-right:6.29%;
}
.photo li a,.photo li img{ width:100%; height:100%;}
.photo li a{ display:block; position:relative;}
.photo li .play{ width:22.22%; height:37%; position:absolute; left:38.89%; top:31.5%;  }
.photo li img{ float:none !important;}




#city9{
	top:20.63%;
	width:10.15%;
	height:58.65%;
	left:89.32%;
}
#topic2{
	width:19.1%;height:50.62%;
	left:42.25%;top:25.22%;
	background: url(images/topic2.png) no-repeat center center;
	background-size: contain;
}

#city9 .block{
	width:47.1%;height:37.83%;
	background: url(images/block.png) no-repeat center center;
	background-size: contain;
}
#block1,#block2{ top:0;}
#block3,#block4{ bottom:0;}
#block1,#block3{ left:0;}
#block2,#block4{ right:0;}
#city9 .biao{
	width:60px;
	float:left;
	font-size:30px;
	line-height:32px;
	color:#5e4634;
	font-weight:bold;
	margin:9% 0 0 3.6%;
}
#city9 .block .right{
	width:77%;
	height:100%;
	margin:0 5.9% 0 0;
}
#city9 .block h4{
	font-size:29px;
	line-height:42px;
	max-height:84px;
	margin:4% 0 2% 0;
}
#city9 .block h4 a{ color:#463426; display:block;}
#city9 .block p{
	font-size:18px;
	line-height:30px;
	height:60px;
	color:#5a5959;
}






#city10{
	top:7.08%;
	width:6.82%;
	height:91.46%;
	left:69.37%;
}
#topic3{
	width:19.27%;height:19.82%;
	top:0; left:0;
	background: url(images/topic3.png) no-repeat center center;
	background-size: contain;
}

.focus{
	position:absolute;
	width:84.2%; height:74.03%;
	left:13.4%; top:14.8%;
}
.focus .pic{
	position:absolute;
	width:84.72%;height:100%;
	left:7.64%; top:0;
}
.focus .pic img{ width:100%; height:100%; float:none !important;}
.focus .pic .textbg{
	width:100%; height:34.25%;
	position:absolute;
	left:0; bottom:0;
	background:url(images/textbg.png) repeat-x;
}
.focus .pic h5{
	position:absolute;
	width:100%; left:0;
	font-size:30px; bottom:16.3%;
	font-weight:normal;
	text-align:center;
	line-height:38px; height:38px;
}
.focus .pic,.focus .pic a{ color:#fff;}
.focus .pic p{
	font-size:18px; line-height:30px; height:60px;
	width:86%; left:7%; position:absolute; bottom:3.7%;
}

.switch{
	position:absolute;
	bottom:6%;
	text-align:center;
	width:84.2%;
	left:13.4%;
}
.switch span{
	cursor:pointer;
    display:inline-block;
    font-size:0;
    height:18px;
    line-height:0;
    margin:0 17px;
    overflow:hidden;
    width:18px;
	border-radius:10px;
	background:#fff; color:#fff;
}
.switch span.current{background:#b53621; height:14px; margin-top:-3px; color:#b53621; width:74px;}



#prve,#next{
	width:4.35%;height:8.43%;
	top:45.79%;
	z-index:100;
}
#prve{
	left:10.93%;
	background: url(images/prve.png) no-repeat center center;
	background-size: contain;
}
#next{
	right:0;
	background: url(images/next.png) no-repeat center center;
	background-size: contain;
}







#city11{
	top:2.29%;
	width:5.51%;
	height:91.25%;
	left:78.13%;
}
#topic4{
	width:47.46%;height:15.41%;
	top:0; left:22.17%;
	background: url(images/topic4.png) no-repeat center center;
	background-size: contain;
}
#arrow1,#arrow2{
	width:2.18%; height:3.42%; left:42.51%;
}
#arrow1{
	background: url(images/arrow1.png) no-repeat center center;background-size: contain;
	top:17.35%;
}
#arrow2{
	background: url(images/arrow2.png) no-repeat center center;background-size: contain;
	bottom:0;
}
#text2{
	width:100%; height:79%;
	left:0; top:19.3%;
	overflow:hidden;
	background:url(images/text2-bg.jpg) no-repeat 43.63% top;
}
#text2 .zi1{ margin-top:3.2%;}
#text2 .zi2{ margin-top:11.2%;}
#text2 .zi3{ margin-top:5.9%;}
#text2 .zi4{ margin-top:3.4%;}
#text2 .zi5{ margin-top:5.9%;}
#text2 .zi6{ margin-top:5.3%;}
#text2 .zi7{ margin-top:3.3%;}
#text2 .zi8{ margin-top:5.1%;}
#text2 .zi9{ margin-top:5.1%;}
#text2 .zi10{ margin-top:2.8%;}
#text2 .zi11{ margin-top:5.1%;}
#text2 .zi12{ margin-top:4.8%;}
#text2 .zi13{ margin-top:3.4%;}
#text2 .zi14{ margin-top:4.6%;}


#text2 .left{width:42.37%;}
#text2 .right{width:55.01%;}
#text2 .date{ position:relative; margin-bottom:12px;}
#text2 .left .date{ text-align:right;}
#text2 span{
	font-size:26px; color:#fff;
	padding:0 2%; background:#d34a37;
	display:inline-block; line-height:42px; height:42px;
}
#text2 .sp1{ border-radius:23px 0px 0px 23px;}
#text2 .sp2{ border-radius:0px 23px 23px 0px;}
#text2 .left .date i{ width:2.74%; right:-4.23%;}
#text2 .right .date i{ width:2.11%; left:-3.43%;}
#text2 .date i{
	position:absolute;
	top:31%;
}
#text2 p{
	font-size:18px;
	line-height:28px;
	color:#fff;
	background:#431b02;
	display:inline-block;
}
#text2 .left p{padding:14px 1.5% 14px 4%; float:right;}
#text2 .right p{padding:14px 2% 14px 1.5%;}
#text2 .zi1 p,#text2 .zi7 p{ width:79%;}
#text2 .zi2 p,#text2 .zi10 p{ width:89.4%;}
#text2 .zi5 p,#text2 .zi13 p{ width:90%; float:right;}
#text2 .zi11 p{ padding-left:2%;}

#text2 .left p{border-radius:60px 0px 0px 60px;}
#text2 .right p{border-radius:0px 60px 60px 0px;}







#city12{
	top:6.67%;
	width:6.68%;
	height:83.23%;
	left:85.07%;
}
#topic5{
	width:33.33%;height:11.64%;
	top:0; left:37.83%;
	background: url(images/topic5.png) no-repeat center center;
	background-size: contain;
}
#city12 .title1{
	width:10.67%;
	height:83.48%;
	top:16.65%; left:0;
	position:absolute;
}
#city12 .title1 span{
	display:block;
	height:8%;
	margin-top:31.9%;
}
#city12 .title1 #sp1{background: url(images/sp1.gif) no-repeat center center;background-size:100% 100%;margin-left:16.3%;width:83.7%;}
#city12 .title1 #sp1.current{background: url(images/sp1-1.gif) no-repeat center center;background-size:100% 100%; margin-left:0; width:100%;}
#city12 .title1 #sp2{background: url(images/sp2.gif) no-repeat center center;background-size:100% 100%;margin-left:16.3%;width:83.7%;}
#city12 .title1 #sp2.current{background: url(images/sp2-1.gif) no-repeat center center;background-size:100% 100%; margin-left:0; width:100%;}
#city12 .title1 #sp3{background: url(images/sp3.gif) no-repeat center center;background-size:100% 100%;margin-left:16.3%;width:83.7%;}
#city12 .title1 #sp3.current{background: url(images/sp3-1.gif) no-repeat center center;background-size:100% 100%; margin-left:0; width:100%;}
#city12 .title1 #sp4{background: url(images/sp4.gif) no-repeat center center;background-size:100% 100%;margin-left:16.3%;width:83.7%;}
#city12 .title1 #sp4.current{background: url(images/sp4-1.gif) no-repeat center center;background-size:100% 100%; margin-left:0; width:100%;}
#city12 .title1 #sp5{background: url(images/sp5.gif) no-repeat center center;background-size:100% 100%;margin-left:16.3%;width:83.7%;}
#city12 .title1 #sp5.current{background: url(images/sp5-1.gif) no-repeat center center;background-size:100% 100%; margin-left:0; width:100%;}

#city12 .text1{
	width:89.33%;
	height:83.48%;
	top:16.65%;
	float:right;
	position:absolute;
	right:0;
}
#city12 .text1 .pic{ display:none;}







#city13{
	top:5.42%;
	width:5.55%;
	height:81.98%;
	left:93.62%;
}
#topic6{
	width:27.24%;height:12.33%;
	top:0; left:39.45%;
	background: url(images/topic6.png) no-repeat center center;
	background-size: contain;
}
#city13 .pic-1{ width:22.33%; height:80.7%;}
#city13 .pic-1 img{ width:100%; height:100%; float:none !important;}
#pic1{ top:19.19%; left:0;}
#pic2{ top:13.98%; left:26.02%;}
#pic3{ top:18.8%; left:51.88%;}
#pic4{ top:12.2%; right:0;}




.drop-video{
	position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: rgba(0,0,0,0.8);
    z-index: 6666;
    display: none;
}
.drop-video .show {
	position:absolute;
	top:50%;
	left:50%;
	margin:-310px 0px 0px -445px;
	width:890px;
	height: 620px;
}
.drop-video .play{
	background-color: rgb(0, 0, 0);
    width: 890px;
    height: 625px;
    cursor: pointer;
}
.drop-video .close2 {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
	background:url(images/drop-close2.png) no-repeat;
}





/*开篇视频样式开始*/
#cover{
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background-size: cover;
	z-index: 9999;
}

#cover video{
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
}

#cover .shadow{
	position: absolute;
	width: 100%;
	height: 8.4%;
	left: 0px;
	bottom: 0px;
	background: url(images/cover-shadow.png);
	background-size: auto 100%;
}
#cover .icon{
	width: 2.2%;
	height: 4.2%;
	bottom: 3.5%;
	position:absolute;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
#cover .icon1{
	right: 10.3%;
}
#cover .icon1.on{  background-image:url(images/cover-icon1a.png); }
#cover .icon1.off{ background-image:url(images/cover-icon1b.png); }
#cover .icon2{
	right: 6.4%;
}
#cover .icon2.on{ background-image:url(images/cover-icon2a.png); }
#cover .icon2.off{ background-image:url(images/cover-icon2b.png);}
#cover .icon3{
	right: 2.5%;
	background-image:url(images/cover-icon3.png);
}
#cover .icon span{
	position: absolute;
	font-size: 16px;
	width: 70px;
	height: 18px;
	line-height: 18px;
	top: -28px;
	left: 50%;
	margin-left: -35px;
	color: #fff;
	opacity: 0;
}
#cover .icon:hover span{
	opacity: 1;
}
#cover .icon.on .text2{
	display: none;
}
#cover .icon.off .text1{
	display: none;
}
/*开篇视频样式结束*/







/*动画开始*/
#city1{top:0;width:7.69%;height:100%; left:0;}
#tu1{ width:100%; height:79.58%;left:0; bottom:1.46%;background:url(images/tu1.png) no-repeat center center;background-size: contain;}
#shou{ width:13.85%; height:31.15%; left:67.4%; bottom:1.46%;background:url(images/shou.png) no-repeat center center;background-size: contain;}
#biao1{ overflow:hidden; width:59.92%; height:36.25%;left:19.74%; top:17%;background:url(images/biao1.png) no-repeat center center;background-size: contain; }
#biao2{ width:43.39%; height:4.9%;left:20.625%; top:44.69%;background:url(images/biao2.png) no-repeat center center;background-size: contain; }
#logo{ width:12.03%; height:5.1%;left:23.75%; top:55.2%;background:url(images/logo.png) no-repeat center center;background-size: contain; }

@-ms-keyframes d1{from{}50%{left:68%;}to{ }}
@-moz-keyframes d1{from{}50%{left:68%;}to{ }}
@-o-keyframes d1{from{}50%{left:68%;}to{ }}
@-webkit-keyframes d1{from{}50%{left:68%;}to{ }}
@keyframes d1{from{}50%{left:68%;}to{ }}
.scroll-active #shou{-ms-animation:'d1' 0.6s linear 1s normal;-moz-animation:'d1' 0.6s linear 1s normal;-o-animation:'d1' 0.6s linear 0s normal;-webkit-animation:'d1' 0.6s linear 0s normal;animation:'d1' 0.6s linear 0s normal;}
@-ms-keyframes d2{from{filter:alpha(opacity=0); opacity:0;}8%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes d2{from{filter:alpha(opacity=0); opacity:0;}8%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes d2{from{filter:alpha(opacity=0); opacity:0;}8%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes d2{from{filter:alpha(opacity=0); opacity:0;}8%{filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes d2{from{filter:alpha(opacity=0); opacity:0;}8%{filter:alpha(opacity=0); opacity:0;}to{ }}	
.scroll-active #tu1{-ms-animation:'d2' 1.6s ease-in-out 0s normal;-moz-animation:'d2' 1.6s ease-in-out 0s normal;-o-animation:'d2' 1.6s ease-in-out 0s normal;-webkit-animation:'d2' 1.6s ease-in-out 0s normal;animation:'d2' 1.6s ease-in-out 0s normal;}
@-ms-keyframes d3{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}48%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}	
@-moz-keyframes d3{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}48%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}	
@-o-keyframes d3{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}48%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}	
@-webkit-keyframes d3{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}48%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}	
@keyframes d3{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}48%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}	
.scroll-active #biao1{-ms-animation:'d3' 2.4s ease-in-out 0s normal;-moz-animation:'d3' 2.4s ease-in-out 0s normal;-o-animation:'d3' 2.4s ease-in-out 0s normal;-webkit-animation:'d3' 2.4s ease-in-out 0s normal;animation:'d3' 2.4s ease-in-out 0s normal;}
@-ms-keyframes d4{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}48%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}	
@-moz-keyframes d4{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}48%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}	
@-o-keyframes d4{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}48%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}	
@-webkit-keyframes d4{from{top:41.69%;filter:alpha(opacity=0); opacity:0;}48%{top:41.69%;filter:alpha(opacity=0); opacity:0;}to{ }}	
@keyframes d4{from{top:41.69%;filter:alpha(opacity=0); opacity:0;}80%{top:41.69%;filter:alpha(opacity=0); opacity:0;}to{ }}	
.scroll-active #biao2{-ms-animation:'d4' 2.8s ease-in-out 0s normal;-moz-animation:'d4' 3s ease-in-out 0s normal;-o-animation:'d4' 3s ease-in-out 0s normal;-webkit-animation:'d4' 3s ease-in-out 0s normal;animation:'d4' 3s ease-in-out 0s normal;}
@-ms-keyframes d5{from{top:53%;filter:alpha(opacity=0); opacity:0;}84%{top:53%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes d5{from{top:53%;filter:alpha(opacity=0); opacity:0;}84%{top:53%;filter:alpha(opacity=0); opacity:0;}to{ }}	
@-o-keyframes d5{from{top:53%;filter:alpha(opacity=0); opacity:0;}84%{top:53%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes d5{from{top:53%;filter:alpha(opacity=0); opacity:0;}84%{top:53%;filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes d5{from{top:53%;filter:alpha(opacity=0); opacity:0;}84%{top:53%;filter:alpha(opacity=0); opacity:0;}to{ }}	
.scroll-active #logo{-ms-animation:'d5' 3.5s ease-in-out 0s normal;-moz-animation:'d5' 3.5s ease-in-out 0s normal;-o-animation:'d5' 3.5s ease-in-out 0s normal;-webkit-animation:'d5' 3.5s ease-in-out 0s normal;animation:'d5' 3.5s ease-in-out 0s normal;}

@-ms-keyframes dh1{from{top:-32%;filter:alpha(opacity=0); opacity:0;}85%{top:-32%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh1{from{top:-32%;filter:alpha(opacity=0); opacity:0;}85%{top:-32%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh1{from{top:-32%;filter:alpha(opacity=0); opacity:0;}85%{top:-32%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh1{from{top:-32%;filter:alpha(opacity=0); opacity:0;}85%{top:-32%;filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh1{from{top:-32%;filter:alpha(opacity=0); opacity:0;}85%{top:-32%;filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #topic1{-ms-animation:'dh1' 5.5s linear 1s normal;-moz-animation:'dh1' 5.5s linear 1s normal;-o-animation:'dh1' 5.5s linear 0s normal;-webkit-animation:'dh1' 5.5s linear 0s normal;animation:'dh1' 5.5s linear 0s normal;}

@-ms-keyframes dh2{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}84%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh2{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}84%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh2{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}84%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh2{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}84%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh2{from{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}84%{transform:scale(0,0);filter:alpha(opacity=0); opacity:0;}to{ }}	
.scroll-active #text1{-ms-animation:'dh2' 6.2s ease-in-out 0s normal;-moz-animation:'dh2' 6.2s ease-in-out 0s normal;-o-animation:'dh2' 6.2s ease-in-out 0s normal;-webkit-animation:'dh2' 6.2s ease-in-out 0s normal;animation:'dh2' 6.2s ease-in-out 0s normal;}

@-ms-keyframes dh3{from{top:-12%;filter:alpha(opacity=0); opacity:0;}85%{top:-12%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh3{from{top:-12%;filter:alpha(opacity=0); opacity:0;}85%{top:-12%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh3{from{top:-12%;filter:alpha(opacity=0); opacity:0;}85%{top:-12%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh3{from{top:-12%;filter:alpha(opacity=0); opacity:0;}85%{top:-12%;filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh3{from{top:-12%;filter:alpha(opacity=0); opacity:0;}85%{top:-12%;filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #title1,.scroll-active #title2,.scroll-active #title4{-ms-animation:'dh3' 4.4s linear 0s normal;-moz-animation:'dh3' 4.4s linear 0s normal;-o-animation:'dh3' 4.4s linear 0s normal;-webkit-animation:'dh3' 4.4s linear 0s normal;animation:'dh3' 4.4s linear 0s normal;}

@-ms-keyframes dh4{from{left:2.48%;filter:alpha(opacity=0); opacity:0;}85%{left:2.48%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh4{from{left:2.48%;filter:alpha(opacity=0); opacity:0;}85%{left:2.48%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh4{from{left:2.48%;filter:alpha(opacity=0); opacity:0;}85%{left:2.48%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh4{from{left:2.48%;filter:alpha(opacity=0); opacity:0;}85%{left:2.48%;filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh4{from{left:2.48%;filter:alpha(opacity=0); opacity:0;}85%{left:2.48%;filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #ren1,.scroll-active #ren8{-ms-animation:'dh4' 5.7s linear 0s normal;-moz-animation:'dh4' 5.7s linear 0s normal;-o-animation:'dh4' 5.7s linear 0s normal;-webkit-animation:'dh4' 5.7s linear 0s normal;animation:'dh4' 5.7s linear 0s normal;}

@-ms-keyframes dh5{from{top:10.06%;filter:alpha(opacity=0); opacity:0;}92%{top:10.06%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh5{from{top:10.06%;filter:alpha(opacity=0); opacity:0;}92%{top:10.06%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh5{from{top:10.06%;filter:alpha(opacity=0); opacity:0;}92%{top:10.06%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh5{from{top:10.06%;filter:alpha(opacity=0); opacity:0;}92%{top:10.06%;filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh5{from{top:10.06%;filter:alpha(opacity=0); opacity:0;}92%{top:10.06%;filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #zi1,.scroll-active #zi8{-ms-animation:'dh5' 7s linear 0s normal;-moz-animation:'dh5' 7s linear 0s normal;-o-animation:'dh5' 7s linear 0s normal;-webkit-animation:'dh5' 7s linear 0s normal;animation:'dh5' 7s linear 0s normal;}

@-ms-keyframes dh6{from{left:30%;filter:alpha(opacity=0); opacity:0;}96%{left:30%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh6{from{left:30%;filter:alpha(opacity=0); opacity:0;}96%{left:30%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh6{from{left:30%;filter:alpha(opacity=0); opacity:0;}96%{left:30%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh6{from{left:30%;filter:alpha(opacity=0); opacity:0;}96%{left:30%;filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh6{from{left:30%;filter:alpha(opacity=0); opacity:0;}96%{left:30%;filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #ren2,.scroll-active #ren9{-ms-animation:'dh6' 9.5s linear 0s normal;-moz-animation:'dh6' 9.5s linear 0s normal;-o-animation:'dh6' 9.5s linear 0s normal;-webkit-animation:'dh6' 9.5s linear 0s normal;animation:'dh6' 9.5s linear 0s normal;}

@-ms-keyframes dh7{from{top:24%;filter:alpha(opacity=0); opacity:0;}94%{top:24%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh7{from{top:24%;filter:alpha(opacity=0); opacity:0;}94%{top:24%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh7{from{top:24%;filter:alpha(opacity=0); opacity:0;}94%{top:24%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh7{from{top:24%;filter:alpha(opacity=0); opacity:0;}94%{top:24%;filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh7{from{top:24%;filter:alpha(opacity=0); opacity:0;}94%{top:24%;filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #zi2,.scroll-active #zi9,.scroll-active #zi12{-ms-animation:'dh7' 10.8s linear 0s normal;-moz-animation:'dh7' 10.8s linear 0s normal;-o-animation:'dh7' 10.8s linear 0s normal;-webkit-animation:'dh7' 10.8s linear 0s normal;animation:'dh7' 10.8s linear 0s normal;}

@-ms-keyframes dh8{from{filter:alpha(opacity=0); opacity:0;}96%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh8{from{filter:alpha(opacity=0); opacity:0;}96%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh8{from{filter:alpha(opacity=0); opacity:0;}96%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh8{from{filter:alpha(opacity=0); opacity:0;}96%{filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh8{from{filter:alpha(opacity=0); opacity:0;}96%{filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #list1,.scroll-active #photo1,.scroll-active #list3,.scroll-active #photo3,.scroll-active #list4,.scroll-active #photo4{-ms-animation:'dh8' 12s linear 0s normal;-moz-animation:'dh8' 12s linear 0s normal;-o-animation:'dh8' 12s linear 0s normal;-webkit-animation:'dh8' 12s linear 0s normal;animation:'dh8' 12s linear 0s normal;}

@-ms-keyframes dh9{from{filter:alpha(opacity=0); opacity:0;}85%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh9{from{filter:alpha(opacity=0); opacity:0;}85%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh9{from{filter:alpha(opacity=0); opacity:0;}85%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh9{from{filter:alpha(opacity=0); opacity:0;}85%{filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh9{from{filter:alpha(opacity=0); opacity:0;}85%{filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #list2,.scroll-active #photo2,.scroll-active #list5,.scroll-active #photo5{-ms-animation:'dh9' 5.7s linear 0s normal;-moz-animation:'dh9' 5.7s linear 0s normal;-o-animation:'dh9' 5.7s linear 0s normal;-webkit-animation:'dh9' 5.7s linear 0s normal;animation:'dh9' 5.7s linear 0s normal;}

@-ms-keyframes dh11{from{left:11.69%;filter:alpha(opacity=0); opacity:0;}90%{left:11.69%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh11{from{left:11.69%;filter:alpha(opacity=0); opacity:0;}90%{left:11.69%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh11{from{left:11.69%;filter:alpha(opacity=0); opacity:0;}90%{left:11.69%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh11{from{left:11.69%;filter:alpha(opacity=0); opacity:0;}90%{left:11.69%;filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh11{from{left:11.69%;filter:alpha(opacity=0); opacity:0;}90%{left:11.69%;filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #zi3,.scroll-active #zi10{-ms-animation:'dh11' 7s linear 0s normal;-moz-animation:'dh11' 7s linear 0s normal;-o-animation:'dh11' 7s linear 0s normal;-webkit-animation:'dh11' 7s linear 0s normal;animation:'dh11' 7s linear 0s normal;}

@-ms-keyframes dh10{from{bottom:8%;filter:alpha(opacity=0); opacity:0;}90%{bottom:8%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh10{from{bottom:8%;filter:alpha(opacity=0); opacity:0;}90%{bottom:8%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh10{from{bottom:8%;filter:alpha(opacity=0); opacity:0;}90%{bottom:8%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh10{from{bottom:8%;filter:alpha(opacity=0); opacity:0;}90%{bottom:8%;filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh10{from{bottom:8%;filter:alpha(opacity=0); opacity:0;}90%{bottom:8%;filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #ren3,.scroll-active #ren10{-ms-animation:'dh10' 8.2s linear 0s normal;-moz-animation:'dh10' 8.2s linear 0s normal;-o-animation:'dh10' 8.2s linear 0s normal;-webkit-animation:'dh10' 8.2s linear 0s normal;animation:'dh10' 8.2s linear 0s normal;}

@-ms-keyframes dh12{from{left:44%;filter:alpha(opacity=0); opacity:0;}92%{left:44%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh12{from{left:44%;filter:alpha(opacity=0); opacity:0;}92%{left:44%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh12{from{left:44%;filter:alpha(opacity=0); opacity:0;}92%{left:44%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh12{from{left:44%;filter:alpha(opacity=0); opacity:0;}92%{left:44%;filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh12{from{left:44%;filter:alpha(opacity=0); opacity:0;}92%{left:44%;filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #zi4,.scroll-active #zi11{-ms-animation:'dh12' 10.5s linear 0s normal;-moz-animation:'dh12' 10.5s linear 0s normal;-o-animation:'dh12' 10.5s linear 0s normal;-webkit-animation:'dh12' 10.5s linear 0s normal;animation:'dh12' 10.5s linear 0s normal;}

@-ms-keyframes dh13{from{top:20.94%;filter:alpha(opacity=0); opacity:0;}92%{top:20.94%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh13{from{top:20.94%;filter:alpha(opacity=0); opacity:0;}92%{top:20.94%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh13{from{top:20.94%;filter:alpha(opacity=0); opacity:0;}92%{top:20.94%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh13{from{top:20.94%;filter:alpha(opacity=0); opacity:0;}92%{top:20.94%;filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh13{from{top:20.94%;filter:alpha(opacity=0); opacity:0;}92%{top:20.94%;filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #ren4{-ms-animation:'dh13' 12.5s linear 0s normal;-moz-animation:'dh13' 12.5s linear 0s normal;-o-animation:'dh13' 12.5s linear 0s normal;-webkit-animation:'dh13' 12.5s linear 0s normal;animation:'dh13' 12.5s linear 0s normal;}

@-ms-keyframes dh14{from{left:-8%;filter:alpha(opacity=0); opacity:0;}85%{left:-8%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh14{from{left:-8%;filter:alpha(opacity=0); opacity:0;}85%{left:-8%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh14{from{left:-8%;filter:alpha(opacity=0); opacity:0;}85%{left:-8%;filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh14{from{left:-8%;filter:alpha(opacity=0); opacity:0;}85%{left:-8%;filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh14{from{left:-8%;filter:alpha(opacity=0); opacity:0;}85%{left:-8%;filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #title3,.scroll-active #title5{-ms-animation:'dh14' 4.4s linear 0s normal;-moz-animation:'dh14' 4.4s linear 0s normal;-o-animation:'dh14' 4.4s linear 0s normal;-webkit-animation:'dh14' 4.4s linear 0s normal;animation:'dh14' 4.4s linear 0s normal;}

@-ms-keyframes dh15{from{filter:alpha(opacity=0); opacity:0;}85%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh15{from{filter:alpha(opacity=0); opacity:0;}85%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh15{from{filter:alpha(opacity=0); opacity:0;}85%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh15{from{filter:alpha(opacity=0); opacity:0;}85%{filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh15{from{filter:alpha(opacity=0); opacity:0;}85%{filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active .man5{-ms-animation:'dh15' 6.7s linear 0s normal;-moz-animation:'dh15' 6.7s linear 0s normal;-o-animation:'dh15' 6.7s linear 0s normal;-webkit-animation:'dh15' 6.7s linear 0s normal;animation:'dh15' 6.7s linear 0s normal;}

@-ms-keyframes dh16{from{filter:alpha(opacity=0); opacity:0; transform:scale(1.2,1.2);}92%{filter:alpha(opacity=0); opacity:0;transform:scale(1.2,1.2);}to{ }}
@-moz-keyframes dh16{from{filter:alpha(opacity=0); opacity:0; transform:scale(1.2,1.2);}92%{filter:alpha(opacity=0); opacity:0;transform:scale(1.2,1.2);}to{ }}
@-o-keyframes dh16{from{filter:alpha(opacity=0); opacity:0; transform:scale(1.2,1.2);}92%{filter:alpha(opacity=0); opacity:0;transform:scale(1.2,1.2);}to{ }}
@-webkit-keyframes dh16{from{filter:alpha(opacity=0); opacity:0; transform:scale(1.2,1.2);}92%{filter:alpha(opacity=0); opacity:0;transform:scale(1.2,1.2);}to{ }}
@keyframes dh16{from{filter:alpha(opacity=0); opacity:0; transform:scale(1.2,1.2);}92%{filter:alpha(opacity=0); opacity:0;transform:scale(1.2,1.2);}to{ }}
.scroll-active #zi6,.scroll-active #ren6{-ms-animation:'dh16' 8.7s linear 0s normal;-moz-animation:'dh16' 8.7s linear 0s normal;-o-animation:'dh16' 8.7s linear 0s normal;-webkit-animation:'dh16' 8.7s linear 0s normal;animation:'dh16' 8.7s linear 0s normal;}

@-ms-keyframes dh17{from{filter:alpha(opacity=0); opacity:0;}95%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh17{from{filter:alpha(opacity=0); opacity:0;}95%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh17{from{filter:alpha(opacity=0); opacity:0;}95%{filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh17{from{filter:alpha(opacity=0); opacity:0;}95%{filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh17{from{filter:alpha(opacity=0); opacity:0;}95%{filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active .man7{-ms-animation:'dh17' 11s linear 0s normal;-moz-animation:'dh17' 11s linear 0s normal;-o-animation:'dh17' 11s linear 0s normal;-webkit-animation:'dh17' 11s linear 0s normal;animation:'dh17' 11s linear 0s normal;}

@-ms-keyframes dh18{from{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}92%{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh18{from{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}92%{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh18{from{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}92%{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh18{from{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}92%{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh18{from{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}92%{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #ren11,.scroll-active #zi13{-ms-animation:'dh18' 12.5s linear 0s normal;-moz-animation:'dh18' 12.5s linear 0s normal;-o-animation:'dh18' 12.5s linear 0s normal;-webkit-animation:'dh18' 12.5s linear 0s normal;animation:'dh18' 12.5s linear 0s normal;}

@-ms-keyframes dh19{from{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}85%{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}to{ }}
@-moz-keyframes dh19{from{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}85%{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}to{ }}
@-o-keyframes dh19{from{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}85%{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}to{ }}
@-webkit-keyframes dh19{from{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}85%{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}to{ }}
@keyframes dh19{from{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}85%{transform:scale(1.2,1.2);filter:alpha(opacity=0); opacity:0;}to{ }}
.scroll-active #title6{-ms-animation:'dh19' 4.4s linear 0s normal;-moz-animation:'dh19' 4.4s linear 0s normal;-o-animation:'dh19' 4.4s linear 0s normal;-webkit-animation:'dh19' 4.4s linear 0s normal;animation:'dh19' 4.4s linear 0s normal;}

@-ms-keyframes dh20{from{filter:alpha(opacity=0); opacity:0; transform:scale(0,0);}92%{filter:alpha(opacity=0); opacity:0;transform:scale(0,0);}to{ }}
@-moz-keyframes dh20{from{filter:alpha(opacity=0); opacity:0; transform:scale(0,0);}92%{filter:alpha(opacity=0); opacity:0;transform:scale(0,0);}to{ }}
@-o-keyframes dh20{from{filter:alpha(opacity=0); opacity:0; transform:scale(0,0);}92%{filter:alpha(opacity=0); opacity:0;transform:scale(0,0);}to{ }}
@-webkit-keyframes dh20{from{filter:alpha(opacity=0); opacity:0; transform:scale(0,0);}92%{filter:alpha(opacity=0); opacity:0;transform:scale(0,0);}to{ }}
@keyframes dh20{from{filter:alpha(opacity=0); opacity:0; transform:scale(0,0);}92%{filter:alpha(opacity=0); opacity:0;transform:scale(0,0);}to{ }}
.scroll-active #ren12{-ms-animation:'dh20' 8s linear 0s normal;-moz-animation:'dh20' 8s linear 0s normal;-o-animation:'dh20' 8s linear 0s normal;-webkit-animation:'dh20' 8s linear 0s normal;animation:'dh20' 8s linear 0s normal;}

@-ms-keyframes dh21{from{filter:alpha(opacity=0); opacity:0;left:8.5%;}85%{filter:alpha(opacity=0); opacity:0;left:8.5%;}to{ }}
@-moz-keyframes dh21{from{filter:alpha(opacity=0); opacity:0;left:8.5%;}85%{filter:alpha(opacity=0); opacity:0;left:8.5%;}to{ }}
@-o-keyframes dh21{from{filter:alpha(opacity=0); opacity:0;left:8.5%;}85%{filter:alpha(opacity=0); opacity:0;left:8.5%;}to{ }}
@-webkit-keyframes dh21{from{filter:alpha(opacity=0); opacity:0;left:8.5%;}85%{filter:alpha(opacity=0); opacity:0;left:8.5%;}to{ }}
@keyframes dh21{from{filter:alpha(opacity=0); opacity:0;left:8.5%;}85%{filter:alpha(opacity=0); opacity:0;left:8.5%;}to{ }}
.scroll-active #list6,.scroll-active #photo6{-ms-animation:'dh21' 6.7s linear 0s normal;-moz-animation:'dh21' 6.7s linear 0s normal;-o-animation:'dh21' 6.7s linear 0s normal;-webkit-animation:'dh21' 6.7s linear 0s normal;animation:'dh21' 6.7s linear 0s normal;}

@-ms-keyframes dh22{from{filter:alpha(opacity=0); opacity:0;left:58%;}98%{filter:alpha(opacity=0); opacity:0;left:58%;}to{ }}
@-moz-keyframes dh22{from{filter:alpha(opacity=0); opacity:0;left:58%;}98%{filter:alpha(opacity=0); opacity:0;left:58%;}to{ }}
@-o-keyframes dh212{from{filter:alpha(opacity=0); opacity:0;left:58%;}98%{filter:alpha(opacity=0); opacity:0;left:58%;}to{ }}
@-webkit-keyframes dh22{from{filter:alpha(opacity=0); opacity:0;left:58%;}98%{filter:alpha(opacity=0); opacity:0;left:58%;}to{ }}
@keyframes dh22{from{filter:alpha(opacity=0); opacity:0;left:58%;}98%{filter:alpha(opacity=0); opacity:0;left:58%;}to{ }}
.scroll-active #ren13{-ms-animation:'dh22' 12s linear 0s normal;-moz-animation:'dh22' 12s linear 0s normal;-o-animation:'dh22' 12s linear 0s normal;-webkit-animation:'dh22' 12s linear 0s normal;animation:'dh22' 12s linear 0s normal;}


/*动画结束*/


/*1.22样式修改*/
#ren1{	width: 40.6%;
    height: 70%;
    left: 0.26%;}
#ren2{width:20.09%;height: 64.56%;left: 68.43%;}
 
#ren3{width:26.88%;height:58.46%;left:9.82%;}
 
#ren4{top:48.72%;height:51.28%;width:25.22%;left: 72.57%;}
 
#ren5{width:23.34%;height:65.95%;left:7.12%;}
#ren6{width:32.78%;height:46.58%;left:41.94%;}
#ren7{width:23.4%;height:73.77%;left:70.47%;}
#ren8{width:28.97%;height:70.13%;left:9.05%;}
#ren9{width:51.88%;height:51.18%;left:50.22%;}
 
#ren10{width:27.26%;height:65.74%;left:9.16%;}
#ren11{width:27.54%;height:64.78%;left:70.64%;}
#ren12{width:25.44%;height:51.93%;left:8.4%;}
#ren13{width:28.31%;height:63.17%;left:68.49%;}