html {
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 16px;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	font-family: "Noto Sans SC"
}

.disnone {
	display: none
}

* {
	padding: 0;
	margin: 0
}

html,body {
	background-color: #edf3fc
}

.mark_about {
	width: 1920px;
	position: relative;
	margin: 0 auto
}

.container {
	width: 1920px;
	min-width: 1900px;
	margin: 0 auto;
}

.container .main_1 {
	width: 1920px;
	height: 850px;
	z-index: 1;
	position: absolute;
	background: url("../images/main1_bg.jpg") no-repeat;
	background-size: cover;
	top: 76px
}

.container a {
	text-decoration: none;
	color: #fff
}

.container .swiper3 {
	position: relative;
	width: 1920px;
	height: 850px !important;
}

.container .swiper3 .top_prc {
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: 100%
}

.container .swiper3 .big_logo {
	position: absolute;
	top: 213px;
	left: 188px;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

.container .swiper3 .top_name {
	position: absolute;
	top: 409px;
	left: 222px;
	font-size: 1.875em;
	font-family: "Noto Sans SC";
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	color: #fff
}

.container .swiper3 .top_link_button {
	position: absolute;
	width: 125px;
	height: 34px;
	top: 482px;
	left: 220px;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

.container .swiper3 .swiper-pagination-bullet {
	width: 52px;
	height: 22px;
	font-size: 0;
	display: inline-block;
	background: url("../images/switch.png") no-repeat !important;
	background-position: -57px 0 !important
}

.container .swiper3 .swiper-pagination-bullet-active {
	background-position: 0 0 !important
}

.container .toslide {
	height: 30px;
	top: 812px;
	margin: 0 auto;
	width: 1920px;
	z-index: 55;
	text-align: center;
	position: absolute;
}

.container .toslide .simple_toslide_all {
	width: 870px;
	height: 100%;
	margin: 0 auto
}

.container .toslide .simple_toslide {
	width: 52px;
	height: 19px;
	font-size: 0;
	display: inline-block;
	background: url("../images/switch.png") no-repeat;
	background-position: -57px 0;
	z-index: 11;
}

.container .toslide .simple_toslide:hover {
	background-position: 0 0
}

.container .main_2 {
	width: 1920px;
	height: 718px;
	position: absolute;
	background: url("../images/main2_bg.jpg") no-repeat;
	overflow-x: hidden;
	top: 926px;
}

.container .main_2 .information_news {
	width: 1800px;
	left: 120px;
	height: 480px;
	top: 50%;
	margin-top: -240px;
	position: relative;
}

.container .main_2 .information_news .information_title {
	background: url("../images/information.png") no-repeat;
	width: 262px;
	height: 88px;
	z-index: 10;
	top: 20px;
	position: absolute
}

.container .main_2 .information_news .information_bg {
	background: url("../images/information_bg.png") no-repeat;
	width: 1594px;
	height: 456px;
	z-index: 9;
	right: -5px;
	position: absolute;
	top: 50%;
	margin-top: -228px;
}

.container .main_2 .information_news .information_bg .left_information_all {
	width: 342px;
	height: 446px;
	position: absolute;
	left: 127px;
	top: -8px;
}

.container .main_2 .information_news .information_bg .left_information_all .left_information {
	width: 100%;
	height: 100%;
	position: absolute
}

.container .main_2 .information_news .information_bg .left_information_all .left_information_pic {
	width: 100%;
	height: 100%;
	position: absolute;
	background: 100% 100%
}

.container .main_2 .information_news .information_bg .left_information_all .left_shading {
	background: rgba(0,0,0,0.4);
	width: 100%;
	height: 50px;
	position: absolute;
	bottom: 0;
	border-radius: 5px;
}

.container .main_2 .information_news .information_bg .left_information_all .left_shading .left_information_word {
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: .875em;
	font-size: .875em;
	font-family: "Noto Sans SC";
	color: #e6ebf4;
	top: 8px;
	position: absolute;
}

.container .main_2 .information_news .information_bg .left_information_all .left_shading .left_information_word:hover {
	color: #0280ef
}

.container .main_2 .information_news .information_bg .left_information_all .information_slide {
	position: absolute;
	width: 100%;
	height: 18px;
	z-index: 10;
	bottom: 4px;
	text-align: center;
	z-index: 15;
}

.container .main_2 .information_news .information_bg .left_information_all .information_slide .information_slide_circle {
	cursor: pointer;
	padding: 2px 2px;
	border-radius: 50%;
	margin-left: 5px;
	background: #e6ebf4;
	width: 4px;
	height: 4px;
	line-height: 2px;
	position: relative;
	display: inline-block;
	margin: 6px;
}

.container .main_2 .information_news .information_bg .left_information_all .information_slide .information_slide_circle:hover {
	background: #0280ef
}

.container .main_2 .information_news .information_bg .right_information_all {
	width: 1087px;
	height: 248px;
	position: absolute;
	right: 0;
	top: 77px;
}

.container .main_2 .information_news .information_bg .right_information_all .right_information {
	height: 82px;
	width: 100%;
	position: relative;
	font-family: "Noto Sans SC";
}

.container .main_2 .information_news .information_bg .right_information_all .right_information .right_infomation_a {
	height: 68px;
	width: 98%;
	position: absolute;
	left: 14px;
	top: 11px;
}

.container .main_2 .information_news .information_bg .right_information_all .right_information .right_infomation_a .right_information_product {
	color: #fff;
	font-size: .8125em
}

.container .main_2 .information_news .information_bg .right_information_all .right_information .right_infomation_a .right_information_link {
	color: #8f9ab0;
	font-size: .75em;
	position: absolute;
	top: 30px
}

.container .main_2 .information_news .information_bg .right_information_all .right_information .right_infomation_a .right_information_time {
	right: 223px;
	width: 100px;
	height: 30px;
	bottom: 11%;
	color: #8f9ab0;
	font-size: .75em;
	position: absolute
}

.container .main_2 .information_news .information_bg .right_information_all .right_information .right_infomation_a .right_information_image {
	background: url("../images/information_jian.png") no-repeat;
	width: 60px;
	height: 10px;
	right: 299px;
	bottom: 34%;
	position: absolute;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

.container .main_2 .information_news .information_bg .right_information_bottom {
	width: 129px;
	height: 33px;
	background: url("../images/about_more.png") no-repeat;
	left: 13px;
	margin-top: 10px;
	position: absolute
}

.container .main3 {
	background: url("../images/main3_bg.jpg") no-repeat;
	width: 1920px;
	height: 1033px;
	position: absolute;
	top: 1643px;
	overflow: hidden;
}

.container .main3 .product_game_all {
	width: 100%;
	height: 620px;
	margin: 0 auto;
	position: relative;
	top: 200px;
	text-align: center;
}

.container .main3 .product_game_all .product_game_count {
	margin: 0 auto;
	position: relative;
	top: 40px;
	left: -130px
}

.container .main3 .product_game_all .swiper-container {
	overflow: inherit !important
}

.container .main3 .product_game_all .p1 {
	top: -40px;
	transition: top 1s linear
}

.container .main3 .product_game_all .last_item {
	margin-right: 40px
}

.container .main3 .product_game_all .swiper-slide {
	width: 270px !important
}

.container .main3 .product_game_all .product_game {
	position: relative;
	width: 270px;
	height: 573px;
	margin-right: 20px;
	margin-left: 20px;
	display: inline-block;
	overflow: hidden;
}

.container .main3 .product_game_all .product_game .product_game_1 {
	width: 266px;
	height: 556px;
	top: 7px;
	left: 2px;
	overflow: hidden;
	position: absolute
}

.container .main3 .product_game_all .product_game .product_game1 {
	width: 266px;
	height: 556px;
	background-size: 266px 559px;
	background-size: 266px 559px;
	position: absolute
}

.container .main3 .product_game_all .product_game .product_game_1_1 {
	width: 266px;
	height: 556px;
	background: rgba(0,0,0,0.6);
	position: absolute
}

.container .main3 .product_game_all .product_game .product_game2 {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

.container .main3 .product_game_all .product_game .product_game3 {
	position: absolute;
	width: 100%;
	height: 100%;
}

.container .main3 .product_game_all .product_game .product_game3 .product_game_logo {
	position: absolute;
	width: 149px;
	height: 154px;
	top: 170px;
	margin-left: -75px;
	left: 50%;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0)
}

.container .main3 .product_game_all .product_game .product_game3 .product_game_button {
	position: absolute;
	width: 130px;
	height: 34px;
	top: 475px;
	margin-left: -65px;
	left: 50%;
	opacity: 0;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	background: url("../images/game_button.png") no-repeat
}

.container .main3 .product_button {
	width: 500px;
	height: 100px;
	margin: 0 auto;
	top: 200px;
	position: relative;
	margin-top: 50px;
}

.container .main3 .product_button .product_left_button {
	position: absolute;
	width: 70px;
	height: 70px;
	left: 60px;
	top: 5px;
	background: url("../images/button.png");
	background-position: -16px -1px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor: pointer
}

.container .main3 .product_button .product_right_button {
	position: absolute;
	width: 70px;
	height: 70px;
	left: 377px;
	top: 10px;
	background: url("../images/button.png");
	background-position: -106px -5px;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor: pointer
}

.container .main4 {
	background: url("../images/main4_bg.jpg") no-repeat;
	width: 1920px;
	height: 435px;
	position: absolute;
	top: 1676px;
}

.container .main4 a {
	text-decoration: none
}

.container .main4 .nav_fn_end {
	position: absolute;
	width: 1536px;
	left: 384px;
	height: 35px;
	right: 200px;
	top: 165px;
	margin-top: -11px;
	z-index: 999;
	color: #232323;
	font-size: .875em;
	font-family: "Noto Sans SC";
}

.container .main4 .nav_fn_end a {
	width: 130px;
	height: 35px;
	position: absolute;
	cursor: pointer;
	color: #0f1f32;
}

.container .main4 .nav_fn_end a:hover {
	color: #118cf8
}

.container .main4 .nav_fn_end .nav1 {
	left: 130px
}

.container .main4 .nav_fn_end .nav2 {
	left: 350px
}

.container .main4 .nav_fn_end .nav3 {
	left: 540px
}

.container .main4 .nav_fn_end .nav4 {
	left: 759px
}

.container .main4 .nav_fn_end .nav5 {
	left: 980px
}

.container .main4 .nav_end {
	z-index: 999;
	height: 180px;
	position: absolute;
	width: 1536px;
	color: #5d5d5d;
	top: 200px;
	left: 384px;
	font-size: .875em;
	font-family: "Noto Sans SC";
}

.container .main4 .nav_end .w_1000 {
	position: absolute;
	margin: 0 auto;
	width: 900px;
	height: 100%;
	right: 100px
}

.container .main4 .nav_end ul {
	position: absolute;
	height: 59px;
	width: 130px;
	list-style: none;
}

.container .main4 .nav_end ul li {
	position: relative;
	margin-top: 14px;
	cursor: pointer
}

.container .main4 .nav_end a {
	text-decoration: none;
	font-size: .875em;
	font-family: "Noto Sans SC";
	position: relative;
	color: #5d5d5d;
}

.container .main4 .nav_end a:hover {
	color: #136fc9
}

.container .main4 .nav_end .ul_abouts {
	left: 130px
}

.container .main4 .nav_end .ul_product {
	left: 350px
}

.container .main4 .nav_end .ul_news {
	left: 540px
}

.container .main4 .nav_end .ul_join {
	left: 759px
}

.container .main4 .nav_end .ul_connect {
	left: 980px
}

.container .main5 {
	position: absolute;
	top: 2110px
}

.information_switch {
	background: #0280ef !important
}

.switch_to_one {
	z-index: 13;
	position: absolute
}

.switch_to {
	background-position: 0 0 !important
}

.switch_out {
	background-position: -57px 0 !important
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		-webkit-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		-webkit-transform: none;
		transform: none
	}
}

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

.back_tops {
	position: fixed;
	width: 55px;
	height: 166px;
	background: url("../images/back_top.png") no-repeat;
	right: 30px;
	z-index: 9;
	top: 60%
}

@-moz-keyframes push {
	0% {
		z-index: 1;
		opacity: .1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10)
	}

	100% {
		z-index: 3;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
	}
}

@-webkit-keyframes push {
	0% {
		z-index: 1;
		opacity: .1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10)
	}

	100% {
		z-index: 3;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
	}
}

