@charset "utf-8";
/* reset */
*{margin:0;padding:0;}
html,body {width:100%;font-size:62.5%;height:100%;overflow:hidden;font-family:"微软雅黑";}
html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}
audio,canvas,progress,video {  display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}		
audio:not([controls]) {
    display: none;
    height: 0;
}
svg:not(:root) {  overflow: hidden;}
body,textarea,input,select,option {color:#333;font-family:Tahoma,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
body,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,dl,dd,p,textarea,input,select,option,form {margin:0;}
ol,ul,textarea,input,option,th,td {padding:0;}
table {border-collapse:collapse;}
ol,ul {list-style-type:none;}
.clearfix:before,.clearfix:after {content:'';display:table;}
.clearfix:after {clear:both;}.clearfix {*zoom:1;}
.clearfix:after {content:'.';display:block;height:0;clear:both;visibility:hidden;}
.clearfix {*zoom:1;}
.clear {clear:both;height:0;overflow:hidden;}
a {text-decoration:none;color:#333;}
a,textarea,input{outline:none}
textarea {overflow:auto;resize:none;}
.img img {display:block;}
a img {border:none;}
.z_index{position:fixed;_position:absolute;z-index:999;display:none;}
.pr {position:relative;}.pa {position:absolute;}
.fl {float:left;}.fr {float:right;}
a:hover{text-decoration:underline}
table{border-collapse:collapse;border-spacing:0;}
textarea{resize:none;}

/*加载动画*/
#bonfire-pageloader {
	background-color:#e60012;
	position:absolute;
	z-index:9999999;
	width:100%;
	height:100%;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
.bonfire-pageloader-fade {
	opacity:0 !important;
}
.bonfire-pageloader-hide {
	display:none;
}
.bonfire-pageloader-icon {
	width:98px;
	height:130px;
	position:absolute;
	left: 50%;top: 50%;margin-top: -65px;margin-left: -49px;
	-webkit-animation:bouncy 1s infinite ease-in-out;
	animation:bouncy 1s infinite ease-in-out;
}
.bonfire-pageloader-icon-hide {
	opacity:0 !important;
}

@keyframes bouncy{	
	50%{
		-webkit-transform: translate(0, -30px);
        transform: translate(0, -30px);
	}
}
@-webkit-keyframes bouncy{
	50%{
		-webkit-transform:translate(0,-30px);
		trasform:translate(0,-30px);
	}
}

html {
	height:100%;	
	-webkit-backface-visibility: hidden;	
	-webkit-transform-origin:top;
	-moz-transform-origin:top;
	-ms-transform-origin:top;
	-o-transform-origin:top;
	transform-origin:top;
	
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	-o-transition: all .75s ease;
	-ms-transition: all .75s ease;
	transition: all .75s ease;
}
.bonfire-html-onload {
	-webkit-transition: all 0s ease;
	-moz-transition: all 0s ease;
	-o-transition: all 0s ease;
	-ms-transition: all 0s ease;
	transition: all 0s ease;
}
.swiper-container{max-width:640px;height:100%;display: none;margin:0 auto;} 
.swiper-container.show{display: block;}
/*swiper-共用背景*/
.img img{display:block;height:100%;}
/*.box_bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/bg_1.png) no-repeat;background-size:100% 100%;z-index: 100;overflow:hidden;}*/
.box_bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index: 100;overflow:hidden;}

.box_bg1{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index:9;background: url(../images/bg_3.png) no-repeat;background-size:100% 100%;}
.box_bg2{position: absolute;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;z-index:10;background: url(../images/bg_kuang.png) no-repeat;background-size:100% 100%;}

@-webkit-keyframes scal {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }

  50% {
    opacity: 1;
  }
}

@keyframes scal {
  from {
    opacity: 0;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);

  }

  50% {
    opacity: 1;
  }
}

.scal {
  -webkit-animation-name: scal;
  animation-name: scal;
}


.denglong{position:absolute;right:0;top:0;z-index:199;height:20%;}
.denglong img{animation: denglong 1.2s linear infinite alternate;
    -webkit-animation: denglong 1.2s linear infinite alternate;
    transform-origin:center top;

}
.san{height:21%;position:absolute;bottom:10%;right:-11%;z-index: 200;}
.flower{height:17.54%;right:0;bottom:0;z-index:201;}
.flower_l{height:13%;left:0;bottom:0;z-index:201;}
.flower_t{height: 8%;left:0;top:0;z-index:201;}
.san img{
	-webkit-animation: spinAround 12s linear infinite;
	animation: spinAround 12s linear infinite;
	}
.yu1,.yu2{height:1.5%;top:11.5%;z-index:300;}

.yu1{left:8%;}
.yu2{right:9%;}
.yu1 img,.yu2 img{
	-webkit-animation: float2 3s linear infinite;
	animation: float2 3s linear infinite;
}


