@charset "utf-8";

/* CSS Document */
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
img {
	border: medium none;
	margin: 0;
	padding: 0;
}

body {
	font-size: 18px;
	font-family: "Microsoft Yahei";
	color: #5F6679;
	margin: 0 auto;
}

img {
	border: 0;
}

table {
	border-collapse: collapse;
}

a {
	cursor: pointer;
	text-decoration: none;
	color: #090909;
}

a:hover {
	text-decoration: none;
}

p {
	word-break: break-all;
	word-wrap: break-word;
}

ul {
	list-style: none;
}

i {
	vertical-align: middle;
	font-style: normal;
}

/* clear */
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

.flex {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clearflr {
	clear: both;
}

input {
	outline: none;
}

select {
	/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
	border: solid 1px #ddd;
	/*很关键：将默认的select选择框样式清除,ie10+,ie9需要模拟*/
	/* appearance:none;*/
	/* -moz-appearance:none;*/
	/* -webkit-appearance:none;*/
	/*在选择框的最右侧中间显示小箭头图片*/
	background-position: right 50%;
	background-size: 13px auto;
	padding-right: 14px;
	background: none;
	outline: none;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
	display: none;
}

select::-webkit-expand {
	display: none;
}

select::-moz-expand {
	display: none;
}

option::-ms-expand {
	display: none;
}

option {
	-moz-appearance: none;
	/* Firefox */
	-webkit-appearance: none;
	/* Safari 和 Chrome */
	appearance: none;
}

.container-fluid {
	padding: 0 25px;
	margin: 0 auto;
}

.container {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 20px;
	box-sizing: border-box;
	text-align: center;
}

.row h2 {
	font-size: 32px;
	text-align: center;
	color: #006DD9;
}

.row .subtit {
	font-size: 18px;
	text-align: center;
	line-height: 60px;
}

.col-2 {
	width: 50%;
	float: left;
}

.col-3 {
	width: 33.33%;
	float: left;
}

.col-4 {
	width: 25%;
	float: left;
}

.col-8 {
	width: 12.5%;
	float: left;
}

/*Header*/
.header {
	background: #F5FAFF;
	min-height: 960px;
}

.header .menu2 {
	width: 100%;
	height: 60px;
	padding: 10px 0;
	background: rgba(195 216 248 / 70%);
	position: fixed;
	left: 0;
	top: 0;
	box-shadow: 2px 1px 3px #dbe9fe;
	z-index: 99;
}

.menu-block {
	padding-top: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.header .menu2 .logo {
	width: 260px;
	height: 60px;
	display: inline-block;
	float: left;
	background: url(../images/logo.png) no-repeat;
	margin-top: -10px;
	margin-left: 90px;
}

.header .menu2 .navbar {
	height: 16px;
	line-height: 16px;
	float: right;
}

.header .menu2 .navbar li {
	width: 128px;
	text-align: center;
	float: left;
	
}

.header .menu2 .navbar li a.active {
	color: #006DD9;
	font-weight: 700;
}

.header .menu2 .navbar li a:hover {
	color: #006DD9;
}

.header .menu2 .navbar li a {
	position: relative;
}

.header .menu2 .navbar li a.btn {
	transition: all 1250ms cubic-bezier(0.19, 1, 0.22, 1)
}

.mobile-menu {
	width: 38px;
	height: 38px;
	transition: all .5s;
	cursor: pointer;
	display: none;
}

.mobile-menu img {
	width: 38px;
	height: 38px;
}

.flexContainer {
	display: flex;
}

.flexCenter {
	justify-content: center;
	align-items: center;
}

.flexBetween {
	align-items: center;
	justify-content: space-between;
}

.flexWrap {
	flex-wrap: wrap;
}

.flexAuto {
	flex: 1;
}

/*Banner*/
.banner {
	padding-top: 160px;
}

.banner .banner-text {
	margin: 40px 0 0 0px;
}

.banner .banner-text h1 {
	font-size: 64px;
	color: #2272E5;
	margin-bottom: 35px;
}

.banner .banner-text h2 {
	font-size: 32px;
	line-height: 36px;
	margin-bottom: 45px;
	font-weight: normal;
}

.banner .banner-text .txt {
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 60px;
}

.banner .banner-text .blue-btn {
	display: inline-block;
	background: #2272E5;
	font-size: 24px;
	border-radius: 14px;
	padding: 15px 64px;
	color: #fff;
	text-align: center;
	transition-duration: 0.4s;
}
.blue-btn{
	margin: 0 10px;
	    border: 1px solid #000;
	    width: 102px;
	    height: 36px;
	    display: block;
	    float: left;
	    margin-top: -10px;
	    text-align: center;
	    border-radius: 18px;
	    line-height: 36px;
	    background: #fff;
}
.blue-btn1{
	margin: 0 10px;
	    border: 1px solid #2272e5;
	    width: 102px;
	    height: 36px;
	    display: block;
	    float: left;
	    margin-top: -10px;
	    text-align: center;
	    border-radius: 18px;
	    line-height: 36px;
	    background: #fff;
		font-size: 20px;
}
.banner .banner-text .blue-btn:hover {
	background: #006DD9;
	border-radius: 18px;
}

.banner .banner-img {
	width: 600px;
	height: 640px;
}

.banner .banner-img .dl-1 {
	position: absolute;
	text-align: center;
	z-index: 3;
}

.banner .banner-img .dl-2 {
	position: absolute;
	text-align: center;
	z-index: 2;
	background: rgba(195, 216, 248, 0.7);
	border-radius: 50%;
	-webkit-animation: waves 5s ease-in-out infinite;
	animation: waves 5s ease-in-out infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

.banner .banner-img .dl-3 {
	position: absolute;
	text-align: center;
	z-index: 1;
	background: #DBE9FE;
	border-radius: 50%;
	-webkit-animation: waves 3s ease-in-out infinite;
	animation: waves 3s ease-in-out infinite;
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}


/*features*/
.features {
	padding-top: 100px;
	min-height: 760px;
	background: url(../images/features_date_bg.png) no-repeat bottom;
}

.features-block {
	padding: 60px 0 20px;
}

.features-block .ys {
	border: 1px #E3EEFE solid;
	margin: 0 10px;
	padding: 25px 18px;
	overflow: hidden;
	height: 100%;
	box-sizing: border-box;
}

.features-block .ys img {
	float: left;
	margin-right: 15px;
}

.features-block .ys .intro-txt {
	text-align: left;
}

.features-block .ys .intro-txt .tit {
	font-size: 20px;
	line-height: 60px;
	font-weight: 700;
}

.features-block .ys .intro-txt .txt {
	font-size: 16px;
	line-height: 30px;
}

.features-date {
	padding-top: 30px;
	overflow: hidden;
}

.features-date p {
	line-height: 60px;
	font-size: 20px;
	text-align: center;
}

.features-date p.big {
	font-size: 42px;
	line-height: 76px;
	color: #2070E5;
}

/*service*/
.service {
	padding-top: 100px;
}

.service .serv-l {
	width: 50%;
	float: left;
}

.service .serv-l .serv-ggzy {
	padding: 60px 0 80px;
	position: relative;
}

.service .serv-l .tit {
	font-size: 22px;
	line-height: 42px;
}

.service .serv-l .serv-col {
	margin-top: 20px;
}

.service .serv-l .serv-col .serv-col-con {
	padding: 20px 0;
}

.service .serv-l .serv-col .serv-col-con .iconfont {
	float: left;
	font-size: 64px;
	line-height: 128px;
	display: inline-block;
	text-align: center;
	width: 114px;
	height: 128px;
	background: url(../images/liujiao_bg.png) no-repeat;
	margin-right: 15px;
}

.service .serv-l .serv-col .serv-col-con .cont {
	padding: 5px 20px 5px 0;
}

.service .serv-l .serv-col .serv-col-con .cont h3 {
	font-size: 18px;
	font-weight: normal;
	line-height: 40px;
	margin-top: 15px;
}

.service .serv-l .serv-col .serv-col-con .cont p {
	line-height: 24px;
	font-size: 14px;
}

.service .serv-l .serv-ico-1 {
	width: 166px;
	height: 190px;
	background: url(../images/cp_1.png) no-repeat;
	position: absolute;
	right: -40px;
	top: 68px;
}

.service .serv-r {
	width: 50%;
	float: left;
	position: relative;
}

.service .serv-r .serv-img {
	min-height: 540px;
	background: url(../images/service_img.png) no-repeat center;
}

.service .serv-r .serv-img span {
	display: block;
}

.service .serv-r .serv-img .serv-ico-1 {
	width: 166px;
	height: 190px;
	background: url(../images/cp_1.png) no-repeat;
	position: absolute;
	left: -124px;
	top: 68px;
	display: none;
}

.service .serv-r .serv-img .serv-ico-2 {
	width: 113px;
	height: 129px;
	background: url(../images/cp_2.png) no-repeat;
	position: absolute;
	left: 130px;
	top: 36px;
}

.service .serv-r .serv-img .serv-ico-3 {
	width: 86px;
	height: 97px;
	background: url(../images/cp_3.png) no-repeat;
	position: absolute;
	left: 132px;
	top: 338px;
}

.service .serv-r .serv-img .serv-ico-4 {
	width: 166px;
	height: 190px;
	background: url(../images/cp_4.png) no-repeat;
	position: absolute;
	left: 418px;
	top: 168px;
	display: none;
}

.service .serv-r .serv-img .serv-ico-5 {
	width: 67px;
	height: 76px;
	background: url(../images/cp_5.png) no-repeat;
	position: absolute;
	left: 672px;
	top: 98px;
}

.service .serv-r .serv-img .serv-ico-6 {
	width: 67px;
	height: 76px;
	background: url(../images/cp_6.png) no-repeat;
	position: absolute;
	left: 548px;
	top: 414px;
}

/*service-ggstyle*/
.adstyle {
	padding: 25px 0;
}

.adstyle h3 {
	font-size: 22px;
	margin-bottom: 20px;
}

.adstyle .styleshow {
	width: 1300px;
	margin: 0 auto;
	min-height: 640px;
}

.adstyle .styleshow .ss-1 {
	width: 30%;
	float: left;
	padding-top: 70px;
}

.adstyle .styleshow .ss-1 .styleshow-sm-1 {
	width: 166px;
	height: 240px;
	margin: 0 auto 40px;
	text-align: center;
	background: url(../images/adstyle_bg2.png) no-repeat;
}

.adstyle .styleshow .ss-1 .styleshow-sm-1 img {
	width: 92px;
	height: 184px;
	margin: 0 auto;
}

.adstyle .styleshow .ss-1 .styleshow-sm-1 p {
	line-height: 36px;
	text-align: center;
}

.adstyle .styleshow .ss-1 .styleshow-sm-2 {
	width: 166px;
	height: 240px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/adstyle_bg2.png) no-repeat;
}

.adstyle .styleshow .ss-1 .styleshow-sm-2 img {
	width: 92px;
	height: 184px;
}

.adstyle .styleshow .ss-1 .styleshow-sm-2 p {
	line-height: 36px;
	text-align: center;
}

.adstyle .styleshow .ss-2 {
	width: 40%;
	float: left;
}

.adstyle .styleshow .ss-2 .styleshow-sm-a {
	text-align: center;
	background: url(../images/adstyle_bg1.png) no-repeat center;
}

.adstyle .styleshow .ss-2 .styleshow-sm-a p {
	font-size: 20px;
	text-align: center;
	line-height: 42px;
}

.adstyle .styleshow .ss-3 {
	width: 30%;
	float: left;
	padding-top: 70px;
}

.adstyle .styleshow .ss-3 .styleshow-sm-3 {
	width: 166px;
	height: 240px;
	margin: 0 auto 40px;
	text-align: center;
	background: url(../images/adstyle_bg2.png) no-repeat;
}

.adstyle .styleshow .ss-3 .styleshow-sm-3 img {
	width: 92px;
	height: 184px;
	margin: 0 auto;
}

.adstyle .styleshow .ss-3 .styleshow-sm-3 p {
	line-height: 36px;
	text-align: center;
}

.adstyle .styleshow .ss-3 .styleshow-sm-4 {
	width: 166px;
	height: 240px;
	margin: 0 auto;
	text-align: center;
	background: url(../images/adstyle_bg2.png) no-repeat;
}

.adstyle .styleshow .ss-3 .styleshow-sm-4 img {
	width: 92px;
	height: 184px;
}

.adstyle .styleshow .ss-3 .styleshow-sm-4 p {
	line-height: 36px;
	text-align: center;
}

/*service-h5game*/
.h5game {
	padding: 35px 0 60px;
}

.h5game h3 {
	font-size: 22px;
	margin-bottom: 20px;
}

.serv-h5game {
	min-height: 460px;
	background: url(../images/h5game_img.png) no-repeat;
}

.serv-h5game .h5game-img {
	padding: 70px 0 0 0;
}

.serv-h5game .h5game-img .h5game-img-list1 {
	display: inline-block;
	margin-left: 130px;
}

.serv-h5game .h5game-img .h5game-img-list1 img {
	margin-right: 5px;
	width: 120px;
}

.serv-h5game .h5game-img .h5game-img-list2 {
	text-align: right;
	margin: 15px 90px 0 0;
}

.serv-h5game .h5game-img .h5game-img-list2 img {
	margin-right: 5px;
	width: 120px;
}

.h5game-js .li-con1 {
	margin: 0 5px;
}

.h5game-js .li-con2 {
	margin: 0 5px;
}

.h5game-js .li-con1,
.h5game-js .li-con2 {
	min-height: 280px;
	padding: 70px 15px;
	text-align: center;
	background: #E9F1FC;
	border-radius: 20px;
}

.h5game-js .li-con1:hover,
.h5game-js .li-con2:hover {
	background: #C3D8F8;
}

.h5game-js .li-con1.active {
	background: #C3D8F8;
}

.h5game-js .li-con1 .iconfont {
	font-size: 72px;
	display: block;
	margin-bottom: 10px;
}

.h5game-js .li-con2 .iconfont {
	font-size: 72px;
	display: block;
	margin-top: 15px;
}

.h5game-js .li-con2 .icon-kaifa {
	margin-top: 28px;
}

.h5game-js .li-con1 h4,
.h5game-js .li-con2 h4 {
	line-height: 42px;
	margin-bottom: 8px;
}

.h5game-js .li-con1 .txt,
.h5game-js .li-con2 .txt {
	line-height: 26px;
}

/*service-virtualitem*/
.virtual-item {
	height: 600px;
	background-image: linear-gradient(to bottom, #006DD9 60%, #FFF 0);
}

.virtual-item .virtual-item-hd {
	color: #fff;
	position: relative;
}

.virtual-item .virtual-item-hd h3 {
	font-size: 22px;
	padding-top: 50px;
	line-height: 64px;
}

.virtual-item .virtual-item-hd .control {
	width: 200px;
}

.virtual-item .virtual-item-hd .control .iconfont {
	color: #fff;
	font-size: 46px;
	margin: 0 15px;
}

.virtual-item .virtual-item-hd .control .xiexian {
	font-size: 32px;
	vertical-align: middle;
}

.virtual-item .virtual-item-cont {
	padding: 60px 0 0 0;
}

.virtual-item .virtual-item-cont .col-3 {
	margin-top: 30px;
}

.virtual-item .virtual-item-cont .grid {
	background: #fff;
	margin: 20px;
	min-height: 240px;
	padding: 25px 30px;
	border-radius: 8px;
	box-shadow: 1px 2px 3px #ddd;
	position: relative;
}

.virtual-item .virtual-item-cont .grid.g-1 {
	transform: scale(1.0) translateY(-30px) rotate(-2.0deg);
}

.virtual-item .virtual-item-cont .grid.g-2 {
	transform: scale(1.0) translateY(-30px) rotate(2.0deg);
}

.virtual-item .virtual-item-cont .grid:hover {
	transform: scale(1.0) translateY(-30px);
	background: #E9F1FC;
	box-shadow: 1px 2px 3px #006DD9;
}

.virtual-item .virtual-item-cont .grid h4 {
	font-size: 18px;
	line-height: 42px;
	margin-bottom: 5px;
}

.virtual-item .virtual-item-cont .grid .color {
	width: 64px;
	height: 4px;
	background: #006DD9;
	border-radius: 99px;
	margin-bottom: 15px;
}

.virtual-item .virtual-item-cont .grid p {
	width: 100%;
	line-height: 24px;
}

.virtual-item .virtual-item-cont .grid img {
	position: absolute;
	right: 20px;
	bottom: 25px;
}

/*process*/
.process {
	height: 230px;
	padding: 50px 0 20px;
	padding-top:150px
}

.process .p-l {
	float: left;
	width: 25%;
}

.process .p-l h3 {
	font-size: 32px;
	margin: 20px 0;
	color: #006DD9;
	font-weight: normal;
}

.process .p-l .subtit {
	line-height: 24px;
	font-size: 18px;
}

.process .p-r {
	float: left;
	width: 75%;
}

.process .p-r ul {
	padding: 0 30px;
}

.process .p-r ul li {
	float: left;
	padding: 0 25px;
}

.process .p-r ul li .iconfont {
	width: 110px;
	height: 110px;
	line-height: 110px;
	margin-bottom: 10px;
	display: inline-block;
	text-align: center;
	font-size: 56px;
	background: #E9F1FC;
	color: #606779;
	border-radius: 99px;
}

.process .p-r ul li .icon-youjiantou {
	font-size: 32px;
	background: none;
	line-height: 120px;
}

.process .p-r ul li p {
	text-align: center;
	line-height: 32px;
}

/*aboutus*/
.aboutus {
	min-height: 720px;
	background: #E9F1FC;
}

.aboutus .about-img {
	height: 100%;
	background: url(../images/about_img.jpg) no-repeat;
	background-size: 100% 100%;
	padding: 98px 0;
	text-align: center;
	box-sizing: border-box;
}

.aboutus .about-txt {
	padding: 50px 0 20px 60px;
}

.aboutus .about-txt h3 {
	font-size: 32px;
	line-height: 76px;
	font-weight: normal;
	color: #006DD9;
}

.aboutus .about-txt p {
	line-height: 36px;
}

.aboutus .about-txt .ewm {
	width: 300px;
	margin-top: 25px;
}

.aboutus .about-txt .ewm img {
	margin-bottom: 10px;
}

.aboutus .about-txt .ewm p {
	line-height: 24px;
	text-align: center;
}

/*partner*/
.partner {
	padding: 50px 0;
}

.partner .partner-list {
	height: 100px;
	margin-top: 60px;
	overflow: hidden;
}

.partner .p-li {
	float: left;
	text-align: center;
}

.partner .p-li img {
	width: 70%;
}

/*footer*/
.footer {
	background: #E9F1FC;
	min-height: 30px;
	line-height: 30px;
	padding: 20px 0;
}

.footer span.ba {
	margin-left: 10px;
}

.footer span.qq {
	float: right;
}

.threec {
	align-items: stretch;
}

.fe {
	align-items: flex-start;
}

.adresource {}

.swiper-slide {
	width: 33.3%;
}

.swiper-container {
	padding-top: 20px;
}

.styleshow-sm-o {
	opacity: .5;
}

.styleshow-sm-o.active {
	opacity: 1;
}