@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
body {
  font: 32px/1 Arial,"Microsoft YaHei", Helvetica, Verdana, sans-serif;
  color: #333;
  width: 100%;
  height:100%;
  min-width: 1000px;
  min-height: 500px;
  background:#f6fafc;
  
}
body.night{
  background:#1B143F;
}
a {
  text-decoration: none;
  outline: none;
}
#container {
  width: 100%;
  height:100%;
  position: relative;
}

@-webkit-keyframes moving {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
  }
}
@-moz-keyframes moving {
  0% {
    -moz-transform: translate3d(0, 0, 0);
  }
  100% {
    -moz-transform: translate3d(-50%, 0, 0);
  }
}
@keyframes moving {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

@-webkit-keyframes cloudmoving {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(50%, 0, 0);
  }
}
@-moz-keyframes cloudmoving {
  0% {
    -moz-transform: translate3d(0, 0, 0);
  }
  100% {
    -moz-transform: translate3d(50%, 0, 0);
  }
}
@keyframes cloudmoving {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(50%, 0, 0);
  }
}

@-webkit-keyframes movebg-in {
  0% {
    -webkit-transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes movebg-in {
  0% {
    -moz-transform: scale(1.5);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@keyframes movebg-in {
  0% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
.movebox{
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:442px;
  overflow:hidden;}
#movebg{
  
  width:100%;
  height:442px;
  opacity: 1;
  -webkit-animation: movebg-in 0.8s ease-out 0s 1 normal forwards;
  -moz-animation: movebg-in 0.8s ease-out 0s 1 normal forwards;
  animation: movebg-in 0.8s ease-out 0s 1 normal forwards;
}


#road{
 position:absolute;
 bottom:0;
 left:0;
 width:100%;
 height:130px;
 background:url(../images/appdl_road.png) repeat-x 0 bottom;
 overflow:hidden;	
}
#road .line{
 position:absolute;
 bottom:59px;
 left:0;
 width:240em;
 height:3px;
 background:url(../images/appdl_line.png) repeat-x 0 0;
 -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: moving 360s linear 0.8s infinite normal none;
  -moz-animation: moving 360s linear 0.8s infinite normal none;
  animation: moving 360s linear 0.8s infinite normal none;	
}
#cartoon{
 position:absolute;
 top:7em;;
 left:50%;
 width:157px;
 height:124px;
 margin-left:-36px;
}
#cartoon-head{
 position:absolute;
 top:0;
 left:0;
 width:157px;
 height:113px;
 background:url(../images/appdl_cartoon02.png) no-repeat 0 0;	
}
#cartoon-head.night{
  background:url(../images/appdl_cartoon06.png) no-repeat 0 0;	
}
#cartoon .lid{
 position:absolute;
 top:97px;
 left:31px;
 width:22px;
 height:13px;
 background:url(../images/appdl_cartoon05.png) no-repeat 0 0;
}
#cartoon .wheel{
 position:absolute;
 top:98px;
 left:30px;
 width:24px;
 height:25px;
 background:url(../images/appdl_cartoon03.png) no-repeat 0 center;
 -webkit-animation: wheelrotate .3s linear 0.8s infinite normal none;
  -moz-animation: wheelrotate .3s linear 0.8s infinite normal none;
  animation: wheelrotate .3s linear 0.8s infinite normal none;	
}
#cartoon .ft{
 position:absolute;
 top:115px;
 left:26px;
 width:27px;
 height:9px;
 background:url(../images/appdl_cartoon04.png) no-repeat 0 center;	
}
@-webkit-keyframes wheelrotate {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes wheelrotate {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes wheelrotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#house{
  position:absolute;
  top:0;
  left:0;
  width:240em;
  height:312px;
  background:url(../images/appdl_bg01.png) repeat-x 0 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: moving 360s linear 0.8s infinite normal none;
  -moz-animation: moving 360s linear 0.8s infinite normal none;
  animation: moving 360s linear 0.8s infinite normal none;	
}
#house.night{background:url(../images/appdl_bg02.png) repeat-x 0 0;}


#sun{
 position:absolute;
 top:50%;
 left:50%;
 width:89px;
 height:89px;
 margin-left:-18em;
 margin-top:7em;
 background:url(../images/appdl_ico07.png) no-repeat 0 0;
 -webkit-animation: sunrotate 100s linear 0.8s infinite normal none;
  -moz-animation: sunrotate 100s linear 0.8s infinite normal none;
  animation: sunrotate 100s linear 0.8s infinite normal none;	
}

