@charset "UTF-8";
/**
 * @authors Elong (yangxinglong@126.com)
 * @date    2016-05-04 15:20:54
 */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,header,hgroup,nav,section,article,aside,footer,figure,figcaption,menu,button{margin:0;padding:0;}
body{font-family:'Helvetica Neue',Helvetica,STHeiTi,sans-serif;font-size:16px;line-height:1.5;-webkit-user-select:none;color:#000;outline:0; background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table{border-spacing:0; border-collapse:collapse;}
caption,th{text-align:left;}
fieldset,img{border:0;}
li{list-style:none;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;outline:0;}
button{border:0;background:none; -webkit-appearance:none;}
a{text-decoration:none; -webkit-touch-callout:none;}
:focus{outline:0;-webkit-tap-highlight-color:transparent;}
em,i{font-style:normal;}
div{margin:0 auto;}


.wrap{width:640px;}
.main{position:relative;}
.main div{position:absolute;}

.t1{background:url(/dev/product/temp_space/20160504_ksdh/mobile/imgs/bg_1.jpg) 0 0 no-repeat;height:602px;}



.t1_pic_1{background:url(/dev/product/temp_space/20160504_ksdh/mobile/imgs/t1_pic_1.png) 0 0 no-repeat;width:393px;height:103px;left:146px;top:77px;}
.t1_pic_2{background:url(/dev/product/temp_space/20160504_ksdh/mobile/imgs/t1_pic_2.png) 0 0 no-repeat;width:271px;height:35px;left:146px;top:207px;}


.t1_btn{top:276px;left:105px;width:434px;height:60px;}
.t1_btn a{display:block;width:200px;height:60px;overflow:hidden;text-indent:-9999px;}
.t1_btn a.ios{float:left;background:url(/dev/product/temp_space/20160504_ksdh/mobile/imgs/btn_1.png) 0 0 no-repeat;}
.t1_btn a.android{float:right;background:url(/dev/product/temp_space/20160504_ksdh/mobile/imgs/btn_2.png) 0 0 no-repeat;}

.t_pic{width:422px;height:588px;background:url(/dev/product/temp_space/20160504_ksdh/mobile/imgs/t_pic.png) 0 0 no-repeat;top:384px;left:107px;}

.t2{height:1068px;}
.t3{height:600px;background-color:#f6f6f6;}
.t4{height:690px;}




.pic_1{background:url(/dev/product/temp_space/20160504_ksdh/mobile/imgs/pic_1.png) 0 0 no-repeat;width:369px;height:460px;left:0;top:450px;}
.pic_2{background:url(/dev/product/temp_space/20160504_ksdh/mobile/imgs/pic_2.png) 0 0 no-repeat;width:483px;height:375px;right:0;top:42px;}
.pic_3{background:url(/dev/product/temp_space/20160504_ksdh/mobile/imgs/pic_3.png) 0 0 no-repeat;width:344px;height:414px;left:131px;top:276px;}

.text_1{background:url(/dev/product/temp_space/20160504_ksdh/mobile/imgs/text_1.png) 0 0 no-repeat;width:360px;height:261px;left:242px;top:756px;}
.text_2{background:url(/dev/product/temp_space/20160504_ksdh/mobile/imgs/text_2.png) 0 0 no-repeat;width:420px;height:229px;left:56px;top:292px;}
.text_3{background:url(/dev/product/temp_space/20160504_ksdh/mobile/imgs/text_3.png) 0 0 no-repeat;width:520px;height:227px;left:62px;top:28px;}



.animation .t1_pic_1{-webkit-animation:fadeInDown 1s .2s ease both;animation:fadeInDown 1s .2s ease both}
.animation .t1_pic_2{-webkit-animation:fadeInDown 1s .4s ease both;animation:fadeInDown 1s .4s ease both}
.animation .t1_btn{-webkit-animation:fadeInDown 1s .6s ease both;animation:fadeInDown 1s .6s ease both}
.animation .t1_pic_3{-webkit-animation:fadeInDown 1s .8s ease both;animation:fadeInDown 1s .8s ease both}
.animation .t_pic{-webkit-animation:fadeInUp 1s .8s ease both;animation:fadeInUp 1s .8s ease both}
.animation .pic_1,.animation .pic_2{-webkit-animation:opacity 1s .2s ease both;animation:opacity 1s .2s ease both}
.animation .pic_3{-webkit-animation:opacity 1s .4s ease both;animation:opacity 1s .4s ease both}
.animation .text_1,.animation .text_2{-webkit-animation:fadeInDown 1s .4s ease both;animation:fadeInDown 1s .4s ease both}
.animation .text_3{-webkit-animation:fadeInDown 1s .2s ease both;animation:fadeInDown 1s .2s ease both}
@-webkit-keyframes opacity{0%{opacity:0} 100%{opacity:1} }
@keyframes opacity{0%{opacity:0} 100%{opacity:1} }
@-webkit-keyframes fadeInUp{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;} 100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@keyframes fadeInUp{0%{-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;} 100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;} 100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}
@keyframes fadeInDown{0%{-webkit-transform:translateY(-20px);transform:translateY(-20px);opacity:0;} 100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}}