@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; list-style-type:none; text-decoration:none;}
html,body{ width:100%; height:100%; position:relative; font-family:Microsoft yahei;}
a{ width:100%; height:100%; display:block;}


.section1{ width:100%; height:956px; position:relative; overflow:hidden; background:url(../images/bg.jpg) no-repeat center top -40px;}
.st1,.st2,.st3,.st4,.st5{ width:1200px; height:100%; position:absolute; left:50%; margin-left:-600px; z-index:10;}

.logo{ width:808px; height:384px; position:relative; margin:200px 0 0 -60px;}
.play{ width:83px; height:84px; position:absolute; background:url(../images/play.png) no-repeat center center; margin:-338px 0 0 656px; cursor:pointer;}
.play:hover{filter:brightness(1.2);-moz-filter:brightness(1.2);-webkit-filter:brightness(1.2); }

.num{ width:675px; height:127px; position:relative; margin:10px 0 0 -10px;background:url(../images/icon.png) no-repeat center ;}
.numlef{width: 397px;height:60px;position:relative;/* float:right; */margin-left: 140px;}
.numli{width: 186px;height:60px;/* position:absolute; */float: right;text-align:left;line-height:58px;font-size:40px;font-family: 'EB Garamond', serif;color:#fff;letter-spacing:3px;}

.go-active-btn{ cursor:pointer; width: 130px;height: 127px;display:block;/* float:right; */top: 0px;position: absolute;right: 0px;}

.numrig:hover{ filter:brightness(1.1);-moz-filter:brightness(1.1);-webkit-filter:brightness(1.1);}
.bg_video{ width:1920px; height:960px; position:absolute; left:50%; margin-left:-960px; z-index:0;}
.vd{ width:100%; height:100%; }
.flower{ width:500px; height:100%; position:absolute; right:0; top:0; z-index:20;}
.flower img:nth-child(1){position:absolute;animation:mov 8s linear infinite;-webkit-animation:mov 8s linear infinite;-moz-animation:mov 8s linear infinite; right:150px; }
.flower img:nth-child(2){position:absolute;animation:mov 4s linear infinite;-webkit-animation:mov 4s linear infinite; -moz-animation:mov 4s linear infinite;  right:-250px;}
.flower img:nth-child(3){position:absolute;animation:mov 5.5s linear infinite;-webkit-animation:mov 5.5s linear infinite;-moz-animation:mov 5.5s linear infinite; right:0px;}
.flower img:nth-child(4){position:absolute;animation:mov 6s linear infinite;-webkit-animation:mov 6s linear infinite;-moz-animation:mov 6s linear infinite;right:-200px; }
.flower img:nth-child(5){position:absolute;animation:mov 3.5s linear infinite;-webkit-animation:mov 3.5s linear infinite;-moz-animation:mov 3.5s linear infinite; right:-100px;}
.flower img:nth-child(6){position:absolute;animation:mov 8s linear infinite;-webkit-animation:mov 8s linear infinite;-moz-animation:mov 8s linear infinite;right:-30px; }
.flower img:nth-child(7){position:absolute;animation:mov 5s linear infinite;-webkit-animation:mov 5s linear infinite;-moz-animation:mov 5s linear infinite;right:200px; }
.flower img:nth-child(8){position:absolute;animation:mov 6s linear infinite;-webkit-animation:mov 6s linear infinite;-moz-animation:mov 6s linear infinite;right:-400px; }
@keyframes mov{
0%{ top:-150px; opacity:1; transform:rotate(0); }
25%{transform:rotate(-50deg);}
50%{transform:rotate(30deg);opacity:1;}
100%{top:800px;opacity:0; right:650px;transform:rotate(-30deg); }
}
@-moz-keyframes mov{
0%{ top:-150px; opacity:1; -moz-transform:rotate(0); }
25%{-moz-transform:rotate(-50deg);}
50%{-moz-transform:rotate(30deg);opacity:1;}
100%{top:800px;opacity:0; right:650px;-moz-transform:rotate(-30deg);}
}
@-webkit-keyframes mov{
0%{ top:-150px; opacity:1; -webkit-transform:rotate(0); }
25%{-webkit-transform:rotate(-50deg);}
50%{-webkit-transform:rotate(30deg);opacity:1;}
100%{top:800px;opacity:0; right:650px;-webkit-transform:rotate(-30deg);}
}

.down-load{position: absolute;bottom: 14%;left: 33%;width: 38%;}
.down-load li{float: left;width: 38%;margin: 0 2%;}
.vedio-btn{width: 125px;height: 125px;background: url(../images/vedio-btn-m.png)no-repeat center;position: relative;z-index: 2;display: block;margin-left: -2px;margin-top: 3px;}
.vedio{position: absolute;right: -93px;top: 403px;width: 125px;height: 125px;}
.vedio:after{content: " ";position: absolute;width: 100%;height: 100%;background: url(../images/vedio-btn.png)no-repeat center;left: 0;top: 0;z-index: 1;}
.go-active-btn{width: 114px;height: 0;background: url(../images/active-btn.png) no-repeat center top;padding-top: 130px;overflow: hidden;display:  inline-block;background-size: 100%;}

.down{ position:relative; width: 545px;height: 100px;background: url(../images/banner-icon.png) no-repeat left top;padding-left: 103px;margin-left: 40px;margin-top: 10px;}
.down ul li{float: left;}
.down a{padding-top: 39px;width: 163px;margin-bottom: 7px;}
.down:after{
	-webkit-animation:moving 3s linear infinite;
	animation:moving 3s linear infinite;
}
@-webkit-keyframes moving{
	0%,100%{-webkit-transform:translate(0,0px);}
	50%{-webkit-transform:translate(0,100px);}
}
@keyframes moving{
	0%,100%{transform:translate(0,0px);}
	50%{transform:translate(0,100px);}
}

/*footer*/
.footer {
	width:100%;
	height:100px;
	position:relative;
    overflow:hidden;
	background-color:#160e16;
}
.foot {
	width:700px;
	height:100%;
	margin:0 auto;
}
.foot span {
	color:#fff;
	font-family:Microsoft YAHEI;
	font-size:12px;
}

.fl {
	float:left;
	margin-top:10px;
	width:340px;
}
.fl span {
	float:right;
	margin-top: 21px;
}
.fr {
	float:right;
	margin-top:18px;
	width:240px;
}
.fr span {
	width:190px;
	float:right;
	margin-top:-4px;
}
/*footer end*/
@media screen and (max-width:1600px){
.logo{ margin:200px 0 0 -60px;}	
	}
@media screen and (max-width:1366px){
.logo{ margin:150px 0 0 -60px;}	
	}
@media screen and (min-width:1024px){
.act-pic,.act-news{float: right;}
.down:after{content: " ";position: absolute;width: 89px;height: 2px;background: #fff;box-shadow: 0px 2px 5px #c022ff;top: -4px;right: 8px;}
.banner {background-image: url(../images/mobil/mobile-bg1.jpg);}
}

@media screen and (max-width:800px){
 .st1 { width:800px; height:100%; position:absolute; left:50%; margin-left:-400px; z-index:10;}	
 .section1{ width:100%; height:1280px; position:relative; overflow:hidden; background:url(../images/mb_bg.jpg) no-repeat center top;}
 .logo{ margin:760px 0 0 50px;}
  .logo img{ width:96%;}
 .num{  margin:-8px 0 0 66px;}
 .xy{ display:none;}
 .st1 {
    width: 800px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    z-index: 10;
}
}