@-webkit-keyframes sunrotate {
  0% {
    -webkit-transform: rotate(0deg);;
  }
  100% {
    -webkit-transform: rotate(360deg);;
  }
}
@-moz-keyframes sunrotate {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes sunrotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#moon{
 position:absolute;
 top:50%;
 left:50%;
 width:91px;
 height:88px;
 margin-left:-18.5em;	
 margin-top:8em;
 background:url(../images/appdl_moon.png) no-repeat 0 0;
}
#moon .star{
 width:91px;
 height:88px;
 background:url(../images/appdl_star.png) no-repeat 0 0;
 -webkit-animation: starspark 5s infinite ease-in-out;
 -moz-animation: starspark 5s infinite ease-in-out;
 animation: starspark 5s infinite ease-in-out;
}

@-webkit-keyframes starspark {
  0% {opacity:0;}
  
  100% {opacity:1;}
}
@-moz-keyframes starspark {
  0% {opacity:0;}
  
  100% {opacity:1;}
 
}
@keyframes starspark {
  0% {opacity:0;}
  
  100% {opacity:1;}
  
}


#cloud{
  position:absolute;
  top:0;
  right:0;
  width:240em;
  height:205px;
  background:url(../images/appdl_cloud.png) repeat-x right 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-animation: cloudmoving 360s linear 0.8s infinite normal none;
  -moz-animation: cloudmoving 360s linear 0.8s infinite normal none;
  animation: cloudmoving 360s linear 0.8s infinite normal none;	
}
#cloud.night{
  background: url(../images/appdl_cloud_night.png) repeat-x right 0;	
}


#footer{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:40px;
  line-height:40px;
  text-align:center;
  color:#fff;
  font-size:12px;
  letter-spacing:1px;
  z-index:999;	
}
#appico{
	position:absolute;
	top:50%;
	left:50%;
	width:100px;
	height:100px;
	margin-left:-15em;
	margin-top: 2.5em;
	background: url(../images/appdl_ico01.png) no-repeat 0 0;
	animation:slideDown 1.7s ease-out 0s 1 forwards;
    -moz-animation:slideDown 1.7s ease-out 0s 1 forwards;
    -webkit-animation:slideDown 1.7s ease-out 0s 1 forwards;
}
@keyframes slideDown{
            0%{
                margin-top:-3em;
				opacity:0;
            }
            90%{
                margin-top:4em;
				opacity:.8;
            }
            100%{
                margin-top:2.5em;
				opacity:1;
            }
        }
        @-moz-keyframes slideDown{
            0%{
                margin-top:-3em;
            }
            90%{
                margin-top:4em;
            }
            100%{
                margin-top:2.5em;
            }
        }
        @-webkit-keyframes slideDown{
            0%{
                margin-top:-3em;
            }
            90%{
                margin-top:4em;
            }
            100%{
                margin-top:2.5em;
            }
        }
#advertise{
	position:absolute;
	top:50%;
	left:50%;
	width:324px;
	height:98px;
	margin-left:4.5em;
	margin-top: 2.5em;
	background: url(../images/appdl_ico02.png) no-repeat 0 0;
	transform:rotateX(90deg);
	-moz-transform:rotateX(90deg);
	-webkit-transform:rotateX(90deg);
	-moz-transform-origin:center bottom;
	transform-origin:center bottom;
	-webkit-transform-origin:center bottom;
	animation:growUp 0.5s ease-out 0.5s 1 forwards;
	-moz-animation:growUp 0.5s ease-out 0.5s 1 forwards;
	-webkit-animation:growUp 0.5s ease-out 0.5s 1 forwards;
}

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