@-webkit-keyframes spinAround {
	from {
		-webkit-transform: rotate(0deg)
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}
@keyframes spinAround {
	from {
		transform: rotate(0deg)
	}
	to {
		transform: rotate(360deg);
	}
}
@-webkit-keyframes float2{
	0% {
    	-webkit-transform: translate3d(0,0,0);
    	transform: translate3d(0,0,0);
	}
	25% {
	    -webkit-transform: translate3d(-20%,0,0);
	    transform: translate3d(-20%,0,0);
	}
	75% {
    	-webkit-transform: translate3d(20%,0,0);
    	transform: translate3d(20%,0,0);
	}
	100% {
    	-webkit-transform: translate3d(0,0,0);
    	transform: translate3d(0,0,0);
	}
}
@keyframes float2{
	0% {
    	-webkit-transform: translate3d(0,0,0);
    	transform: translate3d(0,0,0);
	}
	25% {
	    -webkit-transform: translate3d(-20%,0,0);
	    transform: translate3d(-20%,0,0);
	}
	75% {
    	-webkit-transform: translate3d(20%,0,0);
    	transform: translate3d(20%,0,0);
	}
	100% {
    	-webkit-transform: translate3d(0,0,0);
    	transform: translate3d(0,0,0);
	}
}






@keyframes denglong{
	0%{transform:rotate(3deg); }
	100%{transform:rotate(-3deg);}
}
@-webkit-keyframes denglong{
	0%{transform:rotate(3deg); }
	100%{transform:rotate(-3deg);}
}
/*第一屏内容*/
.slide_bg{/*background: #e60012;*/z-index: 1;width: 100%;height: 100%;position: absolute;left:0;top: 0;right:0;bottom:0;}
.pbox{height:100%;position:relative;z-index:10;width:100%;}
.img1 img{display:block;width:100%;}
.xs_logo{width:30%;position:absolute;left:35%;top:13%;}
.xs_logo img{width:100%;}
.year{width:50%;left:25%;top:20%;}
.happy{width:33% ;left:33.5% ;top:35%;}
.p1_text{width:70% ;left:15% ;top:40%;}
.p1_text1{width:35% ;left:32.5% ;top:66.5%;}
.p1_5{width:30%;left:13%;bottom:5%;}
/*第二屏内容*/
.p2_text1{width:60%;left:20%;top:19%;}
.p2_text2{width:60%;left:20%;top:25%;}
.p2_text3{width:60%;left:20%;top:31%;}
.p2_text4{width:100%;left:0;bottom:50px;}
.shizi{width:30%;left:19%;top:56%;position:absolute;}
/*第三屏*/
.house{width:100%;position:absolute;left:0;bottom:12%;}
.p3_text1{width:42%;left:29%;top:18%;}
.p3_text2{width:70%;left:15%;top:24.7%;}
/*第4屏*/
.house1{width:100%;left:0;bottom:0;}
.p4_text1{width:42%;left:29%;top:18%;}
.p4_text2{width:52%;left:24%;top:24.4%;z-index:100;}
.p4_text3{width:52%;left:24%;top:31%;z-index:100;}
/*.p4_text1 img,.p4_text2 img,.p4_text3 img{opacity: 0;transform: rotate(-180deg) translate(150px, 0);}
.p4_text1.on img,.p4_text2.on img,.p4_text3.on img,.year.on img{animation: twister .7s forwards;}	*/
@keyframes twister {
  30% {
    opacity: 1;
  }
  100% {
    transform: rotate(0deg) translate(0,0);
    opacity: 1;
  }
}

@-webkit-keyframes twister {
  10% {
    opacity: 1;
  }
  100% {
    transform: rotate(0deg) translate(0);
    opacity: 1;
  }
}
.p4_text5{width:55px;height:67px;left:50%;margin-left:-27px;bottom:78px;opacity:0;
filter: alpha(opacity=0);transform:translate(40px,-8px);}
/*.p4_text5.on{animation: move 2.5s forwards;}*/
@keyframes move {
  30% {
    opacity: .3;
    transform:translate(30px,-6px);}
  
  50% {
    opacity: .5;
    transform:translate(20px,-4px);}
 
  80% {
    opacity: .8;
    transform:translate(10px,-2px);}
  
  100% {
    transform:translate(0,0);
    opacity: 1;
  }
}

@-webkit-keyframes move {
  30% {
    opacity: .3;
    transform:translate(100px,0);}
 
  50% {
    opacity: .5;
    transform:translate(70px,0);}
 
  80% {
    opacity: .8;
    transform:translate(20px,0);}
  
  100% {
    transform:translate(0,0);
    opacity: 1;
  }
}



/*第五屏*/
/*.p5_box{z-index: 10;}*/
.p5_logo{top: 20%;width: 100%;height: 9%;}
.p5_logo .p5_pic{width: 100%;height: 100%;position: absolute;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	opacity: 0;
	-webkit-transform: scale(0);	
	transform: scale(0);
  -webkit-transform-origin:center center;
  transform-origin:center center;
  top: 0;left: 0;
}
.p5_logo .p5_pic.on{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);

}
.p5_logo .p5_pic.on2{/*width: 0;height: 0;*/top: auto;/*left: 50%;bottom:-400%;*/display: none;}
/*.p5_logo .p5_pic1.on2{top: 30%;left: 10%;}*/
.p5_logo .p5_pic img{margin:0 auto;max-width: 100%;}
.p5_text{position: absolute;top: 20%;left: 0;width: 100%;display: none;}
.p5_text1{width: 30%;margin: 0 auto;opacity: 0;
  -webkit-transform: scale(0);	
	transform: scale(0);
  -webkit-transition: all .5s ease;
	transition: all .5s ease;}