@-o-keyframes push {
	0% {
		z-index: 1;
		opacity: .1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10)
	}

	100% {
		z-index: 3;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
	}
}

@keyframes push {
	0% {
		z-index: 1;
		opacity: .1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10)
	}

	100% {
		z-index: 3;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
	}
}

@-moz-keyframes out {
	0% {
		z-index: 3;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
	}

	100% {
		z-index: 1;
		opacity: .1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10)
	}
}

@-webkit-keyframes out {
	0% {
		z-index: 3;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
	}

	100% {
		z-index: 1;
		opacity: .1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10)
	}
}

@-o-keyframes out {
	0% {
		z-index: 3;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
	}

	100% {
		z-index: 1;
		opacity: .1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10)
	}
}

@keyframes out {
	0% {
		z-index: 3;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
	}

	100% {
		z-index: 1;
		opacity: .1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10)
	}
}

@-moz-keyframes all {
	0% {
		z-index: 3;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
	}

	100% {
		z-index: 1;
		opacity: .1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10)
	}
}

@-webkit-keyframes all {
	0% {
		z-index: 3;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
	}

	100% {
		z-index: 1;
		opacity: .1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10)
	}
}

@-o-keyframes all {
	0% {
		z-index: 3;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
	}

	100% {
		z-index: 1;
		opacity: .1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10)
	}
}

@keyframes all {
	0% {
		z-index: 3;
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100)
	}

	100% {
		z-index: 1;
		opacity: .1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10)
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		-webkit-transform: translate3d(0,100%,0);
		-ms-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		-webkit-transform: translate3d(0,100%,0);
		-ms-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		-webkit-transform: translate3d(0,100%,0);
		-ms-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
		-webkit-transform: translate3d(0,100%,0);
		-ms-transform: translate3d(0,100%,0);
		transform: translate3d(0,100%,0)
	}

	100% {
		opacity: 1;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		-webkit-transform: none;
		-ms-transform: none;
		transform: none
	}
}