@charset "utf-8";
/* CSS Document */
body{ background:url(../img/body-bj.jpg) no-repeat top center;}
/***/
.w100{ width:100%; margin-left:auto; margin-right:auto;}
.w1151{ width:1151px; margin-left:auto; margin-right:auto;}
.w1000{ width:1000px; margin-left:auto; margin-right:auto;}

.bg5{ background:#49a6df;}
/***/
.af a{ color:#fff; text-decoration:none;}
.af a:hover{ color:#fff; text-decoration:none;}
/*----------------------------------------------------------------------------------------------------------------------*/
.banner{ position:relative;}
.banner .big-img{ display:block;}
.banner-main{ position:absolute; height:434px; top:0; left:76px;}

.mobile{ position:absolute; top:70px; right:120px; z-index:2;}
.people{ position:absolute; top:230px; right:-110px; z-index:1;}
	/*--top--*/
.navtop{ height:60px; line-height:60px;}
.navtop img{ vertical-align:middle; display:inline-block; margin-right:10px; margin-top:-3px;}
.navtop .top-right{ font-size:16px; color:#fff; margin-right:20px;}
.navtop .top-right a{ font-size:16px;}
	/*--end top--*/
	/*download 详情*/
.download-xx{ position:absolute; top:187px; left:0;}		
.wenz{ color:#fff; font-size:24px;}	
.wenz b{ margin-left:10px; font-weight:normal;}
	
.ewm{ width:145px; height:145px; margin-top:20px;}
.ewm img{ width:100%;}

	/**/
.gameR{ margin:20px 0 0 15px;}

.tese-san{ margin-bottom:8px;}
.tese-san span{ font-size:14px; color:#fff; border:1px solid #fff; border-radius:4px; margin-right:5px; padding:1px 10px;}

.game-xx{ width:500px; color:#fff; font-size:14px; line-height:22px; margin-bottom:16px;}
.game-xx span{ margin:-10px 0 0 -5px; display:inline-block;}
.game-xx span i{ width:19px; height:18px; display:inline-block; background:url(../img/stars1.png) no-repeat; background-size:100%; vertical-align:middle;}

.download{ left:154px; width:500px;}
.download a{ width:220px; height:54px; background:url(../img/button01.png) no-repeat; text-indent:-99999px; display:inline-block;}
.download a:hover{ background:url(../img/button02-hove.png);}
.download a.a2{ width:220px; height:54px; background:url(../img/button03.png) no-repeat; text-indent:-99999px; display:inline-block; margin-left:5px;}
.download a.a2:hover{ background:url(../img/button03-hove.png); }

	/*end download 详情*/
/*--end banner------*/
.section01{ background:#e6e5f3;}

/*end section01*/
.section02{ background:#cbd8ef;}
/*end section02*/

.title01{ position:relative; z-index:1; padding:50px 0 40px 0;}
.center-min{ width:100%; padding-bottom:30px; overflow:hidden;}

/*我们的特色服务*/
.tese{ padding-top:40px; width:680px;}
.tese ul li{  width:300px; height:120px; line-height:26px; margin:0 0 30px 30px; border:1px solid #b4a9d7; border-radius:4px; text-align:center; color:#504869; float:left; position:relative; font-size:16px; }
.tese ul li i{ background:#504869; font-size:24px; width:43px; height:28px; line-height:28px; text-align:center; color:#fff; font-weight:bold; border-radius:4px 0 10px 0; display:inline-block; position:absolute ; top:0; left:0;}
.tese ul li h3{ margin-top:40px; width:100%; display:inline-block; font-size:18px; position:relative;}
.tese ul li span{ background:#fc6e6e; border-radius:6px; width:133px; height:48px; font-size:24px; text-align:center; line-height:48px; color:#fff; display:inline-block; margin-right:20px;}
.tese ul li h3:before{
    position: absolute;
    left:60px;
    top: 9px;
    content: "";
    width:32px;
    height:8px; background:url(../img/xtb01.png) no-repeat; background-size: auto 8px;
}
.tese ul li h3:after{
    position: absolute;
    right:60px;
    top: 9px;
    content: "";
    width: 32px;
    height:8px; background:url(../img/xtb02.png) no-repeat; background-size: auto 8px;
}
.tese ul li.list04 h3:before{
    left:43px;
}
.tese ul li.list04 h3:after{
    right:43px;
}
/*我们的特色服务*/

/*pk*/
.pk-list > div{ width:100%; text-align:center; margin-bottom:30px;}
.pk-list ul li{ line-height:58px; font-size:20px; text-align:center; border-radius:4px; width:435px; margin-bottom:20px; background:rgba(255,255,255,0.56);}
.pk-list01{ color:#e96e79;}
.pk-list02{ color:#49a6df;}

.pk-list-main{ margin:260px  3px 0 3px;}
/*end pk*/


/*link*/
.link{ width:1000px; margin-left:auto; margin-right:auto; padding:30px 0; overflow:hidden; font-size:14px; line-height:24px;}

.link-btn{  text-align:center; color:#f2f2f2; font-weight: normal;}
.link-btn a{ color:#a2a4af; font-size:14px;}
/*end link*/
 
/*about us -pc*/
.about_us_bg{ background:#fff}
.bg-cc{ background:#eee;}

.about-us{ padding:30px 0; width:1000px; margin:0 auto;}
.about-us h3{ font-size:35px; color:#666; font-weight:normal; text-shadow:inherit rgba(255,255,255,1); width:100%; text-align:center; line-height:22px; border-bottom:1px dotted #dedede; padding:10px 0;}
.about-us h3 span{ color:#ccc; font-size:14px;}
.about-us p{ padding:15px 0; font-size:14px; text-indent:24px; line-height:24px;}

.about-us .list{ text-indent:0;}


/*动画*/
@-webkit-keyframes fadeInLeft {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px,  0);
transform:translate3d(0,-2000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px,  0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0,-10px, 0)
}
90% {
-webkit-transform:translate3d(0,5px, 0);
transform:translate3d(0,5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px,  0);
-ms-transform:translate3d(0, -2000px,  0);
transform:translate3d(0, -2000px,  0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 5px, 0);
-ms-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
-ms-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0,5px, 0);
-ms-transform:translate3d(0,5px, 0);
transform:translate3d(0,5px, 0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

	/*end fadeInLeft*/
@-webkit-keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-200px, 0, 0);
transform:translate3d(-200px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-200px, 0, 0);
-ms-transform:translate3d(-200px, 0, 0);
transform:translate3d(-200px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
-ms-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
-ms-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
-ms-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}	
	/*end bounceInLeft*/
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
-ms-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
-ms-transform:none;
transform:none
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
	/*end fadeInUp*/	
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}	
/*end 动画*/