.p5_text2 {width: 52%;margin: 0 auto;opacity: 0;-webkit-transform: scale(0);margin-top: 10px;	
	transform: scale(0);
  -webkit-transition: all .5s ease;
	transition: all .5s ease;}
.p5_text1.on,.p5_text2.on{opacity: 1;
	animation:scalm 2s ease 1 both;
}
@keyframes scalm{
  0%{
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50%{
    -webkit-transform: scale(2);
    transform: scale(2);
  }
  100%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes scalm{
  0%{
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50%{
    -webkit-transform: scale(2);
    transform: scale(2);
  }
  100%{
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}





.p5_house{width:100%;left:0;bottom:0;}
.p5_gif{top: 60%;height: 18%;left: 0;right: 0;width: 100%;text-align: center;}
.p5_gif img{height: 100%;width:auto;margin: 0 auto;}
.p5_bimg{top: 62%;height: 15%;left: 50%;margin-left: -25%;width: 100%;}
.p5_bimg img{height: 100%;width: auto;float: left;margin: 0 1%;}
.p5_logo2{width: 52%;left: 23%;top: 32%;height: 22%;}
.p5_logo2 .p5_pic{/*width:20%;*/height: 22%;margin: 0 0 2%;display: none;float: left;}
.p5_logo2 .p5_pic.on{display: block;}
.p5_logo2 .p5_pic img{width: auto;height: 100%;}
.p5_logo2 .p5_pic1{margin-right: 1%;}
.p5_logo2 .p5_pic2{margin-right: 1%;}
.p5_logo2 .p5_pic3{margin-right: 1%;}
.p5_logo2 .p5_pic4{margin-right: 0%;}
.p5_logo2 .p5_pic5{margin-right: 6%;}
.p5_logo2 .p5_pic6{margin-right: 6%;}
.p5_logo2 .p5_pic7{margin-right: 6%;}
.p5_logo2 .p5_pic8{margin-right: 6%;}
.p5_logo2 .p5_pic9{margin-right: 0%;}
.p5_logo2 .p5_pic10{margin-right: 3%;}
.p5_logo2 .p5_pic11{margin-right: 3%;}
.p5_logo2 .p5_pic12{margin-right: 3%;}
.p5_logo2 .p5_pic13{margin-right: 3%;}
.p5_logo2 .p5_pic14{margin-right: 0%;}
.p5_logo2 .p5_pic15{margin-right: 7%;}
.p5_logo2 .p5_pic16{margin-right: 7%;}
.p5_logo2 .p5_pic17{margin-right: 7%;}
.p5_logo2 .p5_pic18{margin-right: 0%;}
/*第6屏*/
.box_bg6{z-index: 9;overflow: hidden;}
.mask{position:absolute;width:100%;height:100%;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.8);z-index:999;}
.mask_logo{width:48%;left:26%;top:10%;border-radius:10px;}
.mask_logo img{border-radius:10px;}
p.mask_logot1{font-size:18px;color:#fff;text-align:center;}
p.p6_1{width:61%;left:19.5%;top:42%;z-index:9999;}
p.p6_2{width:61%;left:19.5%;bottom:12.4%;z-index:9999;}
.wx{width:48%;left:26%;bottom:17.3%;}

.up{width:32px;height:20px;position:fixed;left:50%;margin-left:-16px;bottom:20px;z-index:999999;-webkit-animation: start 1.5s infinite ease-in-out;animation: start 1.5s infinite ease-in-out; transition-delay:2.6s;}

@keyframes start{
  0%,30%{
    opacity:0;
    filter: alpha(opacity=0);
    transform:translate(0,10px);
  }
  60%{
    opacity:1;
    filter: alpha(opacity=100);
    transform:translate(0,0);
  }
  100%{
    opacity:0;
    filter: alpha(opacity=0);
    transform:translate(0,-8px);
  }
}
@-webkit-keyframes start{
  0%,30%{
    opacity:0;
    filter: alpha(opacity=0);
    -webkit-transform:translate(0,10px);
  }
  60%{
    opacity:1;
    filter: alpha(opacity=100);
    -webkit-transform:translate(0,0);
  }
  100%{
    opacity:0;
    filter: alpha(opacity=0);
    -webkit-transform:translate(0,-8px);
  }
}
@-moz-keyframes start{
  0%,30%{
    opacity:0;
    filter: alpha(opacity=0);
    -moz-transform:translate(0,10px);
  }
  60%{
    opacity:1;
    filter: alpha(opacity=100);
    -moz-transform:translate(0,0);
  }
  100%{
    opacity:0;
    filter: alpha(opacity=0);
    -moz-transform:translate(0,-8px);
  }
}
/*烟花*/
body{position:relative;z-index:20;}
.canv{width:80%;height:75%;position:absolute;left:10%;right:10%;top:13.5%;bottom: 10%;z-index: 99;pointer-events:none;}
/* 兼容iphone6 plus */
@media (max-height:672px) and (-webkit-min-device-pixel-ratio:3.0){
.p1-sun{position:absolute;background:url(../images/P1_ri.png) no-repeat;background-size:100%;width:17rem;height:17rem;left:-20%;top:-10%;animation: sunRound 20s linear infinite; opacity:1}
.p2-lazhu{position:absolute;background:url(../images/P2-lazhu01.png) no-repeat;background-size:cover;width:3rem;height:6rem;top:70%;left:46%;animation: lazhu 1s steps(2) infinite;}

}
/*太阳旋转*/

@keyframes sunRound {
  10% {
	transform:rotate(0deg)
  }
  100% {
    transform:rotate(360deg)
  }
}

/*白云*/
/*Time to animate*/
.x1 {-webkit-animation: moveclouds 10s linear infinite;}
/*variable speed, opacity, and position of clouds for realistic effect*/
.x2 {-webkit-animation: moveclouds 15s linear infinite;}
.x3 {-webkit-animation: moveclouds 20s linear infinite;}
@-webkit-keyframes moveclouds {
	0% {margin-left: 200px;}
	100% {margin-left: -300px;}
}

/*loading*/
.spinner{margin:75pt auto;width:50px;height:60px;text-align:center;font-size:10px}
.spinner>div{display:inline-block;width:6px;height:100%;background-color:#67cf22;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}
.spinner .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}
.spinner .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}
.spinner .rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}
.spinner .rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}
@-webkit-keyframes stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4)}
20%{-webkit-transform:scaleY(1)}
}
@keyframes stretchdelay{0%,40%,to{-webkit-transform:scaleY(.4);transform:scaleY(.4)}
20%{-webkit-transform:scaleY(1);transform:scaleY(1)}
}

