/*----public style-----*/



* {
	margin: 0px 0px;
	padding: 0px 0px;
}

body {
	font-size: 14px;
	color: #757575;
	background-color: #ffffff;
	font-family: "Microsoft YaHei", sans-serif;
	padding-top: 84px;
}

a {
	outline: none;
}

.clr-both {
	clear: both;
}

img {
	border: none;
}

a {
	text-decoration: none;
}

li {
	list-style: none;
}

.wrap {
/*width:90%;*/
	max-width: 1120px;
	margin: 0 auto;
	position: relative;
}

.title {
	text-align: center;
}

.df_m_t {
	margin-top: 60px;
}

.icon-dagou:before {
	font-weight: normal;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.center-block {
	margin-right: auto!important;
	margin-left: auto!important;
	position: relative;
}



/*color*/



.text-fff {
	color: #fff!important;
}



/*font-size*/



.f20 {
	font-size: 20px;
}

.f26 {
	font-size: 26px!important;
}

.f30 {
	font-size: 30px;
}



/*padding*/



.pt10 {
	padding-top: 10px
}

.title h4 {
	font-size: 32px;
	color: #212121;
}

.titlt-line {
	text-align: center;
}

.title-line span {
	display: inline-block;
	position: relative;
	width: 205px;
	height: 0px;
	border-top: 2px solid #757575;
}

.title-line i {
	display: inline-block;
	position: absolute;
	left: 50%;
	margin-left: -26px;
	width: 55px;
	background: #61b6ff;
	height: 4px;
	top: -3px;
}

i {
	font-style: normal;
}



  /*title*/



.main_title {
	text-align: center;
	padding: 70px 0 48px 0;
	margin: 0;
}

.main_title h2 {
	font-weight: normal;
	font-size: 26px;
	color: #000000;
	text-align: center;
	margin: 0;
	font-style: normal;
	line-height: 50px;
	font-weight: normal;
}

.main_title .sub_title {
	padding-top: 10px;
	font-size: 16px;
	line-height: 28px;
	margin: 0 auto;
	width: 77%;
	color: #86a2b1;
}

@media(max-width:800px) {



	.main_title {
		padding: 40px 0;
	}
}

@media(max-width:600px) {



	.main_title {
		padding: 20px 0;
	}

	.main_title h2 {
		font-size: 25px;
	}

	.main_title .sub_title {
		width: 100%;
		line-height: 24px;
		padding: 0;
		font-size: 13px;
	}
}

@media(max-width:340px) {



	.main_title h2 {
		font-size: 23px;
	}
}



/*background:*/



.bg_fff {
	background: #fff;
}

.img_bg_3 {
	background: url(../images/section6_bg.jpg) no-repeat center center;
	background-size: cover;
	background-attachment: fixed;
}

.img_bg_4 {
	background: url(../images/choice-tab.jpg) no-repeat center top;
	background-size: 100% 100%;
}



  /*-------public style end-------*/



  /*---head style---*/



.wrap-head {
	width: 90%;
	max-width: 1120px;
	margin: 0 auto;
}

.logo {
	float: left;
	width: 23.6%;
	max-width: 265px;
}

.logo img {
	height: 50px;
	margin-top: 8px;
}

.head {
	width: 100%;
	position: fixed;
	padding: 5px 0;
	z-index: 9;
	top: 0;
	background-color: #212121;
}

.head-nav {
	float: right;
}

.head-nav li {
	list-style: none;
	float: left;
	text-align: center;
	height: 74px;
	line-height: 74px;
	position: relative;
}

.head-nav li a {
	padding-bottom: 15px;
	padding-top: 26px;
	line-height: 34px;
	display: inline-block;
	height: 34px;
	font-size: 16px;
	border-radius: 3px;
	padding: 0 22px;
	text-decoration: none;
	outline: none;
	color: #ffffff;
	transition: all .3s
}

.head-nav li .dropdown-menu li {
	height: 36px;
	line-height: 36px;
}
.head-nav li .dropdown-menu li a {
	color: #333;
}
.head-nav li:hover .dropdown-menu {
	display: block;
}

.nav-on > a {
	transition: all .3s;
	background: -webkit-linear-gradient(left,#2f81f0 , #7a82ff);
	background: -o-linear-gradient(right,#2f81f0 , #7a82ff);
	background: -moz-linear-gradient(right,#2f81f0 , #7a82ff);
	background: linear-gradient(to right, #2f81f0 , #7a82ff);
	color: #ffffff !important;
}

.wrap-head-btn {
	float: right;
}

.head-btn {
	border: 1px solid #61b6ff;
	color: #61b6ff;
	padding: 2px 15px;
	margin-top: 20px;
	display: inline-block;
	border-radius: 22px;
	margin-left: 20px;
	font-size: 14px;
}

.head-btn:hover {
	color: #ffffff;
	background-color: #61b6ff;
}

.head-btn-on {
	color: #ffffff !important;
	background-color: #61b6ff !important;
}

.language_box {
	width: 28%;
	float: right;
	display: none
}

.language_box a {
	display: inline-block;
	text-align: center;
	line-height: 34px;
	width: 45%;
	font-weight: initial;
	color: #fff;
	font-size: 18px;
	background: #62b5ff;
	border-radius: 30px;
	margin-top: 12px
}

.language_box a:hover {
	background: #62c7ff;
	box-shadow: 0 0 3px #62c7ff;
}



  /*---head style end---*/



  /*---- footer_nav ---*/



.nav_icon {
	font-family: 'iconfont';
	display: block;
}

.footer_nav .nav_icon {
	font-size: 18px;
}

.footer_nav {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	background: #161d25;
	padding: 4px 0;
	display: none;
}

.footer_nav li {
	float: left;
	width: 20%;
	font-size: 12px;
	text-align: center;
	font-size: 15px;
}

.footer_nav a {
	color: #fff;
}

.footer_nav .nav-on a {
	color: #62b5ff!important;
	border: none!important;
}



/*---foot style----*/



footer {
	overflow: hidden;
	position: relative;
	bottom: 0px;
	width: 100%;
	background-color: #161d25;
	color: #cfcfcf;
}

footer .fl_title {
	float: left;
	width: 1em;
	font-size: 21px;
	margin-top: 50px;
	margin-right: 30px;
	color: #3f91c1;
}

footer .q-code {
	position: relative;
	top: 73px;
	text-align: right;
}

footer .q-code img {
	height: 120px;
	width: 120px;
}

footer .foot-up a {
	text-decoration: none;
	color: #cfcfcf;
}

footer .foot-up a:hover {
	color: #337ab7;
}

footer h3 {
	color: #5a60df;
	margin-top: 50px;
	font-size: 18px;
	line-height: 46px;
}

footer h3 span {
	border-bottom: 1px solid #5a60df;
	display: inline-block;
}

footer .footer-bottom {
	height: 60px;
	text-align: center;
	border-top: 1px solid #31323d;
	line-height: 46px;
	margin-top: 15px;
	max-width: 1120px;
	margin-left: auto;
	margin-right: auto;
}

.links-wrap {
	height: 150px;
	padding-top: 30px;
}

.links-wrap li {
	float: left;
	list-style: none;
	width: 186px;
}

.links-wrap li h4 {
	color: #61b6ff;
	font-size: 18px;
	margin-bottom: 12px;
}

.foot {
	height: 250px;
	background-color: black;
}

.links a {
	display: block;
	font-size: 14px;
	color: white;
	height: 28px;
	line-height: 28px;
}

.links a:hover {
	color: #61b6ff;
}

.qr-code img {
	height: 125px;
	width: 125px;
	display: inline-block;
}

.banquan {
	height: 68px;
	border-top: 1px solid #61b6ff;
	padding-top: 25px;
}

.banquan p {
	text-align: center;
	font-size: 14px;
	color: #ffffff;
}

  /*---foot style end----*/



  /*--- banner ---*/



/*--- swiper ---*/



.swiper-slide img {
	width: 100%;
}

.swiper-container2 .swiper-slide {
	height: auto;
	width: 230px;
}

.swiper-container2 .swiper-button-prev, .swiper-container2 .swiper-button-next {
	display: block;
	width: 40px;
	height: 80px;
	overflow: hidden;
	cursor: pointer;
	background: rgb(0, 0, 0)  url(../images/al/index-bg.png) no-repeat scroll 0% 0%;
	opacity: 0.5;
	visibility: hidden;
}

.swiper-container2 .swiper-button-prev {
	float: left;
	background-position: 12px -272px;
}

.swiper-container2 .swiper-button-next {
	float: right;
	background-position: -19px -272px;
}

.swiper-container2:hover .swiper-button-next ,.swiper-container2:hover .swiper-button-prev {
	visibility: visible;
} 



/*----channel style----*/



.func-bannel {
	width: 100%;
	margin: 0 auto;
}

.func-bannel img {
	width: 100%;
}

.channel-bannel {
	background: url("../images/channel-banner.jpg") no-repeat top center;
	width: 100%;
	height: 470px;
	margin: 0 auto;
}

.channel-btn {
	text-align: center;
	padding-top: 250px;
}

.ios-btn {
	background: url("../images/ios.png") no-repeat top center;
	height: 146px;
	width: 245px;
	display: inline-block;
}

.ios-btn:hover {
	background: url("../images/ios-on.png") no-repeat top center;
}

.android-btn {
	background: url("../images/android.png") no-repeat top center;
	height: 146px;
	width: 245px;
	display: inline-block;
}

.android-btn:hover {
	background: url("../images/android-on.png") no-repeat top center;
}

.channel-content {
	padding-top: 60px;
	padding-bottom: 200px;
}

.channel-company {
	margin-top: 40px;
}

.channel-company li {
	list-style: none;
	float: left;
	width: 165px;
	height: 118px;
	text-align: center;
	margin-right: 25px;
	margin-bottom: 20px;
}

.channel-company li .channel-company-name {
	display: block;
	text-align: center;
	margin: 0 auto;
	margin-top: 10px;
}

.channel-company li img {
	width: 90px;
	margin: 0 auto;
	display: block;
}

.channel-company li:hover img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}

.channel-company li:nth-child(6n) {
	margin-right: 0px;
}



  /*----channel style end----*/



  /*----sample style-----*/



.game-wrap li {
	float: left;
	width: 110px;
	margin-right: 4.3%;
	margin-bottom: 35px;
	text-align: center;
}

.game-wrap li:nth-child(7n) {
	margin-right: 0px;
}

.game-wrap li img {
	max-height: 110px;
	width: 110px;
	margin-bottom: 10px;
	display: inline-block;
	transition: all .8s;
}

.sample-content .game-wrap li img {
	border-radius: 20px;
}

.game-wrap li:hover .game-name {
	color: #61b6ff;
}

.game-wrap li:hover img {
	-webkit-transform: scale3d(1.1, 1.1, 1.1);
	-moz-transform: scale3d(1.1, 1.1, 1.1);
	-ms-transform: scale3d(1.1, 1.1, 1.1);
	-o-transform: scale3d(1.1, 1.1, 1.1);
	transform: scale3d(1.1, 1.1, 1.1);
}

.game-wrap li .game-name {
	text-align: center;
	font-size: 14px;
	color: #757575;
	display: block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow-x: hidden;
}

.game-wrap .qr-img {
  display: none;
}
.game-wrap li:hover .qr-img {
	display: inline-block;
	-webkit-animation: Rotation .25s linear;
  -moz-animation: Rotation .25s linear;
  -o-animation: Rotation .25s linear;
  animation: Rotation .25s linear;
}
.game-wrap li:hover .game-img {
  display: none;
}

@keyframes Rotation {
  0% {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
  100% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0);
  }
}
@-webkit-keyframes Rotation {
  0% {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    transform: rotateY(90deg);
  }
  100% {
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
    transform: rotateY(0);
  }
}


  /*----sample style end-----*/



  /*-----join-style-----*/



.join-bannel {
	background: url("../images/join-banner.jpg") no-repeat top center;
	width: 100%;
	height: 470px;
	margin: 0 auto;
}

.join-wrap {
	background: url("../images/join-line.png") no-repeat;
	background-size: 1002px 36px;
	background-position: 60px 51px;
	height: 400px;
	width: 100%;
	position: relative;
	margin-top: 100px;
}

@-moz-document url-prefix() {



	.join-wrap {
		background-position: 60px 55px;
	}
}

.join-wrap li {
	position: absolute;
}

.join-site1 {
	left: -81px;
	top: 0px;
}

.join-site2 {
	left: 128px;
	top: 0px;
}

.join-site3 {
	left: 332px;
	top: 0px;
}

.join-site4 {
	left: 520px;
	top: 0px;
}

.join-site5 {
	left: 710px;
	top: 0px;
}

.join-site6 {
	left: 909px;
	top: 0px;
}

.join {
	width: 283px;
	height: 335px;
}

.join-title {
	color: #61b6ff;
	font-size: 22px;
	height: 30px;
	text-align: center;
}

.join-down {
	margin-bottom: 15px;
}

.join-point-wrap {
	text-align: center;
	height: 100px;
	width: 100px;
	position: relative;
}

.join-site1 .join-point-wrap {
	margin-left: 95px;
}

.join-site2 .join-point-wrap {
	margin-left: 80px;
}

.join-site3 .join-point-wrap {
	margin-left: 69px;
}

.join-site4 .join-point-wrap {
	margin-left: 73px;
}

.join-site5 .join-point-wrap {
	margin-left: 77px;
}

.join-site6 .join-point-wrap {
	margin-left: 71px;
}

.join-point-wrap span {
	height: 27px;
	width: 27px;
	margin: 0 auto;
	display: inline-block;
	cursor: pointer;
	padding: 30px 30px;
}

.point-bg {
	background: url("../images/join-point.png") no-repeat top center;
	background-position: 30px 30px;
}

.join-text-wrap {
	height: 174px;
	width: 283px;
}

.join-text-bg {
	background: url("../images/join-txt-bg.png") no-repeat top center;
	height: 174px;
	width: 283px;
	position: relative;
	display: none;
}

.join-text {
	color: #ffffff;
	height: 150px;
	width: 280px;
	position: absolute;
	left: 1px;
	top: 20px;
}

.join-text p {
	font-size: 16px;
	padding: 20px 20px;
	text-overflow: ellipsis;
}



  /*-----join-style end-----*/



  /*----sales style----*/



.base-icon {
	background: url(../images/base-icon.png) no-repeat;
	background-size: 100% auto;
	background-position: center center;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	vertical-align: bottom;
}

.static-icon {
	background: url(../images/static-icon.png) no-repeat;
	background-size: 100% auto;
	background-position: center center;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	vertical-align: bottom;
}

.diamond-icon {
	background: url(../images/diamond-icon.png) no-repeat;
	background-size: 100% auto;
	background-position: center center;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	vertical-align: bottom;
}

.android-icon {
	background: url(../images/android-icon.png) no-repeat;
	background-size: 100% auto;
	background-position: center center;
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
}

.ios-icon {
	background: url(../images/ios-icon.png) no-repeat;
	background-size: 100% auto;
	background-position: center center;
	display: inline-block;
	width: 23px;
	height: 26px;
	vertical-align: middle;
}

.and_ios-icon {
	background: url(../images/and_ios-icon.png) no-repeat;
	background-size: 100% auto;
	background-position: center center;
	display: inline-block;
	width: 77px;
	height: 26px;
	vertical-align: middle;
}

.bg-green {
	background-color: #40bf95;
}

.bg-blue {
	background-color: #30abe1;
}

.bg-red {
	background-color: #f3665e;
}

.product-wrap li {
	float: left;
}

.product-wrap li + li {
	margin-left: 80px;
}

.product-container {
	width: 318px;
}

.product-container p {
	margin: 0;
}

.product-title {
	height: 100px;
	color: #fff;
}

.product-title > p {
	font-size: 28px;
	height: 100%;
	line-height: 100px;
	margin: 0;
	text-align: center;
}

.product-contents {
	padding: 0 16px;
	border: 1px solid #dbdbdb;
	border-top: none;
}

.product-container p.product-type {
	line-height: 40px;
	margin: 20px 0 10px;
}

.product-type .type-name {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin-left: 15px;
}

.price-style {
	float: right;
	color: #000;
	font-size: 20px;
	margin-right: 20px;
}

.product-content .product-type-content {
	min-height: 81px;
	height: 81px;
}

.product-content .product-type-content > span {
	background: url(../images/dot-icon.png) no-repeat;
	background-position: left center;
	background-size: 4px auto;
	color: #bababa;
	padding-left: 15px;
	display: block;
	float: left;
	text-align: left;
	width: 33.3%;
	margin-top: 7px;
}

.product-footer {
	margin: 50px 0 40px;
}

.invalid-btn {
	background-color: #efefef;
	color: #757575;
	display: block;
	font-size: 20px;
	height: 45px;
	line-height: 45px;
	text-align: center;
}

a.data-green:hover {
	color: #fff;
	background-color: #40bf95;
}

a.data-blue:hover {
	color: #fff;
	background-color: #30abe1;
}

a.data-red:hover {
	color: #fff;
	background-color: #f3665e;
}



  /*----sales style end----*/



  /*----home style----*/



.adv-wrap {
	position: relative;
	margin-top: 30px;
	width: 100%;
	text-align: center;
	text-align-last: center;
	max-width: 1056px;
}

.adv-wrap:after {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	height: 0;
	content: '';
	vertical-align: top;
}

.adv-wrap li {
	display: inline-block;
	width: 33.333%;
	max-width: 340px;
	margin-bottom: 18px;
	padding: 0 6px;
}

.adv-wrap li a {
	display: block;
	text-align: center;
	text-align-last: center;
	box-sizing: border-box;
	padding: 26px;
	transition: all .5s;
	-webkit-transition: all .5s;
	border-radius: 6px;
	vertical-align: middle;
	border: 1px solid transparent;
	overflow: hidden;
}

.adv-img {
	transform-style: preserve-3d;
  transition: all .8s;
	text-align: center;
	height:140px;
  position:relative;
}

/* .adv-img span {
	position:absolute;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
} */

.adv-wrap li .adv-img img {
	max-width: 140px;
	width: 100%;
	position: absolute;
	transform-origin:left;
	transition: all .8s;
	left:50%;
	transform:translateX(-50%);
	backface-visibility: hidden;
}
.adv-wrap .adv-site1 .adv-img img:last-child{
	  transform:rotateY(180deg) translateX(-50%);
		opacity: 0;
		
}
.adv-wrap .adv-site1:hover .adv-img img:last-child{
	transform:rotateY(0) translateX(-50%);
	opacity: 1;
	
}
.adv-wrap .adv-site1:hover .adv-img img:first-child{
	transform:rotateY(180deg) translateX(-50%);
	opacity: 0;
	
}
.adv-wrap .adv-site1.active .adv-img img:first-child{
	
}
.adv-txt {
	width: 100%;
	text-align: center;
}

.adv-txt p {
	color: #86a2b1;
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 1px;
}

.adv-txt p.adv-txt-tit {
	color: #1e4189;
	font-size: 20px;
	margin-top: 15px;
	margin-bottom: 20px;
	white-space: nowrap;
}

.adv-txt p.adv-txt-ifon {
	max-width: 278px;
	height: 88px;
	overflow: hidden;
	opacity: 0.5;
	transition: all .5s;
}

.adv-wrap li.active .adv-txt p.adv-txt-ifon {
	opacity: 1;
}

@media(min-width:765px) {



	.adv-wrap li a:hover,.adv-wrap li.active a {
		border: 1px solid #dde6ef;
		box-shadow: 0 0 27px rgba(7,24,58,.15);
		transition: all .5s;
		-webkit-transition: all .5s;
		transform: translateY(-35px);
		-webkit-transform: translateY(-35px);
	}

	.adv-wrap li a:hover .adv-txt p.adv-txt-ifon {
		opacity: 1;
		transition: all .5s;
	}
}

@media(max-width:765px) {



	.adv-wrap li a {
		border: 1px solid #dde6ef;
		box-shadow: 0 0 27px rgba(7,24,58,.15);
		transition: all .5s;
		-webkit-transition: all .5s;
		transform: translateY(-35px);
		-webkit-transform: translateY(-35px);
	}

	.adv-wrap li a .adv-txt p.adv-txt-ifon {
		opacity: 1;
		transition: all .5s;
	}
}

@media(max-width:740px) {



	.adv-wrap li a {
		padding: 10px 5px;
	}
}

@media(max-width:650px) {



	.adv-wrap li {
		width: 49.367%;
		margin: 0 0 15px;
	}

	.adv-wrap li:nth-child(even) {
		float: right;
	}
}

.lookfor {
	text-align: center;
}

.for-btn {
	background: url("../images/lookfor.png") no-repeat top center;
	height: 146px;
	width: 245px;
	display: inline-block;
}

.for-btn:hover {
	background: url("../images/lookfor-on.png") no-repeat top center;
}

.for-btn1:hover {
	background: url("../images/lookfor1-on.png") no-repeat top center;
}

.for-btn1 {
	background: url("../images/lookfor1.png") no-repeat top center;
	height: 72px;
	width: 173px;
	display: inline-block;
}

.news-wrap {
	width: 515px;
	display: inline-block;
	margin-top: 50px;
}

.news-title a {
	font-size: 22px;
	color: #61b6ff;
	width: 100%;
	display: inline-block;
	border-bottom: 2px solid #87d1d4;
	padding-bottom: 5px;
}

.news-title a:hover {
	color: #87d1d4;
}

.news-title a:hover .more {
	background: url("../images/more-on.png") no-repeat top center;
}

.news-img {
	text-align: center;
	margin: 12px 0px;
}

.news-img img {
	width: 100%;
	text-align: center;
	height: 246px;
	border: 1px solid red;
	display: inline-block;
}

.news-part-wrap h3 {
	color: #212121;
	font-size: 18px;
	width: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 8px;
}

.news-txt {
	height: 50px;
	font-size: 16px;
	overflow-y: hidden;
	line-height: 25px;
}

.news-txt a {
	color: #757575;
}

.news-bt {
	margin-bottom: 5px;
}

.news-bt a {
	font-size: 18px;
	color: #212121;
	font-weight: 600;
}

.news-bt a:hover {
	color: #61b6ff;
}

.news-time {
	text-align: right;
	margin-top: 5px;
}

.news-list {
	margin-top: 15px;
}

.news-list li {
	height: 40px;
	line-height: 40px;
}

.news-list a {
	color: #212121;
	font-size: 16px;
	padding: 7px 0px;
}

.news-list a:hover {
	color: #61b6ff;
}

.news-list i {
	float: right;
	font-size: 14px;
	color: #757575;
}

.more {
	float: right;
	background: url("../images/more.png") no-repeat top center;
	width: 36px;
	height: 35px;
	margin-top: -3px;
}

.home-partner {
	background: url("../images/partner-bj.jpg") no-repeat top center;
	margin: 0 auto;
	width: 100%;
	background-size: cover;
}







  /*----home style end----*/



  /* ----padding blank----*/



.product-adv {
	padding-bottom: 60px;
}

.home-sample {
	background-color: #fff;
	padding: 70px 0px;
}

.home-sample .game-wrap li img {
	border-radius: 20px;
}

.home-news {
	padding-top: 70px;
	padding-bottom: 120px;
}

.app-show {
	overflow: hidden;
	position: relative;
}

.app-show .hd {
	overflow: hidden;
	height: 80px;
	width: 100%;
	right: 0px;
	position: absolute;
	z-index: 9;
	top: 50%;
	visibility: hidden;
}

.app-show .hd .prev, .app-show .hd .next {
	display: block;
	width: 40px;
	height: 80px;
	overflow: hidden;
	cursor: pointer;
	background: rgb(0, 0, 0) url('../images/al/index-bg.png') no-repeat scroll 0% 0%;
	opacity: 0.5;
}

.app-show .hd a.prev {
	background-position: 12px -272px;
	float: left;
}

.app-show .hd a.next {
	background-position: -19px -272px;
	float: right;
}

.app-show:hover .hd {
	visibility: visible;
}

.app-show .picList li {
	float: left;
	margin-right: 20px;
}

.app-show .picList li  img {
	width: 100%;
}

.more-game {
	width: 100%;
	background: rgb(245, 245, 245) none repeat scroll 0% 0%;
}

.join-content {
	padding: 80px 0 60px;
}

.join-icon {
	background: url("../images/join-icon.png") top center no-repeat;
	height: 174px;
	width: 100%;
	background-size: 100%;
	margin-top: 50px;
	margin-bottom: 100px;
}

.sale-product {
	padding-top: 60px;
}

.sale-server {
	background-color: #FAFAFA;
	padding-top: 80px;
}



  /* ----padding blank end----*/



  /* right_icon */



.right_icon {
	position: fixed;
	right: 10px;
	z-index: 999;
}

.phone-chat {
	position: absolute;
	top: -78px;
	right: 0px;
	background-color: #61B6FF;
	padding: 10px 10px;
	text-align: center;
	color: white;
}

.phone-chat a {
	text-decoration: none;
	color: white;
	line-height: 27px;
}

.phone-chat input {
	text-align: center;
}

.phone-chat .phone-chat-close {
	position: relative;
	right: 0px;
}

.phone-chat .phone-chat-close span {
	right: 0px;
	position: absolute;
	height: 15px;
	width: 15px;
	font-size: 20px;
	color: #ffffff;
	line-height: 12px;
	display: block;
	cursor: pointer;
}

.phone-chat .phone-num-us {
	margin-top: 20px;
	font-size: 16px;
	font-weight: 600;
}

.phone-chat .phone-chat-link {
	background-color: #3f91c1;
}

.right-blank {
	margin-bottom: 2px;
}

.right-block-display {
	display: block;
}

.right-none-display {
	display: none;
}

.right-code-img {
	position: fixed;
	right: 70px;
}



  /* right_icon end*/



a {
	outline: none;
}

a:hover {
	text-decoration: none;
	outline: none;
}

.wp-width {
	width: 980px;
}



/*---func style---*/



.func-title {
	font-size: 28px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: center;
}

.channel-nav-txt .chan-title {
	margin-bottom: 20px;
}

.part-title {
	font-size: 18px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: center;
}

.txt-center {
	text-align: center;
}

.txt-SimSun {
	font-family: "方萍,SimSun";
	font-size: 16px;
	color: #86a2b1;
	max-width: 233px;
	margin-left: auto;
	margin-right: auto;
}

.mobile-wrap {
	background-color: whitesmoke;
	padding-bottom: 80px;
	padding-top: 65px;
}

.mobile {
	width: 980px;
	margin: 0 auto;
}

.channel-nav {
	height: 160px;
	margin-bottom: 33px;
}

.channel-nav li {
	cursor: pointer;
	float: left;
	width: 119px;
	height: 160px;
}

.nav-img-wrap span {
	display: block;
	height: 81px;
	width: 80px;
	text-align: center;
	margin-bottom: 15px;
}

.nav-img-span1 {
	background: url("../images/channel-img/nav-img1.png") top center no-repeat;
}

.nav-one-on .nav-img-span1 {
	background: url("../images/channel-img/nav-img1-on.png") top center no-repeat;
}

.nav-one-on .nav-img-txt {
	color: #3f91c1;
}

.nav-two-on .nav-img-txt {
	color: #3f91c1;
}

.nav-three-on .nav-img-txt {
	color: #3f91c1;
}

.nav-four-on .nav-img-txt {
	color: #3f91c1;
}

.nav-five-on .nav-img-txt {
	color: #3f91c1;
}

.nav-six-on .nav-img-txt {
	color: #3f91c1;
}

.nav-img-span2 {
	background: url("../images/channel-img/nav-img2.png") top center no-repeat;
}

.nav-two-on .nav-img-span2 {
	background: url("../images/channel-img/nav-img2-on.png") top center no-repeat;
}

.nav-img-span3 {
	background: url("../images/channel-img/nav-img3.png") top center no-repeat;
}

.nav-three-on .nav-img-span3 {
	background: url("../images/channel-img/nav-img3-on.png") top center no-repeat;
}

.nav-img-span4 {
	background: url("../images/channel-img/nav-img4.png") top center no-repeat;
}

.nav-four-on .nav-img-span4 {
	background: url("../images/channel-img/nav-img4-on.png") top center no-repeat;
}

.nav-img-span5 {
	background: url("../images/channel-img/nav-img5.png") top center no-repeat;
}

.nav-five-on .nav-img-span5 {
	background: url("../images/channel-img/nav-img5-on.png") top center no-repeat;
}

.nav-img-span6 {
	background: url("../images/channel-img/nav-img6.png") top center no-repeat;
}

.nav-six-on .nav-img-span6 {
	background: url("../images/channel-img/nav-img6-on.png") top center no-repeat;
}

.nav-img-span7 {
	background: url("../images/channel-img/nav-img7.png") top center no-repeat;
}

.nav-seven-on .nav-img-span7 {
	background: url("../images/channel-img/nav-img7-on.png") top center no-repeat;
}

.nav-img-span8 {
	background: url("../images/channel-img/nav-img8.png") top center no-repeat;
}

.nav-eight-on .nav-img-span8 {
	background: url("../images/channel-img/nav-img8-on.png") top center no-repeat;
}

.channel-nav-txt {
	height: 100px;
}

.channel-nav-txt .chan-title {
	margin-bottom: 20px;
}

.channel-nav-img {
}

.channel-nav-img li {
	text-align: right;
	padding-top: 20px;
}

.channel-nav-img li img {
	width: 95%;
}

.mobile-down {
  /*  background: url("../images/channel-img/mobile-down.png") no-repeat;*/
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	padding-bottom: 100px;
	padding-top: 80px;
}

.mobile-down .mobile-down-wp {
	position: relative;
}

.mobile-down .mobile-down-wp li {
	float: left;
	width: 33%;
	height: 260px;
	padding: 20px 15px;
	text-align: center;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	border-bottom: 1px solid #eeeff1;
	border-right: 1px solid #eeeff1;
}

.mobile-down .mobile-down-wp li:nth-last-child(4),.mobile-down .mobile-down-wp li:nth-last-child(2),.mobile-down .mobile-down-wp li:nth-last-child(3) {
	border-bottom: none;
}

.mobile-down .mobile-down-wp li:nth-child(3n) {
	border-right: none;
}

.mobile-down .mobile-down-wp .advan-title {
	font-size: 20px;
	color: #1e4189;
	font-family: "方萍,SimHei";
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.mobile-down .mobile-down-wp .advan {
	background: url("../images/channel-img/mobile-icon2.png") no-repeat;
	background-size: auto 100%!important;
	height: 99px;
	width: 99px;
	display: inline-block;
}

.mobile-down .mobile-down-wp .advan-one {
	background-position: -260px 0px
}

.mobile-down .mobile-down-wp .advan-two {
	background-position: -620px 0px
}

.mobile-down .mobile-down-wp .advan-three {
	background-position: -978px 0px;
}

.mobile-down .mobile-down-wp .advan-four {
	background-position: -1604px 0px;
}

.mobile-down .mobile-down-wp .advan-five {
	background-position: -1953px 0px;
}

.mobile-down .mobile-down-wp .advan-six {
	background-position: -2298px 0px;
}

.mobile-down .mobile-down-wp .advan-seven {
	background-position: -2911px 0px;
}

.mobile-down .mobile-down-wp .advan-eight {
	background-position: -3613px 0px;
}

.mobile-down .mobile-down-wp .advan-nine {
	background-position: -3613px 0px;
}

.mobile-down .mobile-down-wp .advan-ten {
	background-position: -3265px 0px;
}



  /*---func style end---*/



.shouquan-wrap table {
	width: 100%;
	border-left: 1px solid #cccccc;
}

.shouquan-wrap table tr {
	border-bottom: 1px solid #cccccc;
}

.shouquan-wrap table tr th {
	width: 25%;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	border-right: 1px solid #cccccc;
}

.price-wrap table {
	width: 100%;
	border-left: 1px solid #cccccc;
}

.price-wrap table thead tr th {
	background-color: #61B6FF;
	color: #ffffff;
	font-size: 16px;
	line-height: 50px;
}

.shouquan-wrap table thead tr th {
	background-color: #61B6FF;
	color: #ffffff;
	font-size: 16px;
	line-height: 55px;
}

.color-g {
	color: #61B6FF;
}

.color-r {
	color: #FF0000;
}

table tr th .table-note {
	font-size: 13px;
}

.text-intro {
	font-size: 14px;
	color: #cccccc;
	text-align: center;
	margin-left: 200px;
	width: 700px;
}

.text-intro p {
	font-size: 14px;
	text-indent: 20px;
	color: #444444;
}

.price-wrap table tr {
	border-bottom: 1px solid #cccccc;
}

.price-wrap table tr th {
	text-align: center;
	font-size: 15px;
	line-height: 40px;
	border-right: 1px solid #cccccc;
}

.note-title {
	color: #212121;
	margin-bottom: 5px;
	font-size: 18px;
}

.note-ul li {
	font-size: 15px;
	line-height: 30px;
}

.note-wrap {
	padding-bottom: 100px;
}

table tr th.table-lh {
	line-height: 25px!important;
}

.intro-pro-wp ul {
	width: 100%;
}

.intro-pro-wp ul li {
	width: 50%;
	float: left;
	padding-right: 50px;
	height: 100px;
}

.pro-icon {
	display: inline-block;
	float: left;
	width: 15%;
}

.pro-icon img {
	border: 1px solid #212121;
	width: 50px;
	height: 50px;
	display: inline-block;
}

.pro-txt {
	display: inline-block;
	width: 85%;
}

.pro-txt .pro-txt-tit {
	color: #212121;
	font-size: 15px;
}

.pro-txt .pro-txt-intro {
	color: #757575;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 14px;
	white-space: nowrap;
}

.flow-chart {
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center
}

.nav-blank {
	height: 70px;
}

.part-left {
	float: left;
	width: 50%;
}

.part-right {
	width: 50%;
	float: left;
}

.nf-tittle li {
	height: 86px;
	width: 138px;
	border-right: 1px solid #f0f1f5;
	border-bottom: 1px solid #f0f1f5;
	float: left;
	cursor: pointer;
}

.nf-tittle li span {
	display: inline-block;
}

.nf-icon-wp {
	padding-top: 12px;
	display: none;
}

.nf-tit-wp {
	padding-top: 35px;
}

.nf-tit-on .nf-icon-wp {
	display: block;
}

.nf-tit-on .nf-tit-wp {
	padding-top: 0;
}

.nf-icon {
	height: 30px;
	width: 30px;
}

.nf-icon1 {
	background: url("../images/channel-img/dev.png") no-repeat top center;
}

.nf-tit-on .nf-icon1 {
	background: url("../images/channel-img/dev-on.png") no-repeat top center;
}

.nf-icon2 {
	background: url("../images/channel-img/web.png") no-repeat top center;
}

.nf-tit-on .nf-icon2 {
	background: url("../images/channel-img/web-on.png") no-repeat top center;
}

.nf-icon3 {
	background: url("../images/channel-img/wap.png") no-repeat top center;
}

.nf-tit-on .nf-icon3 {
	background: url("../images/channel-img/wap-on.png") no-repeat top center;
}

.nf-icon4 {
	background: url("../images/channel-img/wap.png") no-repeat top center;
}

.nf-tit-on .nf-icon4 {
	background: url("../images/channel-img/wap-on.png") no-repeat top center;
}

.nf-icon5 {
	background: url("../images/channel-img/sdk.png") no-repeat top center;
}

.nf-tit-on .nf-icon5 {
	background: url("../images/channel-img/sdk-on.png") no-repeat top center;
}

.nf-icon6 {
	background: url("../images/channel-img/kai.png") no-repeat top center;
}

.nf-tit-on .nf-icon6 {
	background: url("../images/channel-img/kai-on.png") no-repeat top center;
}

.nf-icon7 {
	background: url("../images/channel-img/h5.png") no-repeat top center;
}

.nf-tit-on .nf-icon7 {
	background: url("../images/channel-img/h5-on.png") no-repeat top center;
}

.nf-tit {
	font-size: 14px;
	font-family: SimSun;
	color: #989daa;
}

.nf-tit-on .nf-tit {
	color: #62b5ff;
	font-size: 16px;
	font-weight: bold;
}

.t-center {
	text-align: center;
}

.fun-wrap li {
	padding: 60px 0;
}

.n-part-left,.n-part-right {
	display: inline-block;
	vertical-align: top;
	transition: all .5s
}

.n-part-left {
	width: 39.5%;
	float: left;
	text-align: center;
	padding-top: 50px;
}

.n-part-right {
	width: 48.214%;
	float: right;
	text-align: center;
	padding-top: 50px;
}

.n-part-right img {
	width: 100%;
	vertical-align: middle;
	max-width: 490px
}

.n_part_left_img {
	float: left;
	width: 58%;
	margin-top: 50px;
	margin-right: 2%;
}

.n_part_left_img img {
	width: 100%;
	max-width: 490px
}

.n-part-content li {
	display: none;
}

.n-part-content .n-part-on {
	display: block;
}

.n-btn-wp a {
	background-color: #eef5fa;
	border: 1px solid #eef5fa;
	border-radius: 18px;
	box-shadow: 0 2px 10px #eef5fa;
	color: #a8c3dd;
	display: inline-block;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 28%;
	margin: 0 3% 3% 0;
}

.n-part-desc {
	margin-bottom: 40px;
}

.n-part-desc h4 {
	font-family: "Microsoft YaHei", sans-serif;
	font-size: 20px;
	color: #1e4189;
	font-weight: bold;
	margin-bottom: 28px;
}

.n-part-desc .n-part-txt {
	font-family: SimSun;
	font-size: 16px;
	color: #86a2b1;
	line-height: 32px;
}

.n-btn-wp a:hover {
	background-color: #62b5ff;
	color: #ffffff;
}

.n-btn-wp a i {
	display: block;
	float: left;
	height: 36px;
	margin-left: 16px;
	width: 16px;
}

.ys_icon {
	background: url(../images/channel-img/ys.png) no-repeat center center / 100% auto;
}

.gn_icon {
	background: url(../images/channel-img/gn.png) no-repeat center center / 100% auto;
}

.lx_icon {
	background: url(../images/channel-img/lx.png) no-repeat center center / 100% auto;
}

.n-btn-wp a:hover .ys_icon {
	background-image: url(../images/channel-img/ys_on.png);
}

.n-btn-wp a:hover .gn_icon {
	background-image: url(../images/channel-img/gn_on.png);
}

.n-btn-wp a:hover .lx_icon {
	background-image: url(../images/channel-img/lx_on.png);
}

.img-left {
	display: inline-block;
	vertical-align: top;
	width: 38.125%;
	text-align: center;
}

.img-left img {
	width: 100%;
}

.txt-right {
	float: right;
	width: 46.78%;
	max-width: 524px;
	display: inline-block;
	vertical-align: top;
	padding-top: 60px;
}

.txt-right h4 {
	color: #212121;
	margin-bottom: 20px;
	font-size: 30px;
}

.txt-right p {
	line-height: 26px;
	font-size: 16px;
	letter-spacing: 1.75px;
}

.home-text {
	min-height: 480px;
	background-color: #f0f1f5;
	padding-top: 80px;
}

.price-wrap table tr th.pa-left {
	padding-left: 20px;
	padding-right: 20px;
	text-align: left;
}

.li-a {
	color: rgb(124, 179, 66);
	margin-top: 20px;
}

.li-a a {
	background: url("../images/channel-img/checked_icon.png") no-repeat left center;
	background-size: 2rem;
	color: #5b5f76;
	cursor: default;
	display: inline-block;
	font-size: 14px;
	line-height: 25px;
	margin-right: 4.52%;
	margin-top: 10px;
	padding-left: 7.52%;
}

.n-btn-wp a {
	background-color: #eef5fa;
	border: 1px solid #eef5fa;
	border-radius: 18px;
	box-shadow: 0 2px 10px #eef5fa;
	color: #a8c3dd;
	display: inline-block;
	font-size: 14px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	width: 28%;
	margin: 0 3% 3% 0;
}



/*# sourceMappingURL=style.css.map */



/*------系统架构模块----------*/



.system-adv {
	margin-top: 50px;
	margin-bottom: 100px;
}

.tab-hd {
	float: left;
	width: 250px;
	position: relative;
	margin-right: 20px;
	margin-top: 15px;
}

.tab-hd li {
	width: 100%;
	cursor: pointer;
	position: relative;
	z-index: 2;
}

.tab-hd li p {
	float: right;
	line-height: 58px;
	color: rgb(51, 67, 85);
	font-size: 30px;
	width: 100%;
	border-bottom: 1px solid rgb(237, 237, 237);
	margin: 0;
}

.tab-list {
	font-size: 16px;
	display: inline-block;
	line-height: 68px;
	vertical-align: middle;
}

.tab-hd li p i {
	display: inline-block;
	line-height: 68px;
	float: left;
	color: rgb(182, 182, 182);
}

.tab-hd li p b {
	float: left;
	display: inline-block;
	line-height: 68px;
	margin: 0px 16px;
	font-style: italic;
	font-weight: normal;
}

.tab-hd li:hover p {
	color: rgb(147, 204, 255);
	font-weight: bold;
}

.tab-hd li:hover p i {
	color: rgb(147, 204, 255);
	font-weight: bold;
}

.tab-hd li.on p {
	color: rgb(147, 204, 255);
	font-weight: bold;
}

.tab-hd li.on .tab-icon-01 {
	background-image: url('../images/zk-img/dev-on.png');
}

.line {
	width: 1px;
	height: 360px;
	background: rgb(237, 237, 237) none repeat scroll 0% 0%;
	float: left;
	margin: 80px 40px 80px 20px;
}

.content-bd {
	float: left;
	height: 500px !important;
	width: 750px;
}

.content-bd li {
	list-style-type: none;
	position: relative;
	height: 100%;
}

.content-bd .li-top {
	padding: 25px 0px 0px;
}

.content-bd h5 {
	color: rgb(102, 102, 102);
	font-size: 24px;
	line-height: 38px;
	position: relative;
	z-index: 2;
	margin: 0;
}

.content-bd p {
	color: rgb(153, 153, 153);
	font-size: 14px;
	line-height: 22px;
	margin-bottom: 5px;
	position: relative;
	z-index: 2;
}

.content-bd .li-a {
	position: relative;
	z-index: 2;
}

.content-bd .li-a a {
	color: rgb(124, 179, 66);
	font-size: 14px;
	margin-right: 50px;
	cursor: default;
	line-height: 25px;
}

.content-bd .li-a span {
	color: rgb(153, 153, 153);
	font-size: 14px;
}

.content-bd .li-img {
	text-align: center;
	position: absolute;
	top: 70px;
	right: 0px;
}

.content-bd .li-t .li-img {
	left: inherit;
	right: 0px;
	text-align: right;
}

.slideTxtBox {
	border: 1px solid #ebebeb;
}

.tab-icon {
	display: inline-block;
	width: 25px;
	height: 25px;
	vertical-align: middle;
	margin-right: 15px;
	transition: all .3s ease;
}

.tab-icon-01 {
	background-image: url('../images/zk-img/dev.png');
}

.tab-icon-02 {
	background-image: url('../images/zk-img/app.png');
}

.tab-icon-03 {
	background-image: url('../images/zk-img/h5.png');
}

.tab-icon-04 {
	background-image: url('../images/zk-img/kai.png');
}

.tab-icon-05 {
	background-image: url('../images/zk-img/sdk.png');
}

.tab-icon-06 {
	background-image: url('../images/zk-img/wap.png');
}

.tab-icon-07 {
	background-image: url('../images/zk-img/web.png');
}

.tab-icon-08 {
	background-image: url('../images/zk-img/wec.png');
}

.tab-hd li.on .tab-icon-01 {
	background-image: url('../images/zk-img/dev-on.png');
}

.tab-hd li.on .tab-icon-02 {
	background-image: url('../images/zk-img/app-on.png');
}

.tab-hd li.on .tab-icon-03 {
	background-image: url('../images/zk-img/h5-on.png');
}

.tab-hd li.on .tab-icon-04 {
	background-image: url('../images/zk-img/kai-on.png');
}

.tab-hd li.on .tab-icon-05 {
	background-image: url('../images/zk-img/sdk-on.png');
}

.tab-hd li.on .tab-icon-06 {
	background-image: url('../images/zk-img/wap-on.png');
}

.tab-hd li.on .tab-icon-07 {
	background-image: url('../images/zk-img/web-on.png');
}

.tab-hd li.on .tab-icon-08 {
	background-image: url('../images/zk-img/wec-on.png');
}



/*------------产品价格模块-------------*/



input[type="checkbox"] {
	display: none;
}

input[type="checkbox"] + label {
	cursor: pointer;
	font-size: 1em;
}



[id^="checkbox-1-"] + label {
	background-color: #FFF;
	border: 1px solid #C1CACA;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
	padding: 9px;
	border-radius: 5px;
	display: inline-block;
	position: relative;
	margin: 0px;
}



[id^="checkbox-1-"] + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}



[id^="checkbox-1-"]:checked + label {
	background-color: #fff;
	border: 1px solid rgb(168,215,255);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
	color: #243441;
	font-size: 62.5%;
}



[id^="checkbox-1-"]:checked + label:after {
	content: '\2713';
	position: absolute;
	top: 0px;
	left: 0px;
	color: rgb(168,215,255);
	width: 100%;
	text-align: center;
	font-size: 1.4em;
	padding: 1px 0 0 0;
	vertical-align: text-top;
}

.sale-type-checkbox {
	height: 20px;
	display: inline-block;
	margin-right: 11px;
	max-width: 120px;
	min-width: 90px;
	margin-bottom: 10px;
}

.sale-type-checkbox:nth-child(3n) {
	margin-right: 0px;
}

.checkbox-text {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 10px;
	margin-left: 5px;
	line-height: 20px;
	color: rgb(154,154,154);
}

.sale-title-word {
	color: rgb(0,3,51);
	font-size: 18px;
	font-weight: bold;
}

.sale-title-price {
	color: rgb(254,111,18);
	font-size: 16px;
	font-weight: bold;
	margin-left: 35px;
}

.sale-title-price::before {
	content: "\00A5";
	margin-right: 5px;
}

.sale-type-checkbox-wrapper {
	margin: 15px 7.5px;
}



/*产品价格*/



.pay_select {
	width: 103.75%;
}

.pay_select li {
	float: left;
	width: 30.4%;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 2px 10px rgba(0,0,0,.05);
	margin-left: -9px;
	overflow: hidden;
	text-align: center;
	margin: 25px 2.7% 25px 0;
	transition: all .5s
}

.pay_select li .h_title {
	background: #9cbcda;
	font-size: 18px;
	color: #fff;
	line-height: 74px;
}

.pay_select li .h_center_box {
	padding: 10px;
	background: url(../images/h_png.png) no-repeat center 33px;
	padding-top: 73px;
}

.pay_select .h_center_box table {
	width: 100%;
}

.pay_select .h_center_box table th {
	font-size: 23px;
	text-align: center;
	font-weight: normal;
}

.pay_select .h_center_box table td {
	font-size: 37px;
	font-weight: bold;
	color: #65c6fd;
	background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(rgba(86, 197, 252, 1)), to(rgba(144, 131, 237, 1)));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	white-space: nowrap;
}

.h_pay_btn {
	color: #fff;
	background: #61b6ff;
	border-radius: 4px;
	display: block;
	width: 83.4%;
	margin: 108px auto 30px;
	line-height: 50px;
	font-size: 17px;
	box-shadow: 0 3px 10px rgba(97,182,255,.4)
}

.pay_select li:hover .h_title {
	background: #62b5ff;
}

.h_pay_btn:hover {
	background: #258cff;
	color: #fff;
}

td.icon-xiajiang {
	font-weight: normal!important;
	font-size: 30px!important;
}



/*产品演示*/



.pro-wrap {
	max-width: 1035px;
	margin: 0 auto;
	height: 478px;
}

.pro-part {
	height: 270px;
	width: 18%;
	display: inline-block;
	margin-right: 1.6425%;
	position: relative;
	overflow: hidden;
	border: 1px solid #d1d6dc;
}

.pro-part .pro-part11 {
	text-align: center;
	padding-top: 29px;
	background: #f3f7fa;
}

.pro-part-zhzhao {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 220px;
	width: 100%;
	background-color: rgba(32,70,88,0.86);
	display: none;
}

.pro-part-zhzhao:hover {
	display: block;
}

.blank-part {
	height: 10px;
}

.pro-part-zhzhao a {
	display: block;
	text-align: center;
}

.pro-part-nav {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 50px;
	width: 100%;
	background: #fff;
}

.pro-part-nav a {
	display: inline-block;
	float: left;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-family: "Microsoft YaHei", sans-serif;
	color: #212121;
	text-decoration: none;
	text-align: center;
	width: 50%;
}

.pro-part-nav a:hover {
	color: #0086ff;
}

.pro-part-nav span {
	display: inline-block;
	cursor: pointer;
	float: right;
	height: 50px;
	width: 50px;
	line-height: 60px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	width: 50%;
	text-align: center;
}

.pro-part-nav span:hover {
	color: #0086ff;
}

.pro-part-btn {
	display: inline-block;
	background: url("../images/pro-img/md-icon.png")no-repeat top center;
	height: 20px;
	width: 20px;
	background-position: 0px 0px;
}

.pro-part-btn:hover {
	background-position: -28px 0px;
}

.pro-head span.head-txt {
	font-family: "Microsoft YaHei", sans-serif;
	color: #212121;
	font-size: 22px;
}

.pro-part-img {
	text-align: center;
	margin-bottom: 10px;
	margin-top: 15px;
}

.pro-download1 {
	display: inline-block;
	width: 110px;
	height: 28px;
	line-height: 28px;
	border-radius: 26px;
	border: 1px solid #d1d6dd;
	color: #d1d6dd;
}

.pro-download1:hover {
	border: 1px solid #0086ff;
	background-color: #0086ff;
	color: #ffffff;
}

.pro-download2 {
	display: inline-block;
	width: 110px;
	height: 28px;
	line-height: 28px;
	border-radius: 26px;
	border: 1px solid #d1d6dd;
	color: #d1d6dd;
}

.pro-download2:hover {
	border: 1px solid #0086ff;
	background-color: #0086ff;
	color: #ffffff;
}

.part-wrap {
	position: relative;
	width: 35.748%;
	height: 270px;
	margin-right: 1.6425%;
	display: inline-block;
	overflow: hidden;
	border: 1px solid #d1d6dc;
}

.part-wrap .part-wrap-img {
	text-align: center;
	padding-top: 46px;
	background: #f3f7fa;
}

.part-nav-ul {
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 50px;
	width: 100%;
	background: #fff;
}

.part-nav-ul li {
	float: left;
	width: 33%;
	list-style: none;
	height: 50px;
}

.part-nav-ul li {
	text-align: center;
	position: relative;
}

.part-nav-ul li a {
	display: inline-block;
	text-align: center;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-family: "Microsoft YaHei", sans-serif;
	color: #212121;
	text-decoration: none;
}

.part-nav-ul li a:hover {
	color: #0086ff;
}

.part-nav-ul li.part-nav-on a {
	color: #0086ff;
}

.part-wrap-ul li:hover .part-wrap-zhzhao {
	display: block;
}

.part-wrap-zhzhao {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 220px;
	width: 100%;
	background-color: rgba(32,70,88,0.86);
	text-align: center;
	display: none;
}

.part-wrap-zhzhao span {
	display: block;
	margin: 0 auto;
}

.part-wrap-zhzhao .zhzhao-add {
	background: url("../images/product-img/img-view.png") no-repeat top center;
	height: 57px;
	width: 57px;
	background-position: 0px 0px;
	margin-top: 75px;
}

.part-wrap-zhzhao .zhzhao-add:hover {
	background-position: -68px 0px;
}

.part-wrap-zhzhao .zhzhao-txt {
	margin-top: 5px;
	font-size: 15px;
	color: #ffffff;
}

.ads-close-btn {
	z-index: 1;
	position: absolute;
	right: -13px;
	top: -14px;
}

.ads-close-btn span {
	display: inline-block;
	float: right;
	height: 30px;
	width: 30px;
	background-color: #0086ff;
	color: #ffffff;
	text-align: center;
	line-height: 26px;
	cursor: pointer;
	border-radius: 15px;
}

.ads-wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	background: rgba(0,0,0,.5);
	z-index: 998;
}

.ads {
	position: fixed;
	left: 50%;
	top: 50%;
	display: none;
	z-index: 999;
}

.v {
	width: 294px;
	margin-top: -212px;
	margin-left: -147px;
}

.h {
	width: 500px;
	margin-top: -190px;
	margin-left: -250px;
}

.carousel-ctl-l {
	position: absolute;
	top: 50%;
	bottom: 0;
	left: -200px;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	height: 300px;
	width: 350px;
	line-height: 50px;
	border-radius: 4px;
	margin-top: -25px;
}

.carousel-ctl-r {
	position: absolute;
	top: 50%;
	right: -200px;
	bottom: 0;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	height: 200px;
	width: 350px;
	line-height: 50px;
	border-radius: 4px;
	margin-top: -25px;
}

.carousel-ctl-l:hover {
	color: #ffffff;
}

.carousel-ctl-r:hover {
	color: #ffffff;
}

.ads1-close-btn {
	z-index: 1;
	position: absolute;
	right: -12px;
	top: -17px;
}

.ads1-close-btn span {
	display: inline-block;
	float: right;
	height: 30px;
	width: 30px;
	background-color: #0086ff;
	color: #ffffff;
	text-align: center;
	line-height: 28px;
	cursor: pointer;
	border-radius: 15px;
}

.ads1-wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	background: rgba(0,0,0,.5);
	z-index: 998;
}

