html {
	overflow-x:hidden
}
.main {
	width:100%;
	height:auto;
	min-width:1440px;
	background:#f3f5f7;
	overflow:hidden
}
.main a {
	text-decoration:none
}

.main .index-top {
	width:100%;
	height:760px;
	margin:0 auto;
	background:url(../images/top-bg.png) no-repeat center;
	background-size:cover;
	position:relative;
	overflow:hidden
}
.main .index-top .stars {
	width:15px;
	height:17px;
	background:url(../images/stars.png) no-repeat center;
	background-size:contain;
	-webkit-animation:shine 3s ease infinite;
	animation:shine 3s ease infinite
}
.main .index-top .earth {
	width:844px;
	height:844px;
	position:absolute;
	left:calc(50% - 422px);
	top:-520px;
	z-index:1001
}
.main .index-top .earth .ball {
	width:100%;
	height:100%;
	position:absolute;
	background:url(../images/earth.png) no-repeat center;
	background-size:contain;
	-webkit-animation:circle 90s linear infinite;
	animation:circle 90s linear infinite
}
.main .index-top .earth .in-circle {
	width:100%;
	height:100%;
	position:absolute;
	background:url(../images/in.png) no-repeat center;
	background-size:contain;
	-webkit-animation:back 80s linear infinite;
	animation:back 80s linear infinite
}
.main .index-top .earth .out-circle {
	width:100%;
	height:100%;
	position:absolute;
	background:url(../images/out.png) no-repeat center;
	background-size:contain;
	-webkit-animation:circle 50s linear infinite;
	animation:circle 50s linear infinite
}
.main .index-top .boxs {
	width:1200px;
	height:100%;
	position:absolute;
	left:calc(50% - 600px);
	top:0;
	z-index:1001
}
.main .index-top .boxs .box-left {
	width:158px;
	height:173px;
	background:url(../images/left-box.png) no-repeat center;
	background-size:contain;
	position:absolute;
	top:120px;
	left:-213px
}
.main .index-top .boxs .box-left>img {
	display:block;
	position:absolute
}
.main .index-top .boxs .box-left>img:nth-child(1) {
	left:22px;
	top:40px;
	-webkit-animation:op 3s linear infinite;
	animation:op 3s linear infinite
}
.main .index-top .boxs .box-left>img:nth-child(2) {
	left:98px;
	top:37px;
	-webkit-animation:op 3.5s linear infinite;
	animation:op 3.5s linear infinite
}
.main .index-top .boxs .box-left>img:nth-child(3) {
	left:75px;
	top:85px;
	-webkit-animation:op 4s linear infinite;
	animation:op 4s linear infinite
}
.main .index-top .boxs .box-right {
	width:280px;
	height:285px;
	background:url(../images/right-box.png) no-repeat center;
	background-size:contain;
	position:absolute;
	top:330px;
	right:0
}
.main .index-top .boxs .box-right>img {
	display:block;
	position:absolute
}
.main .index-top .boxs .box-right>img:nth-child(1) {
	left:20px;
	top:90px;
	-webkit-animation:op 2s linear infinite;
	animation:op 2s linear infinite
}
.main .index-top .boxs .box-right>img:nth-child(2) {
	left:60px;
	top:70px;
	-webkit-animation:op 4s linear infinite;
	animation:op 4s linear infinite
}
.main .index-top .boxs .box-right>img:nth-child(3) {
	top:20px;
	left:140px;
	-webkit-animation:op 3s linear infinite;
	animation:op 3s linear infinite
}
.main .index-top .boxs .box-right>img:nth-child(4) {
	top:185px;
	left:125px;
	-webkit-animation:op 2.5s linear infinite;
	animation:op 2.5s linear infinite
}
.main .index-top .boxs .box-right>img:nth-child(5) {
	left:80px;
	top:-50px
}
.main .index-top .boxs .box-top {
	width:62px;
	height:62px;
	position:absolute;
	top:125px;
	right:-170px;
	background:url(../images/top-box.png) no-repeat center;
	background-size:contain
}
.main .index-top .boxs .box-top>img {
	display:block;
	width:24px;
	height:22px;
	position:absolute;
	top:13px;
	left:20px;
	-webkit-animation:op 4s linear infinite;
	animation:op 4s linear infinite
}
.main .index-top .infos {
	width:1200px;
	height:420px;
	position:absolute;
	top:180px;
	left:calc(50% - 600px)
}
.main .index-top .infos>p {
	width:100%;
	text-align:left;
	font-size:14px;
	color:#8fa4cc;
	letter-spacing:1px;
	padding:6px 0
}
.main .index-top .infos>p:nth-child(1) {
	color:#fff;
	font-size:16px;
	letter-spacing:2px
}
.main .index-top .infos>p:nth-child(1)>span {
	color:#1fda96;
	font-size:32px;
	font-weight:600
}
.main .index-top .infos>p:nth-child(2) {
	font-size:66px;
	color:#fff;
	font-weight:600;
	letter-spacing:4px;
	padding-top:20px
}
.main .index-top .infos>p:nth-child(3) {
	color:rgba(255,255,255,0.8);
	font-size:39px;
	padding-top:20px
}
.main .index-top .infos>p:nth-child(4) {
	padding-top:20px
}
.main .index-top .infos>p:nth-child(6) {
	margin-top:110px
}
.main .index-top .infos .lx-down {
	width:100%;
	height:70px;
	line-height:70px;
	position:absolute;
	bottom:30px;
	text-align:left;
	font-size:0;
	z-index:1005
}
.main .index-top .infos .lx-down>a {
	display:inline-block;
	vertical-align:middle;
	width:170px;
	height:55px;
	line-height:55px;
	text-align:center;
	color:#fff;
	font-size:16px;
	border:1px solid #fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-left:34px;
	position:relative;
	cursor:pointer;
	-webkit-transition:all 0.2s linear;
	transition:all 0.2s linear
}
.main .index-top .infos .lx-down>a>b {
	display:block;
	position:absolute;
	width:76px;
	height:20px;
	color:#fff;
	font-size:12px;
	background:#4269ff;
	top:-18px;
	line-height:20px;
	letter-spacing:1px;
	z-index:999;
	left:-1px;
	border-radius:4px;
	border-bottom-left-radius:0px;
	font-weight:500
}
.main .index-top .infos .lx-down>a:hover {
	color:#1fda96;
	border:1px solid #1fda96
}
.main .index-top .infos .lx-down>a:hover>img {
	display:block
}
.main .index-top .infos .lx-down>a>img {
	display:none;
	width:106px;
	height:118px;
	position:absolute;
	left:calc(50% - 53px);
	top:65px
}
.main .index-top .infos .lx-down>a>i {
	display:inline-block;
	vertical-align:middle;
	font-size:30px;
	margin-right:5px;
	margin-top:-2px
}
.main .index-top .infos .lx-down>a>span {
	display:inline-block;
	vertical-align:middle
}
.main .index-top .infos .lx-down>a:nth-child(1) {
	margin-left:0;
	width:186px;
	height:70px;
	background:url(../images/win.png) no-repeat center;
	background-size:contain;
	border:none;
	position:relative
}
.main .index-top .infos .lx-down>a:nth-child(1)>span {
	display:block;
	position:absolute;
	width:76px;
	height:20px;
	color:#fff;
	font-size:12px;
	background:#ea575c;
	top:-10px;
	line-height:20px;
	letter-spacing:1px;
	z-index:999;
	border-radius:4px;
	border-bottom-left-radius:0px
}
.main .index-top .infos .lx-down>a:nth-child(1):hover::before {
	-webkit-animation:addMove .5s ease forwards;
	animation:addMove .5s ease forwards
}
.main .index-top .infos .lx-down>a:nth-child(1):hover::after {
	-webkit-animation:addMove .5s ease forwards;
	animation:addMove .5s ease forwards
}
.main .index-top .infos .lx-down>a:nth-child(1)::before {
	content:"";
	display:block;
	top:0;
	left:0;
	border-top:2px solid #007bff;
	border-right:2px solid #007bff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	-webkit-animation:removeMove .5s ease forwards;
	animation:removeMove .5s ease forwards
}
.main .index-top .infos .lx-down>a:nth-child(1)::after {
	content:"";
	display:block;
	bottom:0;
	right:0;
	border-bottom:2px solid #007bff;
	border-left:2px solid #007bff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	-webkit-animation:removeMove .5s ease forwards;
	animation:removeMove .5s ease forwards
}
.main .index-top .infos .lx-down>a>.fast_button {
	width:186px;
	height:70px;
	line-height:55px;
	text-align:center;
	font-size:16px;
	margin:0 auto;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	cursor:pointer;
	color:#fff;
	line-height:70px
}
.main .index-top .infos .lx-down>a>.fast_button:hover {
	color:#fff
}
.main .index-top .infos .lx-down>a>.fast_button>i {
	display:inline-block;
	vertical-align:middle;
	font-size:30px;
	margin-right:5px;
	margin-top:-2px
}
.main .index-top .infos .lx-down>a>.fast_button>i>img {
	position:relative;
	top:-3px
}
.main .index-top .infos .lx-down>a>.fast_button>span {
	display:inline-block;
	vertical-align:middle
}
.main .index-top .infos .lx-down>a>p {
	text-align:left;
	color:#8fa4cc;
	font-size:14px
}


