.m-animationCloudBg {
	height:100%;
	background:url(img/animationCloudBg/bg.jpg);
	position:relative;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:0;
	overflow:hidden
}
.m-animationCloudBg i {
	width:640px;
	height:300px;
	display:block;
	position:absolute;
	opacity:0;
	z-index:0!important
}
.m-animationCloudBg i:nth-child(1) {
background:url(img/animationCloudBg/cloud1.png);
top:50px;
left:-100px;
-webkit-animation:animationCloudBg 1s linear infinite;
-webkit-animation-delay:2s
}
.m-animationCloudBg i:nth-child(2) {
background:url(img/animationCloudBg/cloud2.png);
top:100px;
left:-50px;
-webkit-animation:animationCloudBg 2s linear infinite;
-webkit-animation-delay:1s
}
.m-animationCloudBg i:nth-child(3) {
background:url(img/animationCloudBg/cloud3.png);
top:150px;
left:-0px;
-webkit-animation:animationCloudBg 4s linear infinite;
-webkit-animation-delay:0s
}
.m-animationCloudBg i:nth-child(4) {
background:url(img/animationCloudBg/cloud4.png);
top:200px;
left:50px;
-webkit-animation:animationCloudBg 2s linear infinite;
-webkit-animation-delay:2s
}
.m-animationCloudBg i:nth-child(5) {
background:url(img/animationCloudBg/cloud5.png);
top:250px;
left:-50px;
-webkit-animation:animationCloudBg 1.2s linear infinite;
-webkit-animation-delay:3s
}
.m-animationCloudBg i:nth-child(6) {
background:url(img/animationCloudBg/cloud6.png);
top:300px;
left:20px;
-webkit-animation:animationCloudBg 3s linear infinite;
-webkit-animation-delay:1s
}
.m-animationCloudBg i:nth-child(7) {
background:url(img/animationCloudBg/cloud1.png);
top:350px;
left:80px;
-webkit-animation:animationCloudBg 4.5s linear infinite;
-webkit-animation-delay:0s
}
.m-animationCloudBg i:nth-child(8) {
background:url(img/animationCloudBg/cloud2.png);
top:400px;
left:-10px;
-webkit-animation:animationCloudBg 2.8s linear infinite;
-webkit-animation-delay:1s
}
.m-animationCloudBg i:nth-child(9) {
background:url(img/animationCloudBg/cloud3.png);
top:350px;
left:80px;
-webkit-animation:animationCloudBg 1.6s linear infinite;
-webkit-animation-delay:2s
}
.m-animationCloudBg i:nth-child(10) {
background:url(img/animationCloudBg/cloud4.png);
top:20px;
left:-100px;
-webkit-animation:animationCloudBg 4s linear infinite;
-webkit-animation-delay:1s
}
.m-animationCloudBg i:nth-child(11) {
background:url(img/animationCloudBg/cloud5.png);
top:60px;
left:0;
-webkit-animation:animationCloudBg 2.5s linear infinite;
-webkit-animation-delay:2s
}
.m-animationCloudBg i:nth-child(12) {
background:url(img/animationCloudBg/cloud6.png);
top:0;
left:-50px;
-webkit-animation:animationCloudBg 3.2s linear infinite;
-webkit-animation-delay:0s
}
@-webkit-keyframes animationCloudBg {
0% {
-webkit-transform:scale(0.5) translate(-300px, 300px) rotateX(0deg) rotateY(0deg);
opacity:0
}
33% {
-webkit-transform:scale(1) translate(-80px, 80px) rotateX(20deg) rotateY(-20deg);
opacity:1
}
66% {
-webkit-transform:scale(1.5) translate(100px, -100px) rotateX(30deg) rotateY(-10deg);
opacity:.8
}
100% {
-webkit-transform:scale(1.8) translate(300px, -300px) rotateX(0deg) rotateY(0deg);
opacity:.6
}
}
.m-meteorShower {
	width:100%;
	height:100%;
	background:url(img/meteorShower/bg.jpg)
}
.m-meteorShower .star {
	display:block;
	position:absolute;
	width:46px;
	height:46px;
	background:url(img/meteorShower/meteor.png);
	-webkit-animation:star 1s linear infinite
}
.m-meteorShower .star.style1 {
	width:20px;
	height:20px;
	background-position:0 -137px
}
.m-meteorShower .star.style2 {
	width:43px;
	height:43px;
	background-position:-20px -137px
}
.m-meteorShower .star.style3 {
	width:42px;
	height:42px;
	background-position:-63px -137px
}
.m-meteorShower .star.style4 {
	width:50px;
	height:50px;
	background-position:-105px -137px
}
.m-meteorShower .meteor {
	display:block;
	position:absolute;
	width:255px;
	height:50px;
	background:url(img/meteorShower/meteor.png);
	-webkit-animation:meteor 1s linear infinite
}
.m-meteorShower .meteor.style1 {
	width:100px;
	height:20px;
	background-position:0 0
}
.m-meteorShower .meteor.style2 {
	width:150px;
	height:29px;
	background-position:0 -20px
}
.m-meteorShower .meteor.style3 {
	width:200px;
	height:39px;
	background-position:0 -49px
}
.m-meteorShower .meteor.style4 {
	width:256px;
	height:50px;
	background-position:0 -88px
}
@-webkit-keyframes star {
0% {
opacity:0;
-webkit-transform:scale(0.5)
}
60% {
opacity:1;
-webkit-transform:scale(1)
}
100% {
opacity:0;
-webkit-transform:scale(0.5)
}
}
@-webkit-keyframes meteor {
0% {
opacity:0;
-webkit-transform:rotate(40deg) translateX(0px) scale(0.2)
}
20% {
opacity:.7
}
80% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:rotate(40deg) translateX(500px) scale(1)
}
}
.m-foregroundImg {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	z-index:9997
}
.m-cascadingTeletext {
	width:640px;
	list-style:none;
	padding:0;
	margin:0;
	position:relative;
	box-sizing:border-box
}
.m-cascadingTeletext * {
	overflow:hidden!important
}
.m-cascadingTeletext li {
	padding:0;
	margin:0;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:none;
}
.m-cascadingTeletext li:nth-child(1) {
display:block;
z-index:3
}
.m-cascadingTeletext li:nth-child(2) {
display:block;
z-index:2
}
.m-cascadingTeletext li:nth-child(3) {
display:block;
z-index:1
}
.m-cascadingTeletext li img {
	width:580px;
	/*border-radius:5px;*/
	/*box-shadow:0 0 2px 0 #B8B8B8;*/
	/*border:1px solid #000;*/
	-webkit-transition:all .8s ease-out;
	-webkit-transform:rotateZ(30deg) scale(3) translate(80%, 80%);
	position:absolute;
	left:50%;
	top:30px;
	right:0;
	bottom:30px;
	margin-left:-290px
}
.m-cascadingTeletext.z-viewArea li:nth-child(1) img {
-webkit-transform:rotateZ(0deg) scale(1) translate(0%, 0);
-webkit-transition-delay:1s
}
.m-cascadingTeletext.z-viewArea li:nth-child(2) img {
-webkit-transform:rotateZ(1.6deg) scale(1) translate(0%, 0);
-webkit-transition-delay:.5s
}
.m-cascadingTeletext.z-viewArea li:nth-child(3) img {
-webkit-transform:rotateZ(3.2deg) scale(1) translate(0%, 0);
-webkit-transition-delay:0s
}
.m-cascadingTeletext li .imgText {
	font-size:26px;
	color:#fff;
	padding:12px 20px;
	margin:0;
	line-height:32px;
	box-sizing:border-box;
	background-color:rgba(0, 0, 0, .6);
-webkit-transition:all .3s;
-webkit-transition-delay:.1s;
	-webkit-transform:translateY(100%);
	position:absolute;
	left:0;
	bottom:0;
	right:0;
	visibility:hidden
}
.m-cascadingTeletext li:nth-child(1) .imgText {
z-index:3;
visibility:visible
}
.m-cascadingTeletext li:nth-child(2) .imgText {
z-index:2
}
.m-cascadingTeletext li:nth-child(3) .imgText {
z-index:1
}
.m-cascadingTeletext li.z-current .imgText {
	-webkit-transform:translateY(0%)
}
.m-cascadingTeletext li.z-hideToLeft img {
-webkit-animation:cascadingTeletext_hideToLeft .3s linear
}
.m-cascadingTeletext li.z-hideToLeft .imgText, .m-cascadingTeletext li.z-hideToRight .imgText {
	-webkit-transform:translateY(100%)
}
@-webkit-keyframes cascadingTeletext_hideToLeft {
0% {
-webkit-transform:translateX(0%)
}
100% {
-webkit-transform:translateX(-100%);
opacity:0
}
}
.m-cascadingTeletext li.z-hideToRight img {
-webkit-animation:cascadingTeletext_hideToRight .3s linear
}
@-webkit-keyframes cascadingTeletext_hideToRight {
0% {
-webkit-transform:translateX(0%)
}
100% {
-webkit-transform:translateX(100%);
opacity:0
}
}
.m-link {
	position:absolute;
	left:0;
	right:0;
	bottom:172px;
	text-align:center
}
.m-link .textLink {
	width:580px;
	height:98px;
	line-height:98px;
	margin:0 auto;
	color:#fff;
	font-size:35px;
	text-align:center;
	text-decoration:none;
	background:#43c9cb;
	border-radius:5px;
	display:inline-block;
-webkit-transition:all .3s
}
.m-link .textLink:active {
	background:#17babc
}
.m-link .imgLink {
	text-decoration:none;
	text-align:center
}
.m-weixinShareLayer {
	text-align:center
}
.m-btnPlay {
	display:block;
	width:77px;
	height:77px;
	position:absolute;
	left:50%;
	top:50%;
	margin:-34px;
	z-index:1
}
.m-btnPlay i, .m-btnPlay div {
	display:block;
	width:77px;
	height:77px;
	border-radius:50%;
	position:absolute;
	left:0;
	top:0
}
.m-btnPlay i {
	background:url(img/page-icons.png) 0 -96px;
	z-index:1
}
.m-btnPlay div {
	background:rgba(255, 255, 255, .6);
	z-index:0;
	-webkit-animation:video_btnPlay 1s linear infinite;
	opacity:0
}
@-webkit-keyframes video_btnPlay {
0% {
-webkit-transform:scale(1);
opacity:.8
}
100% {
-webkit-transform:scale(2);
opacity:0
}
}
.m-youkuVideo {
	width:100%;
	height:460px;
	margin-top:260px;
	background-color:#000
}
.m-youkuVideo .videoBody {
	background-color:rgba(0, 0, 0, .7);
	display:none;
-webkit-transition:all .8s;
	position:absolute;
	z-index:0;
	left:0;
	right:0;
	top:0;
	bottom:0
}
.m-youkuVideo .videoBody>* {
	width:640px!important;
	height:480px!important;
	margin-top:40%;
	margin-bottom:36%
}
.m-youkuVideo.z-showVideo .btnPlay {
	display:none
}
.m-youkuVideo.z-showVideo .videoBody {
	display:block
}
.m-distributedPoints {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}
.m-distributedPoints ul {
	width:100%;
	height:100%;
	list-style:none;
	padding:0;
	margin:0;
	position:relative
}
.m-distributedPoints ul li {
	position:absolute;
	left:50%;
	top:50%;
	text-align:center
}
.m-distributedPoints ul li h3 {
	margin:5px 0;
	padding:2px 6px;
	border-radius:20px;
	color:#fff;
	font-size:26px;
	font-weight:400;
	background:rgba(0, 0, 0, .3)
}
.m-distributedPoints ul li::after {
content:'';
display:inline-block;
width:51px;
height:60px;
background:url(img/page-icons.png) -96px -96px;
background-repeat:no-repeat
}
.m-distributedPoints ul li:nth-child(1)::after {
background-position:-96px -96px
}
.m-distributedPoints ul li:nth-child(2)::after {
background-position:-159px -96px
}
.m-distributedPoints ul li:nth-child(3)::after {
background-position:-222px -96px
}
.m-distributedPoints ul li:nth-child(4)::after {
background-position:-285px -96px
}
.m-distributedPoints ul li:nth-child(5)::after {
background-position:-96px -96px
}
.m-distributedPoints ul li:nth-child(6)::after {
background-position:-159px -96px
}
.m-distributedPoints ul li:nth-child(7)::after {
background-position:-222px -96px
}
.m-distributedPoints ul li:nth-child(8)::after {
background-position:-285px -96px
}
.m-distributedPoints ul li:nth-child(9)::after {
background-position:-96px -96px
}
.m-distributedPoints ul li:nth-child(10)::after {
background-position:-159px -96px
}
.m-distributedPoints ul li:nth-child(11)::after {
background-position:-222px -96px
}
.m-distributedPoints ul li:nth-child(12)::after {
background-position:-285px -96px
}
.m-distributedPoints ul li:nth-child(13)::after {
background-position:-96px -96px
}
.m-distributedPoints ul li:nth-child(14)::after {
background-position:-159px -96px
}
.m-distributedPoints ul li:nth-child(15)::after {
background-position:-222px -96px
}
.m-distributedPoints ul li:nth-child(16)::after {
background-position:-285px -96px
}
.m-distributedPoints ul li:nth-child(17)::after {
background-position:-96px -96px
}
.m-distributedPoints ul li:nth-child(18)::after {
background-position:-159px -96px
}
.m-distributedPoints ul li:nth-child(19)::after {
background-position:-222px -96px
}
.m-distributedPoints ul li:nth-child(20)::after {
background-position:-285px -96px
}
.m-distributedPoints ul li a {
	display:inline-block;
	width:63px;
	height:76px;
	background:url(img/page-icons.png) -90px -165px;
	background-repeat:no-repeat;
	position:absolute;
	bottom:-3px;
	-webkit-animation:distributedPoints_a 1s infinite
}
.m-distributedPoints ul li:nth-child(1) a {
background-position:-90px -165px
}
.m-distributedPoints ul li:nth-child(2) a {
background-position:-153px -165px
}
.m-distributedPoints ul li:nth-child(3) a {
background-position:-216px -165px
}
.m-distributedPoints ul li:nth-child(4) a {
background-position:-279px -165px
}
.m-distributedPoints ul li:nth-child(5) a {
background-position:-90px -165px
}
.m-distributedPoints ul li:nth-child(6) a {
background-position:-153px -165px
}
.m-distributedPoints ul li:nth-child(7) a {
background-position:-216px -165px
}
.m-distributedPoints ul li:nth-child(8) a {
background-position:-279px -165px
}
.m-distributedPoints ul li:nth-child(9) a {
background-position:-90px -165px
}
.m-distributedPoints ul li:nth-child(10) a {
background-position:-153px -165px
}
.m-distributedPoints ul li:nth-child(11) a {
background-position:-216px -165px
}
.m-distributedPoints ul li:nth-child(12) a {
background-position:-279px -165px
}
.m-distributedPoints ul li:nth-child(13) a {
background-position:-90px -165px
}
.m-distributedPoints ul li:nth-child(14) a {
background-position:-153px -165px
}
.m-distributedPoints ul li:nth-child(15) a {
background-position:-216px -165px
}
.m-distributedPoints ul li:nth-child(16) a {
background-position:-279px -165px
}
.m-distributedPoints ul li:nth-child(17) a {
background-position:-90px -165px
}
.m-distributedPoints ul li:nth-child(18) a {
background-position:-153px -165px
}
.m-distributedPoints ul li:nth-child(19) a {
background-position:-216px -165px
}
.m-distributedPoints ul li:nth-child(20) a {
background-position:-279px -165px
}
@-webkit-keyframes distributedPoints_a {
0% {
opacity:0
}
50% {
opacity:1
}
100% {
opacity:0
}
}
.m-contactInfo {
	width:582px;
	border-radius:2px;
	background-color:#fff;
	position:absolute;
	bottom:360px;
	left:50%;
	margin-left:-291px
}
.m-contactInfo dl {
	height:138px;
	line-height:138px;
	border-bottom:1px solid #3b3b46;
	width:500px;
	margin:0 auto;
	overflow:hidden
}
.m-contactInfo dl:last-child {
	border-bottom:0
}
.m-contactInfo dl dt {
	width:112px;
	text-indent:-9999px;
	float:left;
	line-height:48px
}
.m-contactInfo dl dt, .m-contactInfo dl dd {
	margin:0
}
.m-contactInfo dl dt::after {
content:'';
display:block;
width:48px;
height:48px;
background:url(img/page-icons.png) 0 0;
margin:0 auto
}
.m-contactInfo dl dt.icon-email::after {
background-position:0 0
}
.m-contactInfo dl dt.icon-tel::after {
background-position:-48px 0
}
.m-contactInfo dl dt.icon-weixin::after {
background-position:-96px 0
}
.m-contactInfo dl dd {
	padding-left:22px;
	float:left;
	width:366px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis
}
.m-contactInfo dl dd a {
	text-decoration:none;
	font-size:32px;
	color:#000
}
.m-contactUs {
	width:100%;
	text-align:center;
	position:absolute;
	bottom:200px
}
.m-contactUs a {
	text-decoration:none;
	display:block
}
.m-contactForm {
	width:582px;
	border-radius:2px;
	background:rgba(255, 255, 255, .9);
	margin:0;
	overflow:hidden
}
.m-contactForm h2 {
	font-size:30px;
	font-weight:400;
	width:495px;
	border:2px solid #44c9c8;
	border-top:0;
	margin:75px auto 0;
	height:2px;
	padding-top:3px;
	text-align:center
}
.m-contactForm h2 span {
	-webkit-transform:translateY(-45px);
	display:inline-block
}
.m-contactForm dl {
	width:495px;
	height:50px;
	margin:0 auto;
	margin-top:28px;
	overflow:hidden
}
.m-contactForm dl dt, .m-contactForm dl dd {
	float:left;
	margin:0;
	padding:0
}
.m-contactForm dl dt {
	text-indent:-9999px;
	width:58px;
	line-height:4px
}
.m-contactForm dl dt::after {
content:'';
display:block;
width:48px;
height:48px;
background:url(img/page-icons.png) 0 -48px
}
.m-contactForm dl dt.icon-name::after {
background-position:0 -48px
}
.m-contactForm dl dt.icon-sex::after {
background-position:-48px -48px
}
.m-contactForm dl dt.icon-tel::after {
background-position:-96px -48px
}
.m-contactForm dl dt.icon-company::after {
background-position:-144px -48px
}
.m-contactForm dl dt.icon-post::after {
background-position:-192px -48px
}
.m-contactForm dl dd {
	width:436px;
	line-height:49px;
	border-bottom:1px solid #9b9b9b;
	font-size:28px
}
.m-contactForm dl dd textarea, .m-contactForm dl dd input[type=text] {
	vertical-align:bottom;
	width:96%;
	height:36px;
	border:0;
	background:transparent
}
.m-contactForm dl dd input.z-error {
	color:#f85c5d
}
.m-contactForm dl dd label {
	margin:0 40px 0 20px
}
.m-contactForm dl dd input[type=radio] {
	border:3px solid #858585;
	-webkit-appearance:none;
	display:inline-block;
	width:20px;
	height:20px;
	line-height:9px;
	margin-right:8px;
	border-radius:50%;
	background:transparent;
	padding:2px;
	-webkit-transform:scale(1.5) translateY(1px)
}
.m-contactForm dl dd input[type=radio]::before {
content:'\2022';
font-size:30px;
display:table;
padding:0;
border:0;
color:transparent
}
.m-contactForm dl dd input[type=radio]:checked {
	border-color:#43c9ca
}
.m-contactForm dl dd input[type=radio]:checked::before {
color:#43c9ca
}
.m-contactForm .btn-submit {
	display:block;
	width:100%;
	height:98px;
	background-color:#43c9cc;
	border:0;
	border-top:1px solid #d4d8db;
	border-radius:0;
	margin:38px 0 0;
	line-height:98px;
	font-size:35px;
	color:#fff;
	letter-spacing:2px
}
.m-contactForm .btn-submit:disabled {
	background-color:#9e9fa1!important
}
.m-contactForm .btn-submit:active {
	background-color:#2FAEB1
}
.m-contactForm .successTipLayer p {
	width:498px;
	background:#FF6C6C;
	color:#fff;
	font-size:30px;
	border-radius:5px;
	line-height:36px;
	padding:32px 20px;
	box-sizing:border-box;
	margin:30% auto 0
}
.m-contactFormLayer>div {
	width:582px;
	padding:1px;
	padding-bottom:15px;
	margin:auto
}
.m-lightAppAd {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0, 0, 0, .6);
	display:block
}
.m-lightAppAd a {
	background:url(img/consult.png);
	display:block;
	width:100%;
	height:90px;
	margin:0 auto
}
.m-lightAppAd a.m-lightAppAd-link-guide, .m-lightAppAd-body {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
-webkit-transition:all .6s
}
.m-lightAppAd a.m-lightAppAd-link-guide {
	width:640px;
	height:50px;
	box-shadow:0 0 18px 0 #000
}
.m-lightAppAd-body {
	background-color:#f5f5f5;
	height:300px;
	box-sizing:border-box;
	-webkit-transform:translateY(100%)
}
.m-lightAppAd-title {
	width:640px;
	height:30px
}
.m-lightAppAd a.m-lightAppAd-link-get {
	background:url(img/consult-online.png) no-repeat center;
}
.m-lightAppAd a.m-lightAppAd-link-tel {
	background:url(img/consult-tel.png) no-repeat center;
	margin-top:42px
}
.m-lightAppAd.z-showBody {
	top:0
}
.m-lightAppAd.z-showBody .m-lightAppAd-body {
	-webkit-transform:translateY(0%)
}


.b-page9:nth-child(2) {
    left: 27px;
    top: 316px;
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
}