.ads1 {
	position: fixed;
	left: 50%;
	top: 50%;
	display: none;
	z-index: 999;
}







/*流量变现*/



.sec_26 {
}

.sec_26 li {
	float: left;
	width: 12.5%;
	text-align: center;
	position: relative;
	padding: 83px 0 34px 0;
}

.sec_26 li a {
	display: block;
	transition: all .5s;
	padding: 33px 20px;
	border: 1px solid transparent;
}

.sec_26 .img_box img {
	max-width: 95px;
	width: 100%;
}

.sec_26 li .title {
	font-size: 20px;
	padding: 35px 0;
	white-space: nowrap;
	overflow: hidden;
}

.sec_26  .details_txt {
	height: 115px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	opacity: 0;
	transition: all .5s;
	font-size: 16px;
}

@media(min-width:800px) {



	.sec_26 li a:hover {
		color: #fff;
		background: rgba(255,255,255,.2);
		border: 1px solid #fff;
		transform: translateY(-65px);
		transition: all .5s;
	}

	.sec_26 li a:hover .details_txt {
		opacity: 1;
		transition: all .5s;
	}
}

@media(max-width:1120px) {



	.sec_26 li a {
		padding: 15px 10px;
	}
}

@media(max-width:1030px) {



	.sec_26 li {
		padding: 37px 0 34px 0;
	}
}