.main .activitys {
	width: 100%;
	background-color:#fff;
	    margin-top: -60px;
}

.main .activity {
	width:1200px;
	height:260px;
	margin:0px auto;
	padding:30px 0px 0px 0px;
	position:relative;
	
}
.main .activity>a {
	display:none;
	position:absolute;
	color:#8fa4cc;
	font-size:18px;
	letter-spacing:2px;
	right:0;
	top:-50px;
	z-index:1005
}
.main .activity>a:hover {
	color:#fff
}
.main .activity>a::after {
	display:inline-block;
	vertical-align:middle;
	content:"";
	background:url(../images/more-arrow.png);
	width:19px;
	height:18px;
	margin-left:10px
}
.main .activity:after {
	content:"";
	display:block;
	clear:both
}
.main .activity .act {
	width:380px;
	height:100%;
	position:relative;
	overflow:hidden;
	float:left;
	border-radius:10px;
	font-size:0
}
.main .activity .act>span {
	display:block;
	width:74px;
	height:22px;
	text-align:center;
	line-height:22px;
	background:url(../images/pending.png) no-repeat center;
	background-size:contain;
	position:absolute;
	z-index:5;
	top:8px;
	left:10px;
	color:#fff;
	font-size:12px
}
.main .activity .act>span>i {
	display:inline-block;
	vertical-align:middle;
	width:0;
	height:0;
	border:3.5px solid transparent;
	border-left-color:#fff;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-top:-2px;
	opacity:0
}
.main .activity .act>span>i:nth-child(1) {
	-webkit-animation:opc 2s linear infinite;
	animation:opc 2s linear infinite
}
.main .activity .act>span>i:nth-child(2) {
	-webkit-animation:opc 2s .6s linear infinite;
	animation:opc 2s .6s linear infinite
}
.main .activity .act>span>i:nth-child(3) {
	-webkit-animation:opc 2s 1.2s linear infinite;
	animation:opc 2s 1.2s linear infinite
}
.main .activity .act:nth-child(2) {
	width:1200px;
	margin-left:0px;
	margin-right:20px
}
.main .activity .act>a {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1002
}
.main .activity .act>a:hover ~ img {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
.main .activity .act .cover {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5) url(../images/guoqi.png) no-repeat center;
	z-index:1001;
	cursor:pointer;
	z-index:10
}
.main .activity .act>img {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	border:none;
	-webkit-transition:all 0.3s linear;
	transition:all 0.3s linear
}
.main .index-advs{
	width:100%;
	background:#f3f5f7
}



