@charset "utf-8";
html{min-width: 1200px;}
body{ margin:0; padding:0; font-size:12px; font-family:"微软雅黑",Arial, Helvetica, sans-serif; background-color:#ffffff;color: #000;font-size: 14px;}
div,p,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,textarea,table,td{ margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
area{outline:none;}
img{ border:0;}
ol,ul{list-style:none;}
a{outline:none;color:#000;text-decoration: none;}
a:hover{ text-decoration:none;}
.clearfix:after {content:"";display:block;height:0;clear:both;visibility: hidden;}
.clearfix {zoom:1;}
.tac{text-align: center}
.indexbg{width: 100%;height:1080px;background: url(../images/coverbg_1.jpg) no-repeat center top;position: relative;}
.rel1200{width: 1200px;margin: 0 auto;position: relative;height: 100%;}
.top-nav{position: absolute;right: 0;top:44px;z-index: 333;}
.top-nav a{float: left;width: 136px;height: 42px;text-indent: -9999px;margin-left:26px;background-image: url(../images/top-btn_1.png);background-repeat: no-repeat;}
.top-nav a:hover{background-image: url(../images/top-btn-hover_1.png);}
.top-nav1{background-position:0 0; }
.top-nav2{background-position:-159px 0; }
.snow-container{ width:100%; height:100%;position: absolute;left: 0;top:0;}
.cloud_box{ position:absolute; width:100%; height:100%; left:0; top:0; overflow:hidden;}
.slogan-box{position: absolute;left: 0;top:178px;z-index: 3;}
.slogan-box1{left: -300px;top:50px;opacity: 0;}
.slogan-box div{position: absolute;opacity: 0;}
.slogan1{left: 93px;top:25px;width: 267px;height: 236px;background: url(../images/slogan1.png) no-repeat center;}
.slogan2{left:91px;top:22px;width: 442px;height: 211px;background: url(../images/slogan2.png) no-repeat center;}
.slogan3{left: 359px;top:24px;width: 263px;height: 230px;background: url(../images/slogan3.png) no-repeat center;}
.slogan4{left: 483px;top:5px;width: 162px;height: 185px;background: url(../images/slogan4.png) no-repeat center;}
.slogan5{left: 602px;top:13px;width: 267px;height: 236px;background: url(../images/slogan5.png) no-repeat center;}
.slogan6{left: 657px;top:20px;width: 267px;height: 236px;background: url(../images/slogan6.png) no-repeat center;}
.slogan7{left: 809px;top:22px;width: 350px;height: 270px;background: url(../images/slogan7.png) no-repeat center;}
.slogan8{left: 1085px;top:30px;width: 71px;height: 137px;background: url(../images/slogan8.png) no-repeat center;} 
.slogan9{position:absolute;opacity:0;left: 310px;top:440px;width: 596px;height: 82px;background: url(../images/slogan9_1.png) no-repeat center;} 
.indextab{position: absolute;left: 0;top:627px;}
.indextab a{display: block;position: absolute;}
.indextab a img{display: block; /*transform: rotateY(0);-moz-transform: rotateY(0);-ms-transform: rotateY(0);-webkit-transform: rotateY(0);-o-transform: rotateY(0);
	transition: all .5s ease-in-out;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;*/
	transform-origin: 144px center;-webkit-transform-origin: 144px center;-moz-transform-origin: 144px center;-ms-transform-origin: 144px center;-o-transform-origin: 144px center;
}
.indextab a:hover img{animation:rotate 0.5s ease-in-out both;-webkit-animation:rotate 0.5s ease-in-out both;-moz-animation:rotate 0.5s ease-in-out both;-ms-animation:rotate 0.5s ease-in-out both;transform: rotateY(0);-webkit-transform: rotateY(0);-moz-transform: rotateY(0);-ms-transform: rotateY(0);}
.none{display: none;}
.music_switch{ position: absolute; top: 47px; right: 322px; width: 37px; height: 35px; text-align: center; border: 1px solid #ad947d;display: block;z-index: 333;}
.music_switch em{ width: 3px; height: 22px; border-radius: 3px; background: #ad947d; margin: 6px 2px; display: inline-block;
	-webkit-transform-origin:50% 100%;
	-moz-transform-origin:50% 100%;
	-ms-transform-origin:50% 100%;
	transform-origin:50% 100%
}
.music_switch.on em:nth-child(1){
	-webkit-animation:higtLow linear 1s alternate infinite;
	-moz-animation:higtLow linear 1s alternate infinite;
	-ms-animation:higtLow linear 1s alternate infinite;
	animation:higtLow linear 1s alternate infinite
}
.music_switch.on em:nth-child(2){
	-webkit-animation:higtLow linear 1s .3s alternate infinite;
	-moz-animation:higtLow linear 1s .3s alternate infinite;
	-ms-animation:higtLow linear 1s .3s alternate infinite;
	animation:higtLow linear 1s .3s alternate infinite
}
.music_switch.on em:nth-child(3){
	-webkit-animation:higtLow linear 1s .6s alternate infinite;
	-moz-animation:higtLow linear 1s .6s alternate infinite;
	-ms-animation:higtLow linear 1s .6s alternate infinite;
	animation:higtLow linear 1s .6s alternate infinite
}
.music_switch.on em:nth-child(4){
	-webkit-animation:higtLow linear 1s .9s alternate infinite;
	-moz-animation:higtLow linear 1s .9s alternate infinite;
	-ms-animation:higtLow linear 1s .9s alternate infinite;
	animation:higtLow linear 1s .9s alternate infinite
}
.music_switch.off em{
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-ms-animation-play-state:paused;
	animation-play-state:paused
}
@keyframes higtLow {
		0% {
		-webkit-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-ms-transform:scale(1,1);
		transform:scale(1,1)
	}
	100% {
		-webkit-transform:scale(1,.3);
		-moz-transform:scale(1,.3);
		-ms-transform:scale(1,.3);
		transform:scale(1,.3)
	}
}
@-moz-keyframes higtLow {
		0% {
		-webkit-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-ms-transform:scale(1,1);
		transform:scale(1,1)
	}
	100% {
		-webkit-transform:scale(1,.3);
		-moz-transform:scale(1,.3);
		-ms-transform:scale(1,.3);
		transform:scale(1,.3)
	}
}
@-webkit-keyframes higtLow {
		0% {
		-webkit-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-ms-transform:scale(1,1);
		transform:scale(1,1)
	}
	100% {
		-webkit-transform:scale(1,.3);
		-moz-transform:scale(1,.3);
		-ms-transform:scale(1,.3);
		transform:scale(1,.3)
	}
}
@-o-keyframes higtLow {
		0% {
		-webkit-transform:scale(1,1);
		-moz-transform:scale(1,1);
		-ms-transform:scale(1,1);
		transform:scale(1,1)
	}
	100% {
		-webkit-transform:scale(1,.3);
		-moz-transform:scale(1,.3);
		-ms-transform:scale(1,.3);
		transform:scale(1,.3)
	}
}

.animated {
	-webkit-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
@keyframes rotate{
	0%{transform: rotateY(0);}
  100%{transform: rotateY(360deg);}
}
@-webkit-keyframes rotate{
	0%{-webkit-transform: rotateY(0);}
  100%{-webkit-transform: rotateY(360deg);}
}
@-moz-keyframes rotate{
	0%{-moz-transform: rotateY(0);}
  100%{-moz-transform: rotateY(360deg);}
}
.indextab .indextab1{left: 0;top:20px;}
.indextab .indextab2{left: 311px;top:-2px;}
.indextab .indextab3{left: 624px;top:6px;}
.indextab .indextab4{left: 935px;top:31px;}

.cloud1,.cloud2{ position:absolute; left:0; top:200px;}
.cloud3{ position:absolute; left:0; top:400px;}
.cloud1 {
	width: 1209px;
	height: 600px;
	background: url(../images/yun1_1.png) no-repeat;
	-webkit-animation: cloud1 20s linear infinite;
	-moz-animation: cloud1 20s linear infinite;
	-ms-animation: cloud1 20s linear infinite;
	animation: cloud1 20s linear infinite
}

@-webkit-keyframes cloud1 {
	0% {
		-webkit-transform: translate(1800px,0);
		-moz-transform: translate(1800px,0);
		-ms-transform: translate(1800px,0);
		transform: translate(1800px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	20% {
		opacity: .9;
		filter: alpha(opacity=90)
	}

	70% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-ms-transform: translate(-100px,0);
		transform: translate(-100px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-moz-keyframes cloud1 {
	0% {
		-webkit-transform: translate(1800px,0);
		-moz-transform: translate(1800px,0);
		-ms-transform: translate(1800px,0);
		transform: translate(1800px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	20% {
		opacity: .9;
		filter: alpha(opacity=90)
	}

	70% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-ms-transform: translate(-100px,0);
		transform: translate(-100px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-o-keyframes cloud1 {
	0% {
		-webkit-transform: translate(1800px,0);
		-moz-transform: translate(1800px,0);
		-ms-transform: translate(1800px,0);
		transform: translate(1800px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	20% {
		opacity: .9;
		filter: alpha(opacity=90)
	}

	70% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-ms-transform: translate(-100px,0);
		transform: translate(-100px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-ms-keyframes cloud1 {
	0% {
		-webkit-transform: translate(1800px,0);
		-moz-transform: translate(1800px,0);
		-ms-transform: translate(1800px,0);
		transform: translate(1800px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	20% {
		opacity: .9;
		filter: alpha(opacity=90)
	}

	70% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-ms-transform: translate(-100px,0);
		transform: translate(-100px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@keyframes cloud1 {
	0% {
		-webkit-transform: translate(1800px,0);
		-moz-transform: translate(1800px,0);
		-ms-transform: translate(1800px,0);
		transform: translate(1800px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	20% {
		opacity: .9;
		filter: alpha(opacity=90)
	}

	70% {
		-webkit-transform: translate(0,0);
		-moz-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-100px,0);
		-moz-transform: translate(-100px,0);
		-ms-transform: translate(-100px,0);
		transform: translate(-100px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

.cloud2 {
	width: 726px;
	height: 362px;
	background: url(../images/yun2_1.png) no-repeat;
	-webkit-animation: cloud2 8s linear infinite;
	-moz-animation: cloud2 8s linear infinite;
	-ms-animation: cloud2 8s linear infinite;
	animation: cloud2 8s linear infinite
}

@-webkit-keyframes cloud2 {
	0% {
		-webkit-transform: translate(500px,-60px);
		-moz-transform: translate(500px,-60px);
		-ms-transform: translate(500px,-60px);
		transform: translate(500px,-60px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	10% {
		opacity: .8;
		filter: alpha(opacity=80)
	}

	70% {
		-webkit-transform: translate(40px,-10px);
		-moz-transform: translate(40px,-10px);
		-ms-transform: translate(40px,-10px);
		transform: translate(40px,-10px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-150px,0);
		-moz-transform: translate(-150px,0);
		-ms-transform: translate(-150px,0);
		transform: translate(-150px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-moz-keyframes cloud2 {
	0% {
		-webkit-transform: translate(500px,-60px);
		-moz-transform: translate(500px,-60px);
		-ms-transform: translate(500px,-60px);
		transform: translate(500px,-60px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	10% {
		opacity: .8;
		filter: alpha(opacity=80)
	}

	70% {
		-webkit-transform: translate(40px,-10px);
		-moz-transform: translate(40px,-10px);
		-ms-transform: translate(40px,-10px);
		transform: translate(40px,-10px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-150px,0);
		-moz-transform: translate(-150px,0);
		-ms-transform: translate(-150px,0);
		transform: translate(-150px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-o-keyframes cloud2 {
	0% {
		-webkit-transform: translate(500px,-60px);
		-moz-transform: translate(500px,-60px);
		-ms-transform: translate(500px,-60px);
		transform: translate(500px,-60px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	10% {
		opacity: .8;
		filter: alpha(opacity=80)
	}

	70% {
		-webkit-transform: translate(40px,-10px);
		-moz-transform: translate(40px,-10px);
		-ms-transform: translate(40px,-10px);
		transform: translate(40px,-10px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-150px,0);
		-moz-transform: translate(-150px,0);
		-ms-transform: translate(-150px,0);
		transform: translate(-150px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-ms-keyframes cloud2 {
	0% {
		-webkit-transform: translate(500px,-60px);
		-moz-transform: translate(500px,-60px);
		-ms-transform: translate(500px,-60px);
		transform: translate(500px,-60px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	10% {
		opacity: .8;
		filter: alpha(opacity=80)
	}

	70% {
		-webkit-transform: translate(40px,-10px);
		-moz-transform: translate(40px,-10px);
		-ms-transform: translate(40px,-10px);
		transform: translate(40px,-10px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-150px,0);
		-moz-transform: translate(-150px,0);
		-ms-transform: translate(-150px,0);
		transform: translate(-150px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@keyframes cloud2 {
	0% {
		-webkit-transform: translate(500px,-60px);
		-moz-transform: translate(500px,-60px);
		-ms-transform: translate(500px,-60px);
		transform: translate(500px,-60px);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	10% {
		opacity: .8;
		filter: alpha(opacity=80)
	}

	70% {
		-webkit-transform: translate(40px,-10px);
		-moz-transform: translate(40px,-10px);
		-ms-transform: translate(40px,-10px);
		transform: translate(40px,-10px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-150px,0);
		-moz-transform: translate(-150px,0);
		-ms-transform: translate(-150px,0);
		transform: translate(-150px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

.cloud3 {
	width: 1920px;
	height: 495px;
	background: url(../images/yun3_1.png) no-repeat;
	top: auto;
	bottom: 0;
	-webkit-animation: cloud3 12s linear infinite;
	-moz-animation: cloud3 12s linear infinite;
	-ms-animation: cloud3 12s linear infinite;
	animation: cloud3 12s linear infinite
}

@-webkit-keyframes cloud3 {
	0% {
		-webkit-transform: translate(600px,0);
		-moz-transform: translate(600px,0);
		-ms-transform: translate(600px,0);
		transform: translate(600px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	30% {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	70% {
		-webkit-transform: translate(-500px,4px);
		-moz-transform: translate(-500px,4px);
		-ms-transform: translate(-500px,4px);
		transform: translate(-500px,4px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-900px,30px);
		-moz-transform: translate(-900px,30px);
		-ms-transform: translate(-900px,30px);
		transform: translate(-900px,30px);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-moz-keyframes cloud3 {
	0% {
		-webkit-transform: translate(600px,0);
		-moz-transform: translate(600px,0);
		-ms-transform: translate(600px,0);
		transform: translate(600px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	30% {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	70% {
		-webkit-transform: translate(-500px,4px);
		-moz-transform: translate(-500px,4px);
		-ms-transform: translate(-500px,4px);
		transform: translate(-500px,4px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-900px,30px);
		-moz-transform: translate(-900px,30px);
		-ms-transform: translate(-900px,30px);
		transform: translate(-900px,30px);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-o-keyframes cloud3 {
	0% {
		-webkit-transform: translate(600px,0);
		-moz-transform: translate(600px,0);
		-ms-transform: translate(600px,0);
		transform: translate(600px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	30% {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	70% {
		-webkit-transform: translate(-500px,4px);
		-moz-transform: translate(-500px,4px);
		-ms-transform: translate(-500px,4px);
		transform: translate(-500px,4px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-900px,30px);
		-moz-transform: translate(-900px,30px);
		-ms-transform: translate(-900px,30px);
		transform: translate(-900px,30px);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@-ms-keyframes cloud3 {
	0% {
		-webkit-transform: translate(600px,0);
		-moz-transform: translate(600px,0);
		-ms-transform: translate(600px,0);
		transform: translate(600px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	30% {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	70% {
		-webkit-transform: translate(-500px,4px);
		-moz-transform: translate(-500px,4px);
		-ms-transform: translate(-500px,4px);
		transform: translate(-500px,4px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-900px,30px);
		-moz-transform: translate(-900px,30px);
		-ms-transform: translate(-900px,30px);
		transform: translate(-900px,30px);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@keyframes cloud3 {
	0% {
		-webkit-transform: translate(600px,0);
		-moz-transform: translate(600px,0);
		-ms-transform: translate(600px,0);
		transform: translate(600px,0);
		opacity: 0;
		filter: alpha(opacity=0)
	}

	30% {
		opacity: .5;
		filter: alpha(opacity=50)
	}

	70% {
		-webkit-transform: translate(-500px,4px);
		-moz-transform: translate(-500px,4px);
		-ms-transform: translate(-500px,4px);
		transform: translate(-500px,4px);
		opacity: 1;
		filter: alpha(opacity=100)
	}

	100% {
		-webkit-transform: translate(-900px,30px);
		-moz-transform: translate(-900px,30px);
		-ms-transform: translate(-900px,30px);
		transform: translate(-900px,30px);
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

.masky {
	width: 100%;
	height: 100%;
	-webkit-mask: url(http://sdxl2.laohu.com/_s/award/mask.png) center bottom no-repeat;
	-webkit-mask-size: 4000% 100%;
	will-change: transform;
}
.masky.show {
	-webkit-animation: masky 3s steps(39) forwards;
	-ms-animation: masky 3s steps(39) forwards;
	animation: masky 3s steps(39) forwards;
	z-index: 10;
	display: block
}
@-webkit-keyframes masky {
	0% {
		-webkit-mask-position: 0 0
	}

	100% {
		-webkit-mask-position: 100% 0
	}
}

@-ms-keyframes masky {
	0% {
		-webkit-mask-position: 0 0
	}

	100% {
		-webkit-mask-position: 100% 0
	}
}
@keyframes masky {
	0% {
		-webkit-mask-position: 0 0
	}

	100% {
		-webkit-mask-position: 100% 0
	}
}
.floatIn{animation:floatIn 1s ease both;-webkit-animation:floatIn 1s ease  both;-moz-animation:floatIn 1s ease both;}
.delay1{animation-delay:0.1s;}
.delay2{animation-delay:0.3s;}
.delay3{animation-delay:0.5s;}
.delay4{animation-delay:0.7s;}
.delay5{animation-delay:0.9s;}
.delay6{animation-delay:1.1s;}
.delay7{animation-delay:1.3s;}
.delay8{animation-delay:1.5s;}
.upShow{animation:upShow 1s ease 2s both;-webkit-animation:upShow 1s ease 2s both;-moz-animation:upShow 1s ease 2s both;}
@keyframes upShow{
	0%{transform:translateY(100px);opacity: 0;}
  100%{transform:translateY(0);opacity:1;}
}
@-webkit-keyframes upShow{
	0%{-webkit-transform:translateY(100px);opacity: 0;}
  100%{-webkit-transform:translateY(0);opacity:1;}
}
@-moz-keyframes upShow{
	0%{-moz-transform:translateY(100px);opacity: 0;}
  100%{-moz-transform:translateY(0);opacity:1;}
}
@keyframes floatIn{
	0%{opacity:0;transform:translateX(1500px)}
  100%{opacity:1;transform:translateX(0)}
}
@-webkit-keyframes floatIn{
	0%{opacity:0;-webkit-transform:translateX(1500px);}
  100%{opacity:1;-webkit-transform:translateX(0)}
}
@-moz-keyframes floatIn{
	0%{opacity:0;-moz-transform:translateX(1500px);}
  100%{opacity:1;-moz-transform:translateX(0)}
}
.fadeIn{animation:fadeIn 2s ease 2s both;-webkit-animation:fadeIn 2s ease 2s both;-moz-animation:fadeIn 2s ease 2s both;}
@keyframes fadeIn{
	0%{opacity:0;}
  100%{opacity:1;}
}
@-webkit-keyframes fadeIn{
	0%{opacity:0;}
  100%{opacity:1;}
}
@-moz-keyframes fadeIn{
	0%{opacity:0;}
  100%{opacity:1;}
}
.bigger{animation:bigger 0.5s ease 2.5s both;-webkit-animation:bigger 0.5s ease 2.5s both;-moz-animation:bigger 0.5s ease 2.5s both;}
@keyframes bigger{
	0%{transform: scale(1) translateX(0) translateY(0);opacity: 1;}
  100%{transform: scale(2) translateX(-300px) translateY(-100px);opacity: 0;}
}
@-webkit-keyframes bigger{
	0%{-webkit-transform: scale(1) translateX(0) translateY(0);opacity: 1;}
  100%{-webkit-transform: scale(2) translateX(-300px) translateY(-100px);opacity: 0;}
}
@-moz-keyframes bigger{
	0%{-moz-transform: scale(1) translateX(0) translateY(0);opacity: 1;}
  100%{-moz-transform: scale(2) translateX(-300px) translateY(-100px);opacity: 0;}
}
.backbg{width: 100%;background:#ffffff url(../images/back-bg.jpg) no-repeat center top;min-height: 2000px;height:auto;background-attachment: fixed;}
.temp-nav{position: fixed;left:56px;top:50%;margin-top: -205px;width:136px;height:411px;background: url(../images/temp-nav.png) no-repeat center;z-index: 3333;}
.temp-nav a{position: absolute;left: 12px;width: 136px;height: 42px;text-indent: -99999px;}
.temp-nav a:hover,.temp-nav a.on{background-image: url(../images/temp-nav-hover.png);}
.temp-nav a.temp-nav1{top:0;}
.temp-nav a.temp-nav1:hover{background-position: 0 0;}
.temp-nav a.temp-nav2{top:94px;}
.temp-nav a.temp-nav2:hover,.temp-nav a.temp-nav2.on{background-position: 0 -94px;}
.temp-nav a.temp-nav3{top:184px;}
.temp-nav a.temp-nav3:hover,.temp-nav a.temp-nav3.on{background-position: 0 -184px;}
.temp-nav a.temp-nav4{top:278px;}
.temp-nav a.temp-nav4:hover,.temp-nav a.temp-nav4.on{background-position: 0 -278px;}
.temp-nav a.temp-nav5{top:370px;}
.temp-nav a.temp-nav5:hover,.temp-nav a.temp-nav5.on{background-position: 0 -370px;}
.back-box{padding-top: 320px;width:100%;height:auto;padding-bottom: 100px;}
.back-nav{width: 717px;margin:0 auto;}
.back-nav a{float: left;width: 203px;height: 175px;margin: 0 18px;text-indent: -9999px;background-repeat: no-repeat;background-position: center;}
.back-nav a.back-nav1{background-image: url(../images/back-nav1.png);}
.back-nav a.back-nav2{background-image: url(../images/back-nav2.png);}
.back-nav a.back-nav3{background-image: url(../images/back-nav3.png);}
.back-nav a.back-nav1:hover,.back-nav a.back-nav1.on{background-image: url(../images/back-nav1-hover.png);}
.back-nav a.back-nav2:hover,.back-nav a.back-nav2.on{background-image: url(../images/back-nav2-hover.png);}
.back-nav a.back-nav3:hover,.back-nav a.back-nav3.on{background-image: url(../images/back-nav3-hover.png);}
#grid[data-columns]::before {
	content: '4 .column.size-1of4';
}
#grid{margin-left: -20px;margin-top: 32px;overflow: hidden;}
/* These are the classes that are going to be applied: */
.column { float: left;margin:0 0 0 20px;}
.size-1of3 { width: 25%; }
.grid-item{position: relative;margin-bottom: 20px;width:25%;}
.grid-item a{display: block;width: 285px;height: 100%;}
.grid-item a img{display: block;width: 100%;height: 100%;}
.grid-item p{position: absolute;left: 0;bottom: 0;width:285px;height:40px;line-height:40px;z-index: 2;background: rgba(0,0,0,0.5);font-size: 16px;color: #fff;text-indent: 18px;}
.lb-data .lb-number{opacity: 0;}
.backvideo-box{width: 854px;height: 576px;margin:32px auto 0;background: url(../images/back-video-bg.png) no-repeat center;position: relative;}
.video-box{position: absolute;width: 800px;height: 490px;top:30px;left: 30px;cursor: pointer;}
.video-box:hover:after{opacity: 1;}
.video-box.on:after{background-image: url(../images/btn-pause.png);}
.video-box:after {
    content: "";
    background: url("../images/play-btn.png") 50% 50% no-repeat rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    opacity: 0;
    transition: opacity .3s; }
.video-box video{width: 100%;height: 100%;}
.video-name{position: absolute;left: 0;bottom: 0;width: 100%;height: 42px;line-height: 42px;text-align: center;background: rgba(0,0,0,0.5);color: #fff;z-index: 2;font-size: 16px;}
.video-shade{position: absolute;left: 0;top: 0;width: 800px;height: 490px;z-index: 1;cursor: pointer;}
.video-shade span{display: block;position: absolute;left: 50%;top:50%;width: 78px;height: 78px;margin-top: -39px;margin-left: -39px;z-index: 2;background: url(../images/btn-viedo.png) no-repeat center;}

.partnerbg{width: 100%;height: 1600px;background: url(../images/parter-bg.jpg) no-repeat center top;}
.partner-box{padding-top: 397px;}
.title-partner{margin-left:320px;width: 499px;height: 75px;background: url(../images/title-parter.png) no-repeat center;}
.partner-cont{margin:43px auto 0;padding:50px;width:649px;height: 447px;background: url(../images/parter-box.png) no-repeat center; }
.partner-cont p{font-size: 16px;color: #6a502f;line-height: 2em;text-indent: 2em;}
.title-qq{margin:35px auto;width: 369px;height: 40px;line-height: 40px;text-align: center;font-size: 18px;color: #6a502f;background: url(../images/title-qq.png) no-repeat center;}
.code-list {margin-left: -22px;}
.code-list li{float: left;margin-left: 20px;position: relative;}
.code-list li span{display: block;padding:7px;width: 100px;height: 100px;background: url(../images/codebg.png) no-repeat center;}
.code-list li span img{width: 100px;height: 100px;}
.code-list li p{position:absolute;left:-20px;top:120px;width:150px;text-align: center;line-height: 20px;text-indent: 0;}
.btn-qq{display: block;margin: 5px auto;width: 111px;height: 30px;background: url(../images/btn-qq.png) no-repeat center;}
.act-box {background: url("../images/act-tit.png") 50% 154px no-repeat;padding-top: 306px;}
.act-nav{text-align: center}
.act-nav a{display:inline-block; margin:0 18px;width: 203px;height: 175px;margin: 0 18px;text-indent: -9999px;background-repeat: no-repeat;background-position: center;}
.act-nav a.act-nav1{background-image: url(../images/act-nav1.png);}
.act-nav a.act-nav2{background-image: url(../images/act-nav2.png);}
.act-nav a.act-nav1:hover,.act-nav a.act-nav1.on{background-image: url(../images/act-nav1-hover.png);}
.act-nav a.act-nav2:hover,.act-nav a.act-nav2.on{background-image: url(../images/act-nav2-hover.png);}
.act-nav a.act-nav3{background-image: url(../images/act-nav3.png);}
.act-nav a.act-nav4{background-image: url(../images/act-nav4.png);}
.act-nav a.act-nav3:hover,.act-nav a.act-nav3.on{background-image: url(../images/act-nav3-hover.png);}
.act-nav a.act-nav4:hover,.act-nav a.act-nav4.on{background-image: url(../images/act-nav4-hover.png);}
.act-box1{background: url("../images/act-cnt-bg1.png"); width: 1103px; height: 1819px; margin:30px auto 0;}
.actbg{background: url("../images/actbgb.jpg") 50% 100% no-repeat; padding-bottom: 168px; position: relative;color:#6a502f; font-size: 16px; line-height: 32px;}
.actbg:before{content:''; position:absolute; width:100%; height:922px; left:0; top:0;background: url("../images/actbgt.jpg") 50% 0 no-repeat;  z-index: 0}
.actbg.act2{background-position: 50% 922px;}
.actbg.act2 .rel1200{}
.act-box1 h2{color:#6a502f; font-size: 18px; padding-top: 60px; height: 62px; text-align: center}
.act-box1 .qr-box{}
.act-cnt{width: 980px; margin:0 auto}
.act-cnt .spe{color:#e55c40}
.fs18{font-size: 18px;}
.prize-pic{padding:40px 0 20px;}
.prize-pic span{margin:0 40px; display: inline-block; vertical-align: top; }
.prize-pic span img{vertical-align: top}
.prize-pic span b{display: block; line-height: 30px; font-weight: 400; }
.act-box2{background: url("../images/act-cnt-bg2.png") 50% 0 no-repeat; width: 1100px; height: 598px;margin:30px auto 0;}
.act-box2 .act-cnt{padding-top: 56px; height: 318px;}
.act-box2 .join-btn{display: inline-block;font-size: 0; background: url("../images/btn-join.png") 0 0 no-repeat; width: 299px; height: 70px}
.act-box2 .join-btn:hover{background-position: 0 -90px;}