#download{
    position:absolute;
    top:50%;
    left:50%;
    width:310px;
    height:100px;
    margin-left:-15em;
    margin-top: 8.5em;
}
#download ul{
  height:117px;
}
#download li{
	float:right;
}
#download .ewm{
	float:left;
	width:117px;
	height:117px;
	background:url(../images/appdl_ewm.png) no-repeat;
}
#download a{
	display:block;
	width:138px;
	height:42px;
	border:none;
	cursor:pointer;
}
#download .iphone{
	margin-bottom:33px;
	background:url(../images/appdl_iphone.png) no-repeat 0 0;
}
#download .android{
	background:url(../images/appdl_android.png) no-repeat 0 0;
}
#introduce{
    position:absolute;
    top:50%;
    left:50%;
    width:340px;
    height:210px;
    margin-left:5em;
    margin-top: 7em;
    color:#41b9b2;
}

.swiper-container {
  width: 340px;
  height: 210px;
}
.swiper-slide {
  width: 340px;
  height: 100%;
  font-size: 14px;
}

.ck-slide ul { margin: 0; padding: 0; width: 340px;height: 210px;list-style-type: none;}
.ck-slide { position: relative;width: 340px;height: 210px; overflow: hidden;}
.ck-slide ul.ck-slide-wrapper { position: absolute; top: 0; left: 0; z-index: 1; margin: 0; padding: 0;}
.ck-slide ul.ck-slide-wrapper li { position: absolute;}
.ck-slide .ck-prev, .ck-slide .ck-next { position: absolute; top: 50%; z-index: 2; width: 35px; height: 70px; margin-top: -35px; border-radius: 3px; opacity: .15; background: red; text-indent: -9999px; background-repeat: no-repeat; transition: opacity .2s linear 0s;}
.ck-slide .ck-prev { left: 5px; }
.ck-slide .ck-next { right: 5px;}
.ck-slidebox { position: absolute; left: 50%; bottom: 12px; z-index: 30;}
.ck-slidebox ul { height: 20px; padding: 0 4px; border-radius: 8px; background: rgba(0,0,0,0.5);}
.ck-slidebox ul li { float: left; height: 12px; margin: 4px 4px;}
.ck-slidebox ul li em { display: block; width: 12px; height: 12px; border-radius: 100%; background-color: #fff; text-indent: -9999px; cursor: pointer;}
.ck-slidebox ul li.current em { background-color: #fe6500;}
.ck-slidebox ul li em:hover { background-color: #fe6500;}


#introduce p{line-height:22px; font-size:14px;letter-spacing:1px;}
#introduce .tt1{font-size:24px;line-height:30px;}
#introduce .tt2{font-size:26px;line-height:58px;}
#introduce .tt3{font-size:20px;line-height:30px;}
#introduce .lst{padding-top:15px;}
#introduce .lst div{float:left;padding-left:66px;height:58px;line-height:58px;font-size:16px; letter-spacing:1px;}
#introduce .lst div.master{margin-right:70px;margin-bottom:50px;background:url(../images/appdl_ico03.png) no-repeat 0 0;}
#introduce .lst div.cose{margin-bottom:50px;background:url(../images/appdl_ico04.png) no-repeat 0 0;}
#introduce .lst div.money{margin-right:70px;background:url(../images/appdl_ico05.png) no-repeat 0 0;}
#introduce .lst div.express{background:url(../images/appdl_ico06.png) no-repeat 0 0;}


@media only screen and (max-device-width : 1440px){
 
}


/*2016-04-25*/
.rside_ewm{position:fixed; right: 40px;top:23%;width: 109px;height:270px;}
.rside_ewm .mgb{margin-bottom: 10px;}
.rside_ewm img{width:109px;height:130px; vertical-align: top;}
#applogo{
    position:absolute;
    top:50%;
    left:50%;
    width:211px;
    height:71px;
    margin-left:-17.5em;
    margin-top: 2.5em;
    background: url(../images/appdl_logo.png) no-repeat 0 0;
    animation:slideDown 1.7s ease-out 0s 1 forwards;
    -moz-animation:slideDown 1.7s ease-out 0s 1 forwards;
    -webkit-animation:slideDown 1.7s ease-out 0s 1 forwards;
}

/*2016-06-17*/
#sun{margin-top: 6.5em;}
#download{margin-top: 7.6em;}
#introduce.n-mtop{margin-top: 8.2em;}
#introduce.n-mtop,#introduce.n-mtop ul{height:100px;}
#introduce .tt4{font-size:30px;line-height:45px;}


#header{
  position:absolute;
  left:50%;
  margin-left:-17.5em;
}