.main .index-adv {
	width:100%;
	min-width:1440px;
	margin:0px auto;
	padding:0px 0px 70px 0;
	border:1px solid transparent;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color: #f3f5f7;
}
.main .index-adv>h6 {
	font-size:46px;
	font-weight:600;
	width:1200px;
	height:80px;
	letter-spacing:4px;
	margin:0 auto;
	background:url(../images/production-tit.png) no-repeat center
}
.main .index-adv .introduces {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	width:1200px;
	height:auto;
	margin:10px auto 0
}
.main .index-adv .introduces>dl {
	width:325px;
	height:auto
}
.main .index-adv .introduces>dl>dt {
	width:300px;
	height:240px;
	margin:0 auto;
	background:url(../images/free-img.png) no-repeat center;
	cursor:pointer
}
.main .index-adv .introduces>dl>dd {
	text-align:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 36px
}
.main .index-adv .introduces>dl>dd>a {
	display:block;
	font-size:30px;
	color:#202935;
	font-weight:500;
	padding:0 0 10px 0;
	letter-spacing:1px;
	white-space:nowrap
}
.main .index-adv .introduces>dl>dd>span {
	display:block;
	font-size:15px;
	color:#525252;
	line-height:40px
}
.main .index-adv .introduces>dl:nth-child(1):hover>dt {
	-webkit-animation:bounce 1s infinite;
	animation:bounce 1s infinite
}
.main .index-adv .introduces>dl:nth-child(2):hover>dt {
	-webkit-animation:bounce 1s infinite;
	animation:bounce 1s infinite
}
.main .index-adv .introduces>dl:nth-child(2)>dt {
	background:url(../images/speed-img.png) no-repeat center;
	background-size:contain
}
.main .index-adv .introduces>dl:nth-child(3):hover>dt {
	-webkit-animation:bounce 1s infinite;
	animation:bounce 1s infinite
}
.main .index-adv .introduces>dl:nth-child(3)>dt {
	background:url(../images/router-img.png) no-repeat center;
	background-size:contain
}
.main .index-adv .introduces>dl:nth-child(4):hover>dt {
	-webkit-animation:bounce 1s infinite;
	animation:bounce 1s infinite
}
.main .index-adv .introduces>dl:nth-child(4)>dt {
	background:url(../images/watch-img.png) no-repeat center;
	background-size:contain
}
.main .index-games{
	width:100%;
	background:#fff
} 