@media(max-width:800px) {



	.sec_26 li a {
		color: #fff;
		background: rgba(255,255,255,.2);
		border: 1px solid #fff;
		transition: all .5s;
	}

	.sec_26 li {
		width: 30%;
		margin: 0 1.6%;
		padding: 0px 0 10px 0;
	}

	.sec_26  .details_txt {
		opacity: 1;
	}

	.sec_26 li .title {
		font-size: 17px;
		padding: 10px 0;
	}

	.sec_26  .details_txt {
		font-size: 13px;
	}

	.sec_26 .img_box img {
		width: 50%;
	}
}

@media(max-width:555px) {



	.sec_26 li {
		width: 46.8%;
	}
}



/*流量变现——end*/







/*index *****siwper_banner******/



.banner_bg {
	background: #deeafd;
}

.swiper_banner {
	max-width: 920px;
	width: 100%;
	margin: 0 auto;
	padding-bottom: 80px;
	text-align: center;
}

.h_swiper_prev,.h_swiper_next,.swiper-button-prev.swiper-button-disabled {
	border: 1px solid #e9ddca;
	position: absolute;
	top: 69%;
	margin-top: -25px;
	display: block;
	width: 50px;
	height: 55px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 55px;
	font-size: 18px;
	font-weight: bold;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	transform: translateY(-50%);
}