/*music*/
@-webkit-keyframes op{0%{opacity:1}50%{opacity:0.5}100%{opacity:1}}
@-webkit-keyframes qn{0%{-webkit-transform:rotateZ(0deg)}50%{-webkit-transform:rotateZ(70deg)}100%{-webkit-transform:rotateZ(0deg)}}
@-webkit-keyframes qw{0%{-webkit-transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(-360deg)}}
@-webkit-keyframes rotate{0%{-webkit-transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg)}}
@-webkit-keyframes py{0%{-webkit-transform: translate(0,-5px)}50%{-webkit-transform: translate(0,5px)}100%{-webkit-transform: translate(0,-5px)}}
@-webkit-keyframes down{0%{-webkit-transform:translate(0,0px);opacity:0.8;}70%{-webkit-transform:translate(0,50px);opacity:0;}99%{-webkit-transform:translate(0,50px);opacity:0;}100%{-webkit-transform:translate(0,0px);opacity:0.8;}}
@-webkit-keyframes go{0%{-webkit-transform:translate(0,0)}50%{-webkit-transform:translate(0,-10px)}100%{-webkit-transform:translate(0,0)}}
.ro{-webkit-animation:rotate 5s linear 0s infinite;}

.music{width:8%;height:auto;position:absolute;top:15px;left:15px;z-index:9999;cursor:pointer;}
.music-p{width:140%;height:auto;position:absolute;top:-30%;right:-30%;}
.music img,.music-p img{width:100%;height:auto;}
.max-640{max-width: 640px;position:relative;margin:0 auto;height:100%;width:100%;background:#e60012;}
/*烟花效果*/
.yanhua1{bottom:95px;left:-70px;}
.yanhua2{bottom:80px;right:-70px;}
.p6-box{z-index:998;background:url(../images/H5.jpg) no-repeat;background-size:100% 100%;}
.p6-box .flower{z-index: 1}
.p6-box .denglong{z-index: 1;}