.main .index-game {
	width:100%;
	min-width:1440px;
	height:812px;
	margin:0px auto;
	padding:50px 0;
	border:1px solid transparent;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.main .index-game>h6 {
	color:#fff;
	font-weight:600;
	letter-spacing:4px;
	position:relative;
	width:1200px;
	height:80px;
	background:url(../images/game.png) no-repeat center;
	margin:0 auto
}
.main .index-game>h6>a {
	position:absolute;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	color:#8fa4cc;
	font-size:18px;
	height:30px;
	letter-spacing:1px;
	right:0;
	bottom:0;
	font-weight:100;
	line-height:20px
}
.main .index-game>h6>a::after {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	content:"";
	background:url(../images/more-arrow.png);
	width:19px;
	height:18px;
	margin-left:10px
}
.main .index-game>h6>a:hover {
	color:#007bff
}
.main .index-game .swiper {
	width:1200px;
	height:600px;
	margin:0px auto 0
}
.main .index-game .swiper .top-swiper,.main .index-game .swiper .bottom-swiper {
	width:100%;
	height:300px;
	position:relative;
	overflow:hidden
}
.main .index-game .swiper .top-swiper>.ts-group,.main .index-game .swiper .bottom-swiper>.ts-group {
	width:auto;
	height:300px;
	position:absolute;
	white-space:nowrap;
	font-size:0
}
.main .index-game .swiper .top-swiper>.ts-group>.item,.main .index-game .swiper .bottom-swiper>.ts-group>.item {
	width:200px;
	height:100%;
	display:inline-block;
	vertical-align:middle;
	position:relative
}
.main .index-game .swiper .top-swiper>.ts-group>.item>span,.main .index-game .swiper .bottom-swiper>.ts-group>.item>span {
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5)
}
.main .index-game .swiper .top-swiper>.ts-group>.item>span:hover,.main .index-game .swiper .bottom-swiper>.ts-group>.item>span:hover {
	cursor:pointer;
	background:none
}
.main .index-game .swiper .top-swiper>.ts-group>.item>span.removeCover,.main .index-game .swiper .bottom-swiper>.ts-group>.item>span.removeCover {
	background:none !important
}
.main .index-game .swiper .top-swiper>.ts-group>.item>img,.main .index-game .swiper .bottom-swiper>.ts-group>.item>img {
	display:block;
	height:100%;
	width:100%
}
.main .index-act {
	clear:both;
	width:100%;
	min-width:1440px;
	height:auto;
	margin:50px auto;

}