.h_swiper_prev {
	background: #60636c!important;
}

.h_swiper_next {
	background: #60636c !important;
}

.h_swiper_prev:hover,.h_swiper_next:hover {
	background: -webkit-linear-gradient(left, #5974ff , #8086ff) !important;
}

@media(max-width:580px) {



	.h_swiper_prev, .h_swiper_next, .swiper-button-prev.swiper-button-disabled {
		width: 29px;
	}

	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: -14px;
	}

	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: -14px;
	}
}







/*sec_8*/



.sec_8 .swiper_btn_warp {
	max-width: 1022px;
	margin: 0 auto;
}

.sec_8 .swiper_btn_warp span {
	display: inline-block;
	width: 33.333%;
	float: left;
	text-align: center;
	background: #fff;
	line-height: 80px;
	font-size: 20px;
	color: #86a2b1;
	font-weight: bold;
	transition: all .5s;
	cursor: pointer;
}

.sec_8 .swiper_btn_warp span.active {
	background: -webkit-linear-gradient(left,#5974ff , #888aff);
	background: -o-linear-gradient(right,#5974ff , #888aff);
	background: -moz-linear-gradient(right,#5974ff , #888aff);
	background: linear-gradient(to right, #5974ff , #888aff);
	color: #fff;
	transition: all .5s;
}

.sec_8 .swiper_btn_warp span:nth-child(4n) {
	margin-right: 0;
}

.sec_8_tab .swiper-slide {
	height: auto;
}

.sec_8_tab .swiper-slide .tr {
	overflow: hidden;
}

.sec_8_tab .swiper-slide .td {
	width: 50%;
	float: left;
}

.sec_8_tab .swiper-slide .td .img_box {
	position: relative;
	width: 90px;
	height: 111px;
	overflow: hidden;
	margin-left: 33px;
	float: left;
	z-index: 0;
}

.sec_8_tab .swiper-slide .td .img_box:after {
	width: 80px;
	height: 80px;
	display: inline-block;
	content: '';
	position: absolute;
	left: 14%;
	top: 14%;
	border-radius: 4px;
	transform: rotate(-45deg);
	z-index: 0;
}

.sec_8_tab .swiper-slide .td .img_box img {
	position: relative;
	z-index: 2;
	width: auto;
}

.sec_8_tab .swiper-slide .td {
	padding: 30px 0;
	color: #3d3d3d;
}

.sec_8_tab .swiper-slide .td .txt_box {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	padding: 10px 54px 10px 22px;
	vertical-align: middle;
}

.sec_8_tab .swiper-slide .td .txt_box .choice-tit {
	line-height: 30px;
	font-size: 18px;
	white-space: nowrap;
}

.sec_8_tab .swiper-slide .td .txt_box p {
	line-height: 20px;
	font-size: 14px;
}

@media(max-width:800px) {



	.sec_8_tab .swiper-slide .td {
		width: 100%;
		border-bottom: 1px solid #f0eeee;
		padding: 10px 0;
	}

	.sec_8_tab .swiper-slide .td .img_box {
		margin-left: 0;
	}
}

@media(max-width:700px) {



	.sec_8 .swiper_btn_warp span {
		font-size: 16px;
	}
}

@media(max-width:420px) {



	.sec_8 .swiper_btn_warp span {
		font-size: 16px;
		width: 33.33333%;
		margin: 0;
		font-size: 13px;
	}
}







/*sec_6   h_yycj*/



.h_yycj {
}

.two_layout li {
	float: left;
	width: 50%;
	padding: 1.95%;
	font-size: 0;
}

.h_yycj {
	max-width: 1044px;
	margin-right: auto;
	margin-left: auto;
}

.h_yycj .list-box {
	display: table;
	background: #fff;
	padding: 12.2% 5.5% 5% 4%;
	border: 1px solid #dde6ef;
	box-shadow: 0 0 15px #eff1f3;
}

.h_yycj .list-box:hover {
	box-shadow: 0 0 25px #6e6e6f;
}

.h_yycj .img_box {
	display: table-cell;
	width: 30%;
	min-width: 75px;
	min-height: 75px;
	overflow: hidden;
	text-align: center;
	vertical-align: top;
}

.h_yycj .img_box img {
	width: 79.45%;
	min-width: 75px;
}

.h_yycj.two_layout li .sub_title {
	font-size: 22px;
	line-height: 23px;
	padding-bottom: 23px;
	color: #1e4189;
	white-space: nowrap;
}

.h_yycj.two_layout li .ifon {
	font-size: 16px;
	line-height: 24px;
	overflow: hidden;
	color: #86a2b1;
	height: 117px;
}

@media(max-width:1050px) {
}

@media(max-width:800px) {



	.h_yycj.two_layout li {
		text-align: center
	}

	.h_yycj .img_box {
		display: block;
		width: 100%;
		margin-bottom: 15px;
	}

	.h_yycj .img_box img {
		width: 75px;
	}

	.h_yycj.two_layout li .sub_title {
		font-size: 19px;
	}

	.h_yycj.two_layout li .ifon {
		font-size: 14px;
	}
}

@media(max-width:500px) {



	.h_yycj.two_layout li {
		width: 96%;
		float: none!important;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 8.2%;
	}
}







/*about-style*/



.about-wp .p-title {
	margin-bottom: 30px;
	font-size: 28px;
	color: black;
	font-weight: bold;
}

.about-wp .p-title span {
	display: inline-block;
	margin-right: 18px;
	width: 22px;
	height: 22px;
	background: url("../images/about-img/about-num.png") no-repeat;
	background-position: 0px 0px;
}

.about-wp .p-title .p-title-span2 {
	background-position: -34px 0px;
}

.about-wp .p-title span.h_about_num_5 {
	background: #3b3b3b;
	font-size: 13px;
	color: #fff;
	border-radius: 2px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
}

.about-banner {
	background: url("../images/about-img/about-banner.png") no-repeat top center;
	height: 482px;
	width: 100%;
	margin: 0 auto;
}

.detail-banner {
	background: url("../images/about-img/detail-banner.jpg") no-repeat top center;
	height: 482px;
	width: 100%;
	margin: 0 auto;
}

.about-banner .banner-wp {
	padding-top: 32px;
	padding-left: 250px;
	width: 980px;
	margin: 0 auto;
}

.about-banner .banner-wp .p-title {
	color: white;
}

.about-banner .banner-wp p {
	margin-bottom: 34px;
	color: white;
}

.pro-banner {
	background: url("../images/pay-img/pro-banner.jpg") no-repeat top center;
	height: 400px;
	width: 100%;
	margin: 0 auto;
}

.join-us {
	width: 980px;
	height: 290px;
	margin: 0 auto;
	color: #868686;
	padding-top: 50px;
}

.join-us ul {
	width: 980px;
}

.join-us ul li {
	float: left;
}

.join-us ul li:first-child {
	width: 780px;
	line-height: 30px;
}

.join-us ul li:last-child {
	width: 200px;
	padding-left: 34px;
}

.join-us ul li:last-child .express {
	text-align: center;
	text-decoration: none;
	background: url("../images/about-img/express.png") no-repeat;
	height: 71px;
	width: 177px;
	cursor: pointer;
}

.join-us ul li:last-child a {
	text-decoration: none;
	text-align: center;
	line-height: 50px;
	font-size: 24px;
	font-weight: 500;
	color: white;
}

.join-us .p-title span {
	background-position: -72px 0;
}

.contact-us .p-title span {
	background-position: -106px 0;
}

.contact-us {
	height: 326px;
	width: 980px;
	margin: 0 auto;
}

.contact-us ul li {
	float: left;
}

.contact-us .contact-message {
	position: relative;
	color: #868686;
}

.contact-us .contact-message span {
	display: inline-block;
	background: url("../images/about-img/about-icon.png") no-repeat;
	height: 18px;
	width: 18px;
	margin-right: 8px;
	position: relative;
	top: 5px;
}

.contact-us .contact-message .tel {
	position: absolute;
}

.contact-us .contact-message .tel span {
	background-position: -27px 0px;
}

.contact-us .contact-message .qq {
	position: relative;
	left: 177px;
	text-align: left;
}

.contact-us .contact-message .qq span {
	background-position: -58px 0px;
}

.contact-us .contact-message .qq a {
	text-decoration: none;
	color: #868686;
}

.contact-us .contact-message .address span {
	background-position: 0px 0px;
}







/*荣誉资质*/



.h_zz_title {
	font-size: 28px;
	font-weight: bold;
	color: #3b3b3b;
	text-align: center;
}

.h_zz_list {
	max-width: 1086px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.h_zz_list li {
	float: left;
	margin-right: 35px;
	width: 327px;
	background: #f1f4fb;
	border: 1px solid #d5dae0;
	margin-bottom: 35px;
}

.h_zz_list li .h_img_box {
	padding: 25px;
	overflow: hidden;
}

.h_zz_list li .h_img_box img {
	height: 379px;
}

.h_zz_list li .h_img_box .h_heng {
	height: 190px;
}

.h_zz_list li .h_txt {
	height: 90px;
	background: #fff;
}

.h_zz_list li .h_txt:after,.set_big_img:after {
	display: inline-block;
	vertical-align: middle;
	content: '';
	height: 100%;
}

.h_zz_list li .h_txt p {
	vertical-align: middle;
	display: inline-block;
	width: 100%;
	color: #314663;
	font-size: 18px;
	padding: 0 10px;
}

.set_big_img {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1031;
	background: rgba(0,0,0,.5);
	left: 0;
	top: 0;
	text-align: center;
	vertical-align: middle;
	overflow: visible;
	transition: all .5s
}

.h_zz_list li .h_img_box.set_big_img img {
	vertical-align: middle;
	transition: all .5s;
	transform: scale(1);
	height: 100%;
}

.h_zz_list li .h_img_box.set_big_img .h_close {
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 40px;
	height: 40px;
	background: url(../images/guanbi.png) no-repeat center;
	transition: all .5s;
	background-size: 100%;
}

.h_zz_list li .h_img_box.set_big_img .h_close:hover {
	transform: rotate(180deg);
	transition: all .5s
}

@media(max-width:1070px) {



	.h_zz_list li .h_img_box {
		padding: 0;
	}

	.h_zz_list li .h_img_box img {
		width: 100%;
	}
}

@media(max-width:805px) {



	.h_zz_list li {
		width: 64%;
		margin: 20px auto;
		float: none;
	}

	.h_zz_list li .h_img_box .h_heng,.h_zz_list li .h_img_box img {
		height: auto!important;
		width: 99%!important;
	}

	.h_zz_list li .h_img_box.set_big_img .h_close {
		width: 22px;
		height: 22px;
	}
}

@media(max-width:400px) {



	.h_zz_list li {
		width: 90%;
	}

	.h_zz_list li .h_img_box.set_big_img img {
		height: auto;
		width: 99%;
	}
}

@media(max-width:400px) {



	.h_zz_list li {
		width: 90%;
	}

	.h_zz_list li .h_img_box.set_big_img img {
		height: auto;
		width: 99%;
	}
}







/*产品升级*/



.h_Journal_list li.addbg:after {
	border-color: #65c1ff;
}

.h_Journal_list li:nth-child(odd):after {
	left: -64px;
}

.h_Journal_list li:nth-child(even):after {
	right: -70px;
}

.Journal_list_wrap .h_Journal_list {
	width: 100%;
	position: relative;
}

.Journal_list_wrap .h_Journal_list li {
	display: inline-block;
	width: 429px;
	background: #fff;
	position: absolute;
}

.h_Journal_list_li_top {
	height: 80px;
	background: #65c1ff;
	color: #fff;
	box-sizing: border-box;
	position: relative;
	border-color: #65c1ff;
}

.h_Journal_list_li_top:after {
	content: '';
	width: 0;
	height: 0;
	border: 15px solid transparent;
	position: absolute;
	top: 50%;
	margin-top: -15px;
}

.h_Journal_list_li_top .time-num {
	float: left;
	width: 97px;
	text-align: center;
	margin: 0;
}

.h_Journal_list_li_top .time-num span {
	display: block;
}

.h_Journal_centers {
	border: 1px solid #d6d9e0;
	padding: 24px;
}

.h_Journal_list li:nth-child(3n+2) .h_Journal_list_li_top {
	background: #65c1ff;
	border-color: #65c1ff;
}

.h_Journal_list li:nth-child(3n+1) .h_Journal_list_li_top {
	background: #978acf;
	border-color: #978acf;
}

.h_Journal_list li:nth-child(3n+0) .h_Journal_list_li_top {
	background: #3bbeae;
	border-color: #3bbeae;
}

.h_Journal_list li:nth-of-type(even) .h_Journal_list_li_top:after {
	right: -30px;
	border-left-color: inherit;
}

.h_Journal_list li:nth-of-type(odd) .h_Journal_list_li_top:after {
	border-right-color: inherit;
	left: -30px;
}



/*Journal_list*/



.Journal_list_wrap {
	position: relative;
	margin-bottom: 66px
}

.Journal_list_wrap .anchor {
	margin: 15px auto;
	height: 100%;
	background: #d7dae1;
	width: 10px;
	border: 2px solid #cbd0d4;
	border-radius: 10px;
}

.Journal_list_wrap .anchor .scrol_bg {
	display: block;
	width: 100%;
	background: #65c1ff;
	transition: all .8s;
	max-height: 100%;
}

.Journal_list_wrap .anchor .dian {
	position: absolute;
	width: 17px;
	height: 17px;
	background: #fff;
	margin-left: -6px;
	border: 6px solid #d7dae1;
	border-radius: 50%;
}

.Journal_list_wrap .anchor .dian:after {
	content: '';
	width: 21px;
	height: 19px;
	background: transparent;
	border: 2px solid #cbd0d4;
	position: absolute;
	left: -8px;
	top: -7px;
	border-radius: 50%;
	border-top: none;
	border-bottom: none;
}

.Journal_list_wrap .anchor .high.dian {
	border-color: #65c1ff;
}

.Journal_list_wrap .anchor .dian.active:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	animation: spread .8s linear 1s infinite;
	background: #65c1ff;
	border-radius: 50%;
}

.Journal_list_wrap .year.right {
	left: 50.2%;
	background: url(../images/journey/position.png) no-repeat left center;
	background-size: 27px;
}

.Journal_list_wrap .year.right:nth-child(1) {
	top: 3700px;
}

.Journal_list_wrap .year.left {
	right: -7px;
	background: url(../images/journey/position2.png) no-repeat right center;
	background-size: 27px;
}

.Journal_list_wrap .year {
	position: absolute;
	font-size: 27px;
	font-style: normal;
	color: #65c1ff;
	padding: 0 36px;
}

.develop .develop-wp .develop-title, .h_develop_title .develop-title {
	text-align: center;
	font-size: 40px;
	font-family: "SimHei";
	font-weight: bold;
	color: white;
	background-color: #2c343f;
	display: inline-block;
	line-height: 78px;
	padding: 0 50px;
	position: relative;
	margin-bottom: 22px;
}

.h_develop_title .develop-title:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border: 22px solid transparent;
	border-top-color: #2c343f;
	border-bottom: none;
	bottom: -22px;
	left: 50%;
	margin-left: -22px;
}

@keyframes spread {



	0% {
		transform: scale(0,0);
		opacity: 0
	}

	20% {
		transform: scale(2,2);
		opacity: 1
	}

	40% {
		transform: scale(4,4);
		opacity: .6
	}

	60% {
		transform: scale(6,6);
		opacity: .4
	}

	80% {
		transform: scale(8,8);
		opacity: .2
	}

	100% {
		transform: scale(10,10);
		opacity: 0
	}
}

@-moz-keyframes spread {



	0% {
		transform: scale(0,0);
		opacity: 0
	}

	20% {
		transform: scale(2,2);
		opacity: .1
	}

	40% {
		transform: scale(4,4);
		opacity: .6
	}

	60% {
		transform: scale(6,6);
		opacity: .4
	}

	80% {
		transform: scale(8,8);
		opacity: .2
	}

	100% {
		transform: scale(10,10);
		opacity: 0
	}
}

@-webkit-keyframes spread {



	0% {
		transform: scale(0,0);
		opacity: 0
	}

	20% {
		transform: scale(2,2);
		opacity: 1
	}

	40% {
		transform: scale(4,4);
		opacity: .6
	}

	60% {
		transform: scale(6,6);
		opacity: .4
	}

	80% {
		transform: scale(8,8);
		opacity: .2
	}

	100% {
		transform: scale(10,10);
		opacity: 0
	}
}

@-o-keyframes spread {



	0% {
		transform: scale(0,0);
		opacity: 0
	}

	20% {
		transform: scale(2,2);
		opacity: 1
	}

	40% {
		transform: scale(4,4);
		opacity: .6
	}

	60% {
		transform: scale(6,6);
		opacity: .4
	}

	80% {
		transform: scale(8,8);
		opacity: .2
	}

	100% {
		transform: scale(10,10);
		opacity: 0
	}
}

.anitate_opacity {
	animation: opacit 1s;
	overflow: hidden;
	transition: all 2s;
}

@keyframes opacit {



	0% {
		opacity: 0;
		transform: scale(0);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

@media(max-width:924px) {



	.Journal_list_wrap .year.right {
		display: none
	}

	.Journal_list_wrap .anchor {
		display: none
	}

	.Journal_list_wrap .h_Journal_list {
		padding-top: 40px;
	}

	.Journal_list_wrap .h_Journal_list {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none!important;
		position: initial;
	}

	.Journal_list_wrap .h_Journal_list li {
		width: 85%;
		float: none;
		display: block;
		position: initial;
		left: 0;
		right: 0;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
	}

	.Journal_list_wrap .h_Journal_list_li_top:after {
		display: none
	}
}

@media(max-width:495px) {



	.h_develop_title .develop-title {
		font-size: 27px;
		padding: 0 30px;
		line-height: 60px;
	}

	.Journal_list_wrap .h_Journal_list li {
		width: 90%;
	}
}

@media (max-width: 1132px) {



	.layout {
		width: 100%;
	}
}

@media(max-width:1120px) {
 



	.wrap {
		width: 90%;
	}

	.head-nav li {
		width: 88px;
	}

	.game-wrap li {
		width: 14.285%;
		margin-right: 0;
	}

	.n-btn-wp a {
		font-size: 12px;
	}

	.n-btn-wp a i {
		margin-left: 10px;
	}
}

@media(max-width:1100px) {
 



	.game-wrap li {
		width: 16.285%;
	}

	.game-wrap li img {
		width: 76.388%;
	}

	.pay_select .h_center_box table td {
		font-size: 34px;
	}
}

@media (max-width: 938px) {



	.head-nav li {
		width: 77px;
	}

	.adv-txt p.adv-txt-tit {
		font-size: 14px;
	}

	.adv-txt-ifon {
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		height: 92px;
	}

	.pay_select li .h_title {
		line-height: 60px;
	}

	.pay_select .h_center_box table td {
		font-size: 30px;
	}

	.h_pay_btn {
		margin-top: 85px;
		line-height: 43px;
		font-size: 16px;
	}
}

@media (max-width: 800px) {



	body {
		padding: 50px 0 54px 0;
	}

	.wrap_95 {
		width: 95%;
	}

	.logo img {
		height: 40px;
		margin-top: 0;
	}

	.head-nav, .warp_hide, footer,.right_icon ,#cpzs {
		display: none;
	}

	.language_box {
		display: inline-block;
	}

	.language_box a {
		font-size: 12px;
		border-radius: 18px;
		margin-top: 11px;
		line-height: 24px;
	}

	.img-left,.txt-right {
		display: block;
		margin: 0 auto;
		float: none;
	}

	.txt-right {
		padding-top: 17px;
		padding-bottom: 10px;
		text-align: center;
	}

	.home-sample, .home-text {
		padding: 30px 0;
	}

	.footer_nav {
		display: block;
		z-index: 99;
	}

	.footer_nav .nav-on a {
		background: transparent;
	}

	.df_m_t {
		margin-top: 40px;
	}

	.list_warp li {
		height: auto;
		padding: 0 0 30px 0;
	}

	.n-part-right, .n-part-left, .n_part_left_img {
		display: block;
		float: none;
		margin: 0 auto;
		padding-top: 35px;
	}

	.n-part-left, .n_part_left_img {
		width: 64%;
		padding-left: 0;
	}

	.n_part_left_img {
		text-align: center
	}

	.n-part-desc h4 {
		margin-bottom: 9px;
		font-size: 21px;
	}

	.mobile-down .mobile-down-wp .advan-title {
		font-size: 19px;
	}

	.pay_select li {
		width: 45.9%;
		margin: 3.7% 3.7% 0 0;
	}
}

@media (max-width: 660px) {



	.product-adv {
		padding-bottom: 30px
	}

	.txt-right {
		width: 65%;
	}

	.title h4 {
		font-size: 27px;
	}

	.game-wrap li {
		width: 25%;
	}

	.language_box {
		width: 35%;
		line-height: 24px;
	}
}

@media (max-width: 600px) {



	.n-part-left {
		width: 100%;
		padding-left: 0;
	}
}

@media (max-width: 550px) {



	.txt-right h4 {
		font-size: 25px;
		white-space: nowrap;
	}

	.txt-right {
		width: 70%;
	}

	.title {
		height: 50px;
	}

	.title h4 {
		font-size: 19px;
	}

	.mobile-down .mobile-down-wp li {
		width: 50%
	}

	.mobile-down .mobile-down-wp li:nth-last-child(4),.mobile-down .mobile-down-wp li:nth-last-child(2),.mobile-down .mobile-down-wp li:nth-last-child(3) {
		border-bottom: 1px solid #eeeff1;
	}

	.mobile-down .mobile-down-wp li:nth-child(3n) {
		border-right: 1px solid #eeeff1;
	}

	.pay_select {
		width: 100%;
	}

	.pay_select li {
		width: 90%;
		margin: 20px auto 0;
		float: none;
	}

	.pay_select .h_center_box table td {
		font-size: 37px;
	}
}

@media (max-width: 400px) {



	.txt-right {
		width: 90%;
	}

	.game-wrap li {
		width: 33%;
	}

	.language_box a {
		line-height: 24px;
	}
}

@media (max-width: 350px) {



	.title h4 {
		font-size: 16px;
	}

	.n-btn-wp a {
		line-height: 30px;
		height: 30px;
	}

	.n-btn-wp a i {
		margin-left: 5px;
		height: 30px;
	}

	.pay_select .h_center_box table td {
		font-size: 30px;
	}
}











/*案例*/



.h_case_wrap {
	background: url(../images/partner-bj.jpg) no-repeat center;
	background-size: 100% 100%;
	padding: 70px 20px 70px;
	overflow: hidden;
	padding-left: 15%;
	padding-right: 15%;
}

.h_case_wrap .swiper-container2 {
	overflow: hidden;
	padding: 104px 0;
	position: relative;
}

.h_case_wrap .swiper-slide {
	width: 200px;
}

.h_case_wrap .swiper-slide img {
	width: 100%;
	-webkit-box-reflect: below 10px;
	-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)))
}

.h_case_wrap .swiper-slide-active {
	transform: scale(1.2)!important;
	transition: all .3s;
	z-index: 200;
}

.h_case_wrap .phone {
	background: url(../images/e906e3346815fabafd7567c65bfee083.png) no-repeat center;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 8;
	background-size: 100% 99.3%;
	width: 277px;
	height: 577px;
	top: -0.8%;
}

.h_case_wrap .swiper-button-prev {
	background: url(../images/icon-prev.png) no-repeat center;
	background-size: 100%;
	width: 50px;
	height: 100px;
	left: 19px;
}

.h_case_wrap .swiper-button-next {
	background: url(../images/icon-next.png) no-repeat center;
	background-size: 100%;
	width: 50px;
	height: 100px;
	right: 19px;
}

@media(max-width:1120px) {



	.h_case_wrap {
		padding: 30px 7%;
	}
}

@media(max-width:660px) {



	.h_case_wrap {
		padding: 30px 1%;
	}
}