*,body{box-sizing:border-box}
body,html{height:100%}
body{font-size:14px;font-family:"microsoft yahei";font-weight:500;/*line-height:1.6;*/min-width:1024px;margin:0;color:#333;background:#F8F8F8;background-position-y:0}
/*body{background:#F8F8F8 url(../images/img/bj.jpg) no-repeat center center;background-position-y:0;background-size:1920px 1080px }*/
h1,h2,h3,h4,h5,h6{font-family:500}
button,input{border:none;color:inherit;font:inherit;outline:0}
a{text-decoration:none;outline:0;color:#333}
img{vertical-align:middle;border:none;}
ol,ul{list-style:none}
button,dd,dl,dt,h1,h2,h3,h4,h5,h6,img,input,ol,p,ul{margin:0;padding:0}
.a:hover,a:active{outline:0}
img{vertical-align:middle}
.formdlss input::-webkit-input-placeholder{color:#fff}
.formdlss input:-moz-placeholder{color:#fff}
.formdlss input::-moz-placeholder{color:#fff}
.formdlss input:-ms-input-placeholder{color:#fff}
.container2{max-width:1030px;margin:0 auto}
.btn-dl{width:256px;cursor:pointer;height:43px;line-height:43px;color:#fff;text-align:center;background:#747bac;border-radius:80px}
.formdl{width:415px;margin:0 auto}
.allgame{font-size:18px;padding:10px 15px;border-radius:8px;z-index:5;top:80px}
.allgame-li{display:block;height:166px;transition:none}
.disdl:hover .allgame{background:rgba(255,255,255,.2)}
.ptyul div{float:left;margin-right:55px;margin-top:20px}
.shoud{padding:0 30px;text-align:left!important}
.allgame-w ul li{float:left}
.icon-jt{width:5px;height:3px;background:url(../images/img/jt.png);position:absolute;top:17px;right:35px}
.icon{display:inline-block;vertical-align:middle;}
.icon_cn{width:69px;height:69px;z-index:5;position:relative;}
.icon_cn1{background:url(../images/img/cn1.png);}
.icon_cn2{background:url(../images/img/cn2.png);}
.icon_cn3{background:url(../images/img/cn3.png);}
.icon_dows{background:url(../images/img/dows.png);width:16px;height:15px;}
.arwin{position:absolute;top:32px;left:123px;display:none}
.dis{position:relative}
.dis:hover .arwin{display:block}
.arwin a{width:105px;height:37px;display:block;background:#8A7F8B;color:#fff;line-height:37px}
.cons{text-align:center;padding-bottom:45px;position:relative;z-index:5;}
.formdlss{position:relative}
.formdlss input{padding:0 55px;color:#fff;width:100%;margin-bottom:10px;background:rgba(0,0,0,.2);height:43px;border-radius:80px}
.icondl1{width:16px;height:20px;background:url(../images/img/dlicon.png) no-repeat;display:block;position:absolute;top:12px;left:30px}
.icondl2{background-position-x:-23px}
.icondl3{background-position-x:-47px}
.keftu{height:43px;width:146px;background:rgba(0,0,0,.2);border-radius:80px;display:block;float:right;text-align:center;line-height:43px;color:#fff;font-size:12px}
.keftu span{color:#fff100;border-bottom:1px solid #fff100}
.yzm{position:absolute;right:20px;top:10px;width:73px;height:25px;background:url(../images/img/yzm.jpg)}
.icon-down{border-radius:80%;width:130px;height:130px;display:block;background-image:url(../images/img/xiaz.png);margin:0 auto;position:relative;background-color:#836ec2}
.icon-down1{background-position:-16px -13px;background-color:#787ea4}
.icon-down2{background-position:-188px -14px;background-color:#787ea4}
.icon-down3{background-position:145px -13px;background-color:#836ec2}
.down{margin-top:80px;height:377px;padding:0 70px 55px}
.down-box{width:33%;text-align:center;float:left;color:#5e5e5e;position:relative}
.down-box p{margin-top:10px;height:37px;line-height:37px;font-size:16px;color:#5e5e5e}
.downa{width:133px;height:37px;display:block;margin:0 auto;margin-top:10px;background-size:100%}
.downa1{background-size:100%;background:url(../images/img/ios2.png) no-repeat;color:#fff;line-height:33px;font-size:14px;position:relative;background-size:100%}
.downa2{background-position-y:0;color:#717171;font-size:14px;background:url(../images/img/ios.png) no-repeat;background-size:100%}
.icon-1s{vertical-align:middle;background:url(../images/img/ai.png) no-repeat;width:18px;height:18px;display:inline-block;padding-right:20px}
.icon-2s{background-position:-1px -22px}
.footer2{background:#F8F8F8;border-top:1px solid #c6c3d0}
.footer2ul li{float:left;height:45px;margin:30px 0;border-right:1px solid #d0d0d0;padding:0 20px}
.footer2pa,.footer2pa a{font-size:12px;color:#454545;margin-top:8px;line-height:1}
.erww{float:left}
.footer2pa2{font-size:12px;color:#454545;margin-top:5px;line-height:1}
.footer2ul li:first-child{padding-left:0}
.footer2ul li:last-child{border:none;padding-right:0;padding-left:15px}
.erww2{float:left;padding-top:5px;padding-left:5px}
.circleb1,.mian_cnlc11{background:#2da2cf}
.circleb2,.mian_cnlc12{background:#3183c9}
.circleb3,.mian_cnlc13{background:#18ae82}
.circle{position:absolute;top:12px;left:12px;width:45px;height:45px;border-radius:360px}
.layer2 .circle1{-webkit-animation:kuosan 3s linear infinite;-moz-animation:kuosan 3s linear infinite;animation:kuosan 2s linear infinite}
.layer2 .circle2{-webkit-animation:kuosan 3s linear .8s infinite;-moz-animation:kuosan 3s linear .8s infinite;animation:kuosan 3s linear .8s infinite}
.layer2 .circle3{-webkit-animation:kuosan 3s linear 1.6s infinite;-moz-animation:kuosan 3s linear 1.6s infinite;animation:kuosan 3s linear 1.6s infinite}
@-webkit-keyframes kuosan{from{opacity:.8;-webkit-transform:scale(0) translate3d(0,0,0)}
to{opacity:0;-webkit-transform:scale(4) translate3d(0,0,0)}
}
@-moz-keyframes kuosan{from{opacity:.8;-moz-transform:scale(0) translate3d(0,0,0)}
to{opacity:0;-moz-transform:scale(4) translate3d(0,0,0)}
}
@-o-keyframes kuosan{from{opacity:.8;-o-transform:scale(0) translate3d(0,0,0)}
to{opacity:0;-o-transform:scale(4) translate3d(0,0,0)}
}
@keyframes kuosan{from{opacity:.8;transform:scale(0) translate3d(0,0,0)}
to{opacity:0;transform:scale(4) translate3d(0,0,0)}
}
.mian_cn{height:70px;margin-top:100px;}
.mian_cnu li{float:left;width:252px;margin:0 45px;position:relative;}
.mian_cnl1{float:left;margin-right:15px;position:relative;z-index:5;border-radius:100%;}
.mian_cnl2{color:#fff;float:left;margin-top:10px;} 
.mian_cnl2 h1{font-weight:500;font-size:18px;}
.mian_cnl2 a{color:#ccd6f4;border-bottom:1px solid #ccd6f4;margin-right:10px;}
.fixed_kf{position:fixed;top:45%;right:10px;}
.fi_kfi{width:38px;height:38px;background:#616899;text-align:center;padding-top: 7px;}
.fi_ico{background:url(../images/img/i-kf.png);width:25px;height:20px;}
.fi_kf{width:38px;height:138px;background:#747bac;}
.fi_t{height:100px;width:38px;}
.fi_t a{color:#fff;text-align:center;line-height:1.1;padding:10px;height:100px;width:38px;font-size:12px;display:inline-block;}
.fi_t>a>.kf_span{color: #fff100;position:relative;top:2px;}
body{overflow:hidden;}
#canvas { position: absolute; top: 0px; left: 0px; }
#demo2{width:100%;height:100%;}
.mian{position: absolute;top: 50%;left: 50%;width:1030px;margin-left: -505px;margin-top: -239px;}
#cds{width:100%;position:absolute;top:0;}
.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 15px 30px;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
}

.hi-icon:before {
	font-family: 'ecoicon';
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}
.hi-icon:hover {
	background: rgba(255,255,255,0.05);
	/*-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);*/
	color: #fff;
}

.hi-icon:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.5);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.5);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.5);
		opacity: 0;
	}
}
.hi-icon{
	display: inline-block;
    font-size: 0px;
    cursor: pointer;
    margin: 15px 30px;
    width: 73px;
    height: 73px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
     background: rgba(255,255,255,0.1);
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}
.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	top:0;
	left:0;
}

.hi-icon:before {
	font-family: 'ecoicon';
	content: '';
	speak: none;
	font-size: 48px;
	line-height: 73px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}