.index-act>h6{
    height:100px;
    line-height: 100px;
    font-size: 26px;
    text-align: center;
    letter-spacing:1px;
    color: #262626;
}
.main .index-act .act-infs {
	width:1200px;
	margin:0 auto;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.main .index-act .act-infs .item {
	width:390px;
	height:auto;
	margin-left:15px
}
.main .index-act .act-infs .item .news {
	width:100%;
	height:530px;
	position:relative;
	background:#fff;
	transition: all .3s;
	box-shadow:0 0 12px rgb(0 0 0 / 8%);
	    border-radius: 6px;
}
.main .index-act .act-infs .item .news>h6 {
	color:#fff;
	font-size:30px;
	background:-webkit-gradient(linear,left bottom,right top,from(#191c32),to(#12152e));
	background:linear-gradient(to top right,#191c32,#12152e);
	padding:20px 0;
	letter-spacing:1px
}


.main .index-act .act-infs .item .news>h2 {
	color:#262626;
	font-size:22px;
	padding:10px 0;
	letter-spacing:1px;
	position:absolute;
	left:120px;
	bottom: 10px;
}


.news>p{
    height: 450px;
    overflow: hidden;
    border-radius:16px;
    margin-bottom: 30px;
}
.main .index-act .act-infs .item .news>ul {
	width:100%;
	height:360px;
	padding-top:30px
}
.main .index-act .act-infs .item .news>ul>li {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	color:#adadae;
	font-size:16px;
	position:relative;
	padding:15px 0
}
.main .index-act .act-infs .item .news>ul>li:hover>a,.main .index-act .act-infs .item .news>ul>li:hover>span {
	color:#007bff
}
.main .index-act .act-infs .item .news>ul>li::before {
	content:"";
	position:absolute;
	width:6px;
	height:6px;
	background:#adadae;
	border-radius:50%;
	top:calc(50% - 3px);
	left:40px
}
.main .index-act .act-infs .item .news>ul>li>a {
	display:block;
	width:50%;
	text-align:center;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	color:#202935;
	letter-spacing:1px;
	text-align:left
}
.main .index-act .act-infs .item .news>ul>li>span {
	display:block;
	width:20%;
	text-align:right
}
.main .index-act .act-infs .item .news .more {
	font-size:16px;
	color:#adadae;
	letter-spacing:1px
}
.main .index-act .act-infs .item .news .more:hover {
	color:#007bff;
	text-decoration:underline
}
.main .index-act .act-infs .item:first-child {
	margin-left:0
}
.main .pendant {
	width:380px;
	height:240px;
	position:fixed;
	right:80px;
	top:230px;
	z-index:1001
}
.main .pendant>a {
	display:block;
	width:100%;
	height:100%;
	background:url(../images/pendant.png) no-repeat center;
	background-size:contain;
	-webkit-animation:heartBeat 2.5s linear forwards;
	animation:heartBeat 2.5s linear forwards
}
.main .pendant>img {
	display:block;
	position:absolute;
	right:-20px;
	top:0;
	width:20px;
	z-index:10;
	cursor:pointer
}
.main .tail-bar {
	width:100%;
	height:192px;
	background:rgba(18,29,78,0.8);
	position:fixed;
	bottom:0;
	left:0;
	z-index:300;
	cursor:pointer
}
.main .tail-bar>div {
	width:1200px;
	height:100%;
	margin:0 auto;
	background:url(../images/fixed_bg.png) no-repeat left;
	position:relative
}
.main .tail-bar>div>.ewm {
	width:152px;
	height:100%;
	background:rgba(82,76,230,0.4);
	position:absolute;
	right:74px
}
.main .tail-bar>div>.ewm>p {
	font-size:12px;
	color:#fff;
	margin-top:15px;
	margin-bottom:15px
}
.main .tail-bar>div>.ewm>.close {
	position:absolute;
	right:-30px;
	top:10px
}
.opimg {
	position:absolute;
	left:-5000px;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform:scale(0);
	transform:scale(0)
}
.right-link {
	position:fixed;
	height:279px;
	width:231px;
	right:40px;
	bottom:50px;
	z-index:9999;
	background:url(../images/index-tip.png) no-repeat center;
	background-size:contain;
	-webkit-animation:bounceInRight 1s linear;
	animation:bounceInRight 1s linear;
	border-radius:8px
}
.right-link>a {
	display:block;
	width:100%;
	height:100%
}
@-webkit-keyframes opc {
	0% {
	opacity:0
}
25% {
	opacity:0.5
}
50% {
	opacity:1
}
75% {
	opacity:0.5
}
100% {
	opacity:0
}
}@keyframes opc {
	0% {
	opacity:0
}
25% {
	opacity:0.5
}
50% {
	opacity:1
}
75% {
	opacity:0.5
}
100% {
	opacity:0
}
}@-webkit-keyframes shine {
	0% {
	-webkit-transform:scale(0);
	transform:scale(0)
}
25% {
	-webkit-transform:scale(0.5);
	transform:scale(0.5)
}
50% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
75% {
	-webkit-transform:scale(0.5);
	transform:scale(0.5)
}
100% {
	-webkit-transform:scale(0);
	transform:scale(0)
}
}@keyframes shine {
	0% {
	-webkit-transform:scale(0);
	transform:scale(0)
}
25% {
	-webkit-transform:scale(0.5);
	transform:scale(0.5)
}
50% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
75% {
	-webkit-transform:scale(0.5);
	transform:scale(0.5)
}
100% {
	-webkit-transform:scale(0);
	transform:scale(0)
}
}@-webkit-keyframes addMove {
	0% {
	width:0;
	height:0
}
25% {
	width:50%;
	height:0
}
50% {
	width:100%;
	height:0
}
75% {
	width:100%;
	height:50%
}
100% {
	width:100%;
	height:100%
}
}@keyframes addMove {
	0% {
	width:0;
	height:0
}
25% {
	width:50%;
	height:0
}
50% {
	width:100%;
	height:0
}
75% {
	width:100%;
	height:50%
}
100% {
	width:100%;
	height:100%
}
}@-webkit-keyframes removeMove {
	100% {
	width:0;
	height:0
}
75% {
	width:50%;
	height:0
}
50% {
	width:100%;
	height:0
}
25% {
	width:100%;
	height:50%
}
0% {
	width:100%;
	height:100%
}
}@keyframes removeMove {
	100% {
	width:0;
	height:0
}
75% {
	width:50%;
	height:0
}
50% {
	width:100%;
	height:0
}
25% {
	width:100%;
	height:50%
}
0% {
	width:100%;
	height:100%
}
}@-webkit-keyframes addHeight {
	from {
	height:0
}
to {
	height:100%
}
}@keyframes addHeight {
	from {
	height:0
}
to {
	height:100%
}
}@-webkit-keyframes op {
	0% {
	opacity:0
}
25% {
	opacity:0.5
}
50% {
	opacity:1
}
75% {
	opacity:0.5
}
100% {
	opacity:0
}
}@keyframes op {
	0% {
	opacity:0
}
25% {
	opacity:0.5
}
50% {
	opacity:1
}
75% {
	opacity:0.5
}
100% {
	opacity:0
}
}@-webkit-keyframes circle {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
50% {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}@keyframes circle {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
50% {
	-webkit-transform:rotate(180deg);
	transform:rotate(180deg)
}
100% {
	-webkit-transform:rotate(360deg);
	transform:rotate(360deg)
}
}@-webkit-keyframes back {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
50% {
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg)
}
100% {
	-webkit-transform:rotate(-360deg);
	transform:rotate(-360deg)
}
}@keyframes back {
	0% {
	-webkit-transform:rotate(0);
	transform:rotate(0)
}
50% {
	-webkit-transform:rotate(-180deg);
	transform:rotate(-180deg)
}
100% {
	-webkit-transform:rotate(-360deg);
	transform:rotate(-360deg)
}
}@-webkit-keyframes bounceFrom {
	0% {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
50% {
	-webkit-transform:scale(0.9);
	transform:scale(0.9)
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes bounceFrom {
	0% {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
50% {
	-webkit-transform:scale(0.9);
	transform:scale(0.9)
}
100% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@-webkit-keyframes topMove {
	0% {
	}50% {
	-webkit-transform:translate3D(0,200px,200px) rotateY(360deg);
	transform:translate3D(0,200px,200px) rotateY(360deg)
}
100% {
	}
}
@keyframes topMove {
	0% {
	}50% {
	-webkit-transform:translate3D(0,200px,200px) rotateY(360deg);
	transform:translate3D(0,200px,200px) rotateY(360deg)
}
100% {
	}
}
@-webkit-keyframes hide {
	from {
	-webkit-transform:scale(1);
	transform:scale(1);
	left:calc(50% - 278px)
}
to {
	-webkit-transform:scale(0);
	transform:scale(0);
	left:calc(50% + 260px)
}
}@keyframes hide {
	from {
	-webkit-transform:scale(1);
	transform:scale(1);
	left:calc(50% - 278px)
}
to {
	-webkit-transform:scale(0);
	transform:scale(0);
	left:calc(50% + 260px)
}
}@-webkit-keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(0.3,0.3,0.3);
	transform:scale3d(0.3,0.3,0.3)
}
50% {
	opacity:1
}
}@keyframes zoomIn {
	from {
	opacity:0;
	-webkit-transform:scale3d(0.3,0.3,0.3);
	transform:scale3d(0.3,0.3,0.3)
}
50% {
	opacity:1
}
}@-webkit-keyframes titMove {
	from {
	margin-top:150px;
	opacity:0
}
to {
	margin-top:248px;
	opacity:1
}
}@keyframes titMove {
	from {
	margin-top:150px;
	opacity:0
}
to {
	margin-top:248px;
	opacity:1
}
}@-webkit-keyframes Move {
	from {
	bottom:100px;
	opacity:0
}
to {
	bottom:50px;
	opacity:1
}
}@keyframes Move {
	from {
	bottom:100px;
	opacity:0
}
to {
	bottom:50px;
	opacity:1
}
}@-webkit-keyframes roundMove {
	from {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
}@keyframes roundMove {
	from {
	-webkit-transform:rotate(0deg);
	transform:rotate(0deg)
}
to {
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg)
}
}@-webkit-keyframes tips {
	from {
	opacity:0
}
to {
	opacity:1
}
}@keyframes tips {
	from {
	opacity:0
}
to {
	opacity:1
}
}@-webkit-keyframes heartBeat {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
14% {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
28% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
42% {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
70% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@keyframes heartBeat {
	0% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
14% {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
28% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
42% {
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}
70% {
	-webkit-transform:scale(1);
	transform:scale(1)
}
}@-webkit-keyframes startMove {
	0% {
	opacity:0;
	-webkit-transform:scale(0) rotate(-25deg) translate3d(-100px,0,0);
	transform:scale(0) rotate(-25deg) translate3d(-100px,0,0)
}
100% {
	opacity:1;
	-webkit-transform:scale(1.2) rotate(-25deg) translate3d(-2900px,0px,0);
	transform:scale(1.2) rotate(-25deg) translate3d(-2900px,0px,0)
}
}@keyframes startMove {
	0% {
	opacity:0;
	-webkit-transform:scale(0) rotate(-25deg) translate3d(-100px,0,0);
	transform:scale(0) rotate(-25deg) translate3d(-100px,0,0)
}
100% {
	opacity:1;
	-webkit-transform:scale(1.2) rotate(-25deg) translate3d(-2900px,0px,0);
	transform:scale(1.2) rotate(-25deg) translate3d(-2900px,0px,0)
}
}@keyframes addHeight {
	from {
	height:0
}
to {
	height:220px
}
}@-webkit-keyframes removeHeight {
	from {
	height:220px
}
to {
	height:60px
}
}@keyframes removeHeight {
	from {
	height:220px
}
to {
	height:60px
}
}.index_customer {
	position:fixed;
	right:0;
	top:300px;
	z-index:99999;
	display:none;
}
.index_customer img {
	width:300px;
	height:300px;
}
.gj_img {
	position:absolute;
	display:none;
	right:364px;
	top:335px;
	z-index:99999;
	width:209px;
	height:246px;
}
.gj_img img {
	width:209px;
	height:246px;
}