@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus="this.blur"())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus="this.blur"())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
input[type="submit"],input[type="button"]{ cursor:pointer;}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#666}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:12px;color:#000;}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1}
/*初始化*/
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f34{font-size:34px;}
.f38{font-size:38px;}
.f48{font-size:48px;}
.f55{font-size:55px;}
.f63{font-size:63px;}
.cfff{color: #fff;}
.c2691f1{color: #2691f1;}
.c22dd91{color: #22dd91;}
.cff4680{color: #ff4680;}
.c999{color: #999;}
.c333{color: #333;}
.cff0000{color: #ff0000;}
.cff6700{color: #ff6700;}

.width1200{width: 1200px;margin: auto;}

html, body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/*******加载页面***********/
.fif{ width: 100%; height: 100%;background: #fff;position: fixed;top: 0;z-index: 999; display: none\0;}
.spinner {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 150px;
      text-align: center;
      height: 40px;
      margin:-20px 0 0 -75px;
    }
    .spinner > div {
      width: 30px;
      height: 30px;
      background-color: #3c8fff;

      border-radius: 100%;
      display: inline-block;
      -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
      animation: bouncedelay 1.4s infinite ease-in-out;
      /* Prevent first frame from flickering when animation starts */
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }

    .spinner .bounce1 {
      -webkit-animation-delay: -0.32s;
      animation-delay: -0.32s;
    }

    .spinner .bounce2 {
      -webkit-animation-delay: -0.16s;
      animation-delay: -0.16s;
    }

    @-webkit-keyframes bouncedelay {
      0%, 80%, 100% { -webkit-transform: scale(0.0) }
      40% { -webkit-transform: scale(1.0) }
    }

    @keyframes bouncedelay {
      0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
      } 40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
    }
/*******加载页面结束********/

/*header*/
.header{position: fixed;top: 0;z-index: 998; width: 100%;}

/*menu*/
#menu{position: fixed; right: 32px; top: 50%; width: 150px; height: 535px; list-style-type: none; z-index: 999; margin-top: -200px;transition:all .4s;-webkit-transition:all .4s;}
#menu.xt{margin-top: -537px;}
#menu ul{ border-right: 1px dashed #fff;transition:all .4s;-webkit-transition:all .4s;}
#menu li{  width: 120px; text-align: right;position: relative; margin-bottom: 20px;}
#menu li.active:after{ width: 15px; height: 14px; border-radius: 50%; background: #fff; content: ''; display: block; position: absolute;right: -37px;top: 4px;transition:all .4s;-webkit-transition:all .4s;}
#menu li a{font-size: 15px; color: #fff;transition:all .4s;-webkit-transition:all .4s;}
#menu .a1{ background: url("../img/menu_1.png") no-repeat center; width: 22px; height: 33px; position: absolute; right: -5px;bottom: 28px;transition:all .4s;-webkit-transition:all .4s;}
#menu .a2{ background: url("../img/menu_2.png") no-repeat center; width: 51px; height: 33px; position: absolute; right: 52px;bottom: 28px;transition:all .4s;-webkit-transition:all .4s;}
#menu .a2 i{background: url("../img/menu_3.png") no-repeat; width: 7px; height: 9px; display: block;position: absolute;left: 50%; margin-left: -3.5px;transition:all .4s;-webkit-transition:all .4s;}
#menu .a2 i.s1{ background-position:center top; top:2px;}
#menu .a2 i.s2{ background-position:center bottom;bottom: 2px;}
#menu.on ul{ border-right: 1px dashed #724009;}
#menu.on li.active:after{ background: #724009;}
#menu.on li a{color: #724009;}
#menu.on .a1{ background-image: url("../img/menu_1-1.png");}
#menu.on .a2{ background-image: url("../img/menu_2-1.png");}
#menu.on .a2 i{background-image: url("../img/menu_3—1.png");}
#menu.on1 .a2 i.s1{-webkit-animation:flash .5s alternate;animation:flash .5s alternate;}
#menu.on2 .a2 i.s2{-webkit-animation:flash .5s alternate;animation:flash .5s alternate;}

/*text*/
.title{ width: 100%; color: #fff;position: absolute; width: 1400px;top:5%;left: 50%;margin-left:-700px;}
.title h1{font-size: 30px;line-height: 48px; font-weight: 600;}
.title .line{width:40px; height: 3px; margin:20px auto; background: #fff; display: block;}
.title h3{ font-size: 21px;line-height: 30px; margin-bottom: 10px;}
.title h5{ font-size: 16px;line-height: 30px; margin-bottom: 20px;}

.text-fr{ position: absolute; width: 560px;top:90%;left: 50%;margin: -260px 0 0 143px;}
.text-fr-10{ position: absolute; width: 560px;top: 50%;left: 50%;margin: -260px 0 0 143px;}
.text-fl{ position: absolute; width: 560px;top: 90%;left: 50%;margin: -260px 0 0 -671px;}
.text .text-2 { color: #fff;}
.text .text-2 h4{ font-size:36px; line-height: 60px; text-align: left; margin-bottom: 30px;}
.text .text-2 ul{ padding: 10px 0;margin-left: -18px;}
.text .text-2 ul li{ float: left; width: 115px;text-align: center; margin-bottom:30px;}
.text .text-2 ul li i{ display: block; width: 100%; height: 58px;display: block; font-size: 46px; line-height: 58px; margin-bottom:10px;}

.text .text-3{ color: #fff;}
.text .text-3 h4{ font-size: 26px; line-height: 70px; text-align: left;}
.text .text-3 p{ height: 75px;overflow: height;}
.text .text-3 p a{ width: 75px; height: 75px;float: left; margin-right: 15px;}
.text .text-3 p a img{ width: 100%;}

.text .text-3 .more{box-sizing: border-box;font-size:24px;color: #fff;width:325px; height:60px;line-height:60px; border: 1px solid #fff;display: block;border-radius:50px;text-align: center;margin-top:54px;-webkit-transition:all .2s;transition:all .2s;position: relative;}
.text .text-3 .more span{position: relative;z-index: 9; line-height: 60px; display: block;}
.text .text-3 .more:hover{color: #fff; background: #fff;}

.page2 .text .text-3 .more:hover{color: #f2684c;}
.page3 .text .text-3 .more:hover{color: #fff;}
.page4 .text .text-3 .more:hover{color: #ffb329;}
.page5 .text .text-3 .more:hover{color: #e3493d;}
.page6 .text .text-3 .more:hover{color: #01b760;}
.page7 .text .text-3 .more:hover{color: #fda73a;}
.page8 .text .text-3 .more:hover{color: #4987d2;}
.page9 .text .text-3 .more:hover{color: #fdd13d;}
.page10 .text .text-3 .more:hover{color: #7d5ee8;}

.text.c724009 .text-1{color: #724009;}
.text.c724009 .text-2 { color: #724009;}
.text.c724009 .text-3{ color: #724009;}
.text.c724009 .text-3>a{color: #724009;border: 2px solid #724009;}
.text.c724009 .text-3>a:hover{background: #724009;}

.active .title{-webkit-animation:fadeInRight .7s;animation:fadeInRight .7s;}
.active .text-fr .text-1{-webkit-animation:fadeInRight .7s;animation:fadeInRight .7s;}
.active .text-fr .text-2{-webkit-animation:fadeInRight .9s;animation:fadeInRight .9s;}
.active .text-fr .text-3{-webkit-animation:fadeInRight 1.1s;animation:fadeInRight 1.1s;}
.active .text-fl .text-1{-webkit-animation:fadeInLeft .7s;animation:fadeInLeft .7s;}
.active .text-fl .text-2{-webkit-animation:fadeInLeft .9s;animation:fadeInLeft .9s;}
.active .text-fl .text-3{-webkit-animation:fadeInLeft 1.1s;animation:fadeInLeft 1.1s;}


/*page1*/
.page1{ overflow: hidden;}
.page1 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-488px 0 0 -1280px; background:url("../img/bg_1.jpg"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/bg_1.jpg*/) no-repeat center; background-size: 100%;}
.page1 .kfapp{ position: absolute; width: 587px; height: 108px; background: url("../img/page1_3.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page1_3.png*/) no-repeat center;top: 40%;left: 50%; margin:-400px 0 0 -294px;}
.page1 .box{position: absolute; width: 888px; height: 453px; background: url("../img/page1_2.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page1_2.png*/) no-repeat center;top: 50%;left: 50%; margin:-322px 0 0 -480px;}
.page1 .phone{position: absolute; width: 613px; height: 170px; background: url("../img/page1_1.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page1_1.png*/) no-repeat center;top: 50%;left: 50%; margin:25px 0 0 -298px;}
.page1 .coord{position: absolute; width: 1200px; height: 280px;top: 50%;left: 50%;margin: 284px 0 0 -600px;}
.page1 .coord a{ display: block;}
.page1 .coord .bb-1{position: absolute; width: 97px; height: 93px;top: 28px;left: 0px;}
.page1 .coord .bb-2{position: absolute; width: 98px; height: 91px;top: -76px;left: 156px;}
.page1 .coord .bb-3{position: absolute; width: 78px; height: 75px;top: -56px;left: 320px;}
.page1 .coord .bb-4{position: absolute; width: 87px; height: 88px;top: -32px;left: 470px;}
.page1 .coord .bb-5{position: absolute; width: 81px; height: 75px;top: -88px;left: 632px;}
.page1 .coord .bb-6{position: absolute; width: 98px; height: 91px;top: -150px;right: 160px;}
.page1 .coord .bb-7{position: absolute; width: 84px; height: 79px;top: -26px;right: 344px;}
.page1 .coord .bb-8{position: absolute; width: 72px; height: 66px;top: 28px;right: 218px;}
.page1 .coord .bb-9{position: absolute; width: 116px; height: 77px;top: 24px;right: 0px;}
.page1 .coord .bb-1 a{display: block; width: 97px; height: 93px; background: url("../img/page1_4.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page1_4.png*/) no-repeat center;}
.page1 .coord .bb-2 a{display: block; width: 98px; height: 91px; background: url("../img/page1_5.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page1_5.png*/) no-repeat center;}
.page1 .coord .bb-3 a{display: block; width: 78px; height: 75px; background: url("../img/page1_6.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page1_6.png*/) no-repeat center;}
.page1 .coord .bb-4 a{display: block; width: 87px; height: 88px; background: url("../img/page1_7.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page1_7.png*/) no-repeat center;}
.page1 .coord .bb-5 a{display: block; width: 81px; height: 75px; background: url("../img/page1_8.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page1_8.png*/) no-repeat center;}
.page1 .coord .bb-6 a{display: block; width: 98px; height: 91px; background: url("../img/page1_9.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page1_9.png*/) no-repeat center;}
.page1 .coord .bb-7 a{display: block; width: 84px; height: 79px; background: url("../img/page1_10.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page1_10.png*/) no-repeat center;}
.page1 .coord .bb-8 a{display: block; width: 72px; height: 66px; background: url("../img/page1_11.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page1_11.png*/) no-repeat center;}
.page1 .coord .bb-9 a{display: block; width: 116px; height: 77px; background: url("../img/page1_12.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page1_12.png*/) no-repeat center;}

.active .kfapp{-webkit-animation:flipInX 2s;animation:flipInX 2s;}
.active .box{-webkit-animation:bounceInDown 1s;animation:bounceInDown 1s;}
.active .phone{-webkit-animation:swing 1s;animation:swing 1s;}
.active .coord .bb-1{-webkit-animation:bounceInUp 1.1s;animation:bounceInUp 1.1s;}
.active .coord .bb-2{-webkit-animation:bounceInUp 1.2s;animation:bounceInUp 1.2s;}
.active .coord .bb-3{-webkit-animation:bounceInUp 1.3s;animation:bounceInUp 1.3s;}
.active .coord .bb-4{-webkit-animation:bounceInUp 1.4s;animation:bounceInUp 1.4s;}
.active .coord .bb-5{-webkit-animation:bounceInUp 1.5s;animation:bounceInUp 1.5s;}
.active .coord .bb-6{-webkit-animation:bounceInUp 1.6s;animation:bounceInUp 1.6s;}
.active .coord .bb-7{-webkit-animation:bounceInUp 1.7s;animation:bounceInUp 1.7s;}
.active .coord .bb-8{-webkit-animation:bounceInUp 1.8s;animation:bounceInUp 1.8s;}
.active .coord .bb-9{-webkit-animation:bounceInUp 1.9s;animation:bounceInUp 1.9s;}
.page1 .coord span a:hover{-webkit-animation:bounce 1s;animation:bounce 1s;}

.active .title{-webkit-animation:bounceInDown 1s;animation:bounceInDown 1s;}


/*page2*/
/*#page2{    transition: all .4s ease;}*/
.page2 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-488px 0 0 -1280px; background:url("../img/bg_2.png") no-repeat center; background-size: 100%;}
.page2 .app-yd{position: absolute; width: 576px; height: 647px; background: url("../img/page2.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page2.png*/) no-repeat center; top:65%;left: 50%; margin: -189px 0 0 -654px;}
.page2 .app-yd .yd-1{ position: absolute; width: 299px; height: 441px; /*background: url(../img/page2_2.png) no-repeat center;*/top: 204px;left: 150px;}
.page2 .app-yd .yd-2{ position: absolute; width: 287px; height: 159px; /*background: url(../img/page2_3.png) no-repeat center;*/top: 462px;left: 62px;}
.page2 .app-yd .yd-3{ position: absolute; width: 108px; height: 161px; /*background: url(../img/page2_4.png) no-repeat center;*/top: 435px;right: 83px;}
.page2 .app-yd .yd-4{ position: absolute; width: 105px; height: 117px; /*background: url(../img/page2_5.png) no-repeat center;*/top: 502px;right: 18px;}
.page2 .app-yd .yd-5{ position: absolute; width: 48px; height: 48px; /*background: url(../img/page2_6.png) no-repeat center;*/top: 56px;left: 236px;}
.page2 .app-yd .yd-6{ position: absolute; width: 47px; height: 47px;/* background: url(../img/page2_7.png) no-repeat center;*/top: 295px;left: 90px;}
.page2 .app-yd .yd-7{ position: absolute; width: 51px; height: 51px; /*background: url(../img/page2_8.png) no-repeat center;*/top: 124px;right: 132px;}
.page2 .app-yd .yd-8{ position: absolute; width: 64px; height: 64px; /*background: url(../img/page2_9.png) no-repeat center;*/top: 265px;right: 76px;}
.page2 .app-yd .yd-9{ position: absolute; width: 71px; height: 71px; /*background: url(../img/page2_10.png) no-repeat center;*/top: 144px;left: 105px;}
.page2 .app-yd .yd-10{ position: absolute; width: 576px; height: 428px;/* background: url(../img/page2_1.png) no-repeat center;*/top: 72px;left: -15px;}


.active .app-yd{-webkit-animation:zoomIn .9s;animation:zoomIn .9s;}
.active .app-yd .yd-1{-webkit-animation:fadeInUp 1s;animation:fadeInUp 1s;}
.active .app-yd .yd-2{-webkit-animation:fadeInRight 1.2s;animation:fadeInRight 1.2s;}
.active .app-yd .yd-3{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.active .app-yd .yd-4{-webkit-animation:zoomIn 1.3s;animation:zoomIn 1.3s;}

.active .app-yd .yd-5{-webkit-animation:rotateInDownLeft 1.5s;animation:rotateInDownLeft 1.5s;}
.active .app-yd .yd-6{-webkit-animation:rotateInDownLeft 1.7s;animation:rotateInDownLeft 1.7s;}
.active .app-yd .yd-7{-webkit-animation:rotateInDownRight 1.9s;animation:rotateInDownRight 1.9s;}
.active .app-yd .yd-8{-webkit-animation:rotateInt 2.1s;animation:rotateIn 2.1s;}
.active .app-yd .yd-9{-webkit-animation:rotateIn 2.3s;animation:rotateIn 2.3s;}
.active .app-yd .yd-10{-webkit-animation:zoomIn 2.5s;animation:zoomIn 2.5s;}

/*page3*/
.page3 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-488px 0 0 -1280px; background:url(../img/bg_3.png) no-repeat center; background-size: 100%;}
.page3 .app-cy{position: absolute; width: 613px; height: 599px; background: url("../img/page3.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page3.png*/) no-repeat center; top: 65%;left: 50%; margin: -166px 0 0 60px;}
.page3 .app-cy .cy-1{position: absolute; width: 613px; height: 99px;/*background: url(../img/page3_1.png) no-repeat center;*/bottom: -40px;left: 0px; }
.page3 .app-cy .cy-2{position: absolute; width: 360px; height: 463px;/*background: url(../img/page3_2.png) no-repeat center;*/bottom: 4px;left: 126px; }
.page3 .app-cy .cy-3{position: absolute; width: 41px; height: 28px;/*background: url(../img/page3_3.png) no-repeat center;*/top: 350px;left: 162px; }
.page3 .app-cy .cy-4{position: absolute; width: 42px; height: 35px;/*background: url(../img/page3_10.png) no-repeat center;*/top: 321px;right: 104px; }
.page3 .app-cy .cy-5{position: absolute; width: 56px; height: 31px;/*background: url(../img/page3_4.png) no-repeat center;*/top: 298px;left: 88px; }
.page3 .app-cy .cy-6{position: absolute; width:49px; height: 25px;/*background: url(../img/page3_9.png) no-repeat center;*/top: 256px;right: 128px; }
.page3 .app-cy .cy-7{position: absolute; width:64px; height: 51px;/*background: url(../img/page3_5.png) no-repeat center;*/top: 172px;left: 66px; }
.page3 .app-cy .cy-8{position: absolute; width:54px; height: 68px;/*background: url(../img/page3_8.png) no-repeat center;*/top: 110px;right: 66px; }
.page3 .app-cy .cy-9{position: absolute; width:50px; height: 43px;/*background: url(../img/page3_7.png) no-repeat center;*/top: 96px;right: 138px; }
.page3 .app-cy .cy-10{position: absolute; width:58px; height: 104px;/*background: url(../img/page3_6.png) no-repeat center;*/top: -14px;left: 164px; }


.active .app-cy{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-cy .cy-1{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.active .app-cy .cy-2{-webkit-animation:fadeInUp 1.4s;animation:fadeInUp 1.4s;}
.active .app-cy .cy-3{-webkit-animation:fadeInDown 1.6s;animation:fadeInDown 1.6s;}
.active .app-cy .cy-4{-webkit-animation:fadeInDown 1.8s;animation:fadeInDown 1.8s;}
.active .app-cy .cy-5{-webkit-animation:fadeInDown 2s;animation:fadeInDown 2s;}
.active .app-cy .cy-6{-webkit-animation:fadeInDown 2.2s;animation:fadeInDown 2.2s;}
.active .app-cy .cy-7{-webkit-animation:fadeInDown 2.4s;animation:fadeInDown 2.4s;}
.active .app-cy .cy-8{-webkit-animation:fadeInDown 2.6s;animation:fadeInDown 2.6s;}
.active .app-cy .cy-9{-webkit-animation:fadeInDown 2.8s;animation:fadeInDown 2.8s;}
.active .app-cy .cy-10{-webkit-animation:fadeInDown 3s;animation:fadeInDown 3s;}

/*page4*/
.page4 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-488px 0 0 -1280px; background:url(../img/bg_4.png) no-repeat center; background-size: 100%;}
.page4 .app-jr{position: absolute; width: 604px; height: 681px; background: url("../img/page4.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page4.png*/) no-repeat center; top:70%;left: 50%; margin: -270px 0 0 -672px;}
.page4 .app-jr .jr-1{position: absolute; width: 371px; height: 495px;/*background: url(../img/page4_2.png) no-repeat center;*/top: 200px;left: 78px;}
.page4 .app-jr .jr-2{position: absolute; width: 482px; height: 431px;/*background: url(../img/page4_4.png) no-repeat center;*/top: 190px;left: 50px;}
.page4 .app-jr .jr-3{position: absolute; width: 435px; height: 303px;/*background: url(../img/page4_3.png) no-repeat center;*/top: 82px;left: 106px;}
.page4 .app-jr .jr-4{position: absolute; width: 604px; height: 481px;/*background: url(../img/page4_1.png) no-repeat center;*/top: 56px;left: 0px;}

.active .app-jr{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-jr .jr-1{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;}
.active .app-jr .jr-2{-webkit-animation:zoomIn 2s;animation:zoomIn 2s;}
.active .app-jr .jr-3{-webkit-animation:flipInY 2s;animation:flipInY 2s;}
.active .app-jr .jr-4{-webkit-animation:zoomIn 2.2s;animation:zoomIn 2.2s;}

/*page5*/
.page5 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-488px 0 0 -1280px; background:url(../img/bg_5.png) no-repeat center; background-size: 100%;}
.page5 .app-yl{position: absolute; width: 576px; height: 624px; background: url("../img/page5.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page5.png*/) no-repeat center; top: 58%;left: 50%; margin: -166px 0 0 68px;}
.page5 .app-yl .yl-1{position: absolute; width: 531px; height: 363px;/*background: url(../img/page5_1.png) no-repeat center;*/top: 318px;left: 18px;}
.page5 .app-yl .yl-2{position: absolute; width: 397px; height: 531px;/*background: url(../img/page5_6.png) no-repeat center;*/top: 147px;left: 127px;}
.page5 .app-yl .yl-3{position: absolute; width: 70px; height: 76px;/*background: url(../img/page5_2.png) no-repeat center;*/top: 56px;right: 186px;}
.page5 .app-yl .yl-4{position: absolute; width: 96px; height: 100px;/*background: url(../img/page5_3.png) no-repeat center;*/top: 282px;left: 34px;}
.page5 .app-yl .yl-5{position: absolute; width: 100px; height: 104px;/*background: url(../img/page5_4.png) no-repeat center;*/top: 154px;right: 5px;}
.page5 .app-yl .yl-6{position: absolute; width: 105px; height: 105px;/*background: url(../img/page5_5.png) no-repeat center;*/top: 44px;left: 58px;}

.active .app-yl{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-yl .yl-1{-webkit-animation:fadeInUp 1s;animation:fadeInUp 1s;}
.active .app-yl .yl-2{-webkit-animation:fadeInUp 1.4s;animation:fadeInUp 1.4s;}
.active .app-yl .yl-3{-webkit-animation:fadeInDown 1.6s;animation:fadeInDown 1.6s;}
.active .app-yl .yl-4{-webkit-animation:fadeInDown 1.8s;animation:fadeInDown 1.8s;}
.active .app-yl .yl-5{-webkit-animation:fadeInDown 2s;animation:fadeInDown 2s;}
.active .app-yl .yl-6{-webkit-animation:fadeInDown 2.2s;animation:fadeInDown 2.2s;}


/*page6*/
.page6 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-488px 0 0 -1280px; background:url(../img/bg_6.png) no-repeat center; background-size: 100%;}
.page6 .app-ly{position: absolute; width: 648px; height: 626px; background: url("../img/page6.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page6.png*/) no-repeat center; top: 65%;left: 50%; margin: -179px 0 0 -730px;}
.page6 .app-ly .ly-1{position: absolute; width: 498px; height: 557px;/*background: url(../img/page6_1.png) no-repeat center;*/top: 66px;left: 153px;}
.page6 .app-ly .ly-2{position: absolute; width: 125px; height: 106px;/*background: url(../img/page6_2.png) no-repeat center;*/top: 168px;left: 100px;}
.page6 .app-ly .ly-3{position: absolute; width: 195px; height: 154px;/*background: url(../img/page6_3.png) no-repeat center;*/top: 34px;left: 244px;}
.page6 .app-ly .ly-4{position: absolute; width: 158px; height: 80px;/*background: url(../img/page6_4.png) no-repeat center;*/top: 200px;right: 68px;}
.page6 .app-ly .ly-5{position: absolute; width: 87px; height: 60px;/*background: url(../img/page6_5.png) no-repeat center;*/top: 338px;left: -28px;}

.active .app-ly{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-ly .ly-1{-webkit-animation:zoomIn 1.2s;animation:zoomIn 1.2s;}
.active .app-ly .ly-2{-webkit-animation:rotateIn 1.6s;animation:rotateIn 1.6s;}
.active .app-ly .ly-3{-webkit-animation:rotateIn 1.6s;animation:rotateIn 1.8s;}
.active .app-ly .ly-4{-webkit-animation:rotateIn 2.2s;animation:rotateIn 2.2s;}
.active .app-ly .ly-5{-webkit-animation:rotateIn 2.2s;animation:rotateIn 2.2s;}

/*page7*/
.page7 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-488px 0 0 -1280px; background:url(../img/bg_7.png) no-repeat center; background-size: 100%;}
.page7 .app-jz{position: absolute; width: 575px; height: 575px; background: url("../img/page7.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page7.png*/) no-repeat center; top: 65%;left: 50%; margin:-134px 0 0 50px;}
.page7 .app-jz .jz-1{position: absolute; width: 620px; height: 299px;/*background: url(../img/page7_1.png) no-repeat center;*/top: 300px;left: -25px;}
.page7 .app-jz .jz-2{position: absolute; width: 437px; height: 313px;/*background: url(../img/page7_2.png) no-repeat center;*/top: 252px;left: 67px;}
.page7 .app-jz .jz-3{position: absolute; width: 143px; height: 139px;/*background: url(../img/page7_3.png) no-repeat center;*/top: 472px;right: -24px;}
.page7 .app-jz .jz-4{position: absolute; width: 42px; height: 42px;/*background: url(../img/page7_4.png) no-repeat center;*/top: 195px;left: 182px;}
.page7 .app-jz .jz-5{position: absolute; width: 56px; height: 56px;/*background: url(../img/page7_5.png) no-repeat center;*/top: 228px;right: 78px;}
.page7 .app-jz .jz-6{position: absolute; width: 63px; height: 66px;/*background: url(../img/page7_6.png) no-repeat center;*/top: 54px;left: 120px;}
.page7 .app-jz .jz-7{position: absolute; width: 85px; height: 85px;/*background: url(../img/page7_7.png) no-repeat center;*/top: 136px;left: -6px;}
.page7 .app-jz .jz-8{position: absolute; width: 99px; height: 99px;/*background: url(../img/page7_8.png) no-repeat center;*/top: 99px;right: 2px;}
.page7 .app-jz .jz-9{position: absolute;width: 124px; height: 128px;/*background: url(../img/page7_9.png) no-repeat center;*/top: 48px;right: 150px;}

.active .app-jz{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-jz .jz-1{-webkit-animation:flipInX 1.2s;animation:flipInX 1.2s;}
.active .app-jz .jz-2{-webkit-animation:zoomIn 1.4s;animation:zoomIn 1.4s;}
.active .app-jz .jz-3{-webkit-animation:rotateInDownRight 1.4s;animation:rotateInDownRight 1.4s;}
.active .app-jz .jz-4{-webkit-animation:fadeInUp 1.6s;animation:fadeInUp 1.6s;}
.active .app-jz .jz-5{-webkit-animation:fadeInUp 1.8s;animation:fadeInUp 1.8s;}
.active .app-jz .jz-6{-webkit-animation:fadeInUp 2s;animation:fadeInUp 2s;}
.active .app-jz .jz-7{-webkit-animation:fadeInUp 2.2s;animation:fadeInUp 2.2s;}
.active .app-jz .jz-8{-webkit-animation:fadeInUp 2.4s;animation:fadeInUp 2.4s;}
.active .app-jz .jz-9{-webkit-animation:fadeInUp 2.6s;animation:fadeInUp 2.6s;}

/*page8*/
.page8 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-488px 0 0 -1280px; background:url(../img/bg_8.png) no-repeat center; background-size: 100%;}
.page8 .app-dc{position: absolute; width: 613px; height: 591px; background: url("../img/page8.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page8.png*/) no-repeat center; top: 65%;left: 50%; margin: -161px 0 0 -688px;}
.page8 .app-dc .dc-1{position: absolute; width: 613px; height: 99px;/*background: url(../img/page8_1.png) no-repeat center;*/bottom: -10px;left: 0px;}
.page8 .app-dc .dc-2{position: absolute; width: 404px; height: 400px;/*background: url(../img/page8_2.png) no-repeat center;*/bottom: 28px;left: 113px;}
.page8 .app-dc .dc-3{position: absolute; width: 60px; height: 26px;/*background: url(../img/page8_3.png) no-repeat center;*/top: 294px;right: 38px;}
.page8 .app-dc .dc-4{position: absolute; width: 121px; height: 44px;/*background: url(../img/page8_4.png) no-repeat center;*/top: 246px;left: 42px;}
.page8 .app-dc .dc-5{position: absolute; width: 81px; height: 37px;/*background: url(../img/page8_5.png) no-repeat center;*/top: 90px;left: 196px;}

.active .app-dc{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-dc .dc-1{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.active .app-dc .dc-2{-webkit-animation:fadeInUp 1.6s;animation:fadeInUp 1.6s;}
.active .app-dc .dc-3{-webkit-animation:zoomIn 4s;animation:zoomIn 4s;}
.active .app-dc .dc-4{-webkit-animation:zoomIn 3s;animation:zoomIn 3s;}
.active .app-dc .dc-5{-webkit-animation:zoomIn 5s;animation:zoomIn 5s;}

/*page9*/
.page9 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-488px 0 0 -1280px; background:url(../img/bg_9.png) no-repeat center; background-size: 100%;}
.page9 .app-sj{position: absolute; width: 667px; height: 584px; background: url("../img/page9.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page9.png*/) no-repeat center; top: 65%;left: 50%; margin: -136px 0 0 15px;}
.page9 .app-sj .sj-1{position: absolute; width: 388px; height: 452px;/*background: url(../img/page9_1.png) no-repeat center;*/top: 110px;left: 168px;}
.page9 .app-sj .sj-2{position: absolute; width: 76px; height: 86px;/*background: url(../img/page9_2.png) no-repeat center;*/top: -4px;left: 224px;}
.page9 .app-sj .sj-3{position: absolute; width: 105px; height: 93px;/*background: url(../img/page9_3.png) no-repeat center;*/top: 238px;left: 80px;}
.page9 .app-sj .sj-4{position: absolute; width: 112px; height: 96px;/*background: url(../img/page9_4.png) no-repeat center;*/top: 218px;right: 54px;}
.page9 .app-sj .sj-5{position: absolute; width: 152px; height: 134px;/*background: url(../img/page9_5.png) no-repeat center;*/top: 40px;left: 28px;}
.page9 .app-sj .sj-6{position: absolute; width: 235px; height: 233px;/*background: url(../img/page9_6.png) no-repeat center;*/top: -138px;right: -24px;}

.active .app-sj{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-sj .sj-1{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.active .app-sj .sj-2{-webkit-animation:fadeInDown 2s;animation:fadeInDown 2s;}
.active .app-sj .sj-3{-webkit-animation:fadeInLeft 1.8s;animation:fadeInLeft 1.8s;}
.active .app-sj .sj-4{-webkit-animation:fadeInRight 1.8s;animation:fadeInRight 1.8s;}
.active .app-sj .sj-5{-webkit-animation:fadeInLeft 1.2s;animation:fadeInLeft 1.2s;}
.active .app-sj .sj-6{-webkit-animation:fadeInDown 2.2s;animation:fadeInDown 2.2s;}

/*page10*/
.page10 .bg{ position: absolute;width: 2560px; height: 1200px;top: 50%;left: 50%; margin:-488px 0 0 -1280px; background:url(../img/bg_10.png) no-repeat center; background-size: 100%;}
.page10 .app-hy{position: absolute; width: 667px; height: 584px; background: url("../img/page10.png"/*tpa=http://www.appkaifa.com/Public/Home/solution/img/page10.png*/) no-repeat center; top: 65%;left: 50%; margin: -158px 0 0 -712px;}
.page10 .app-hy .hy-1{position: absolute; width: 613px; height: 99px;/*background: url(../img/page10_2.png) no-repeat center;*/bottom: -5px;left: 30px;}
.page10 .app-hy .hy-2{position: absolute; width: 395px; height: 353px;bottom: 42px;left: 132px;}
.page10 .app-hy .hy-3{position: absolute; width: 560px; height: 245px;top: 42px;left: 50px;}

.active .app-hy{-webkit-animation:zoomIn 1s;animation:zoomIn 1s;}
.active .app-hy .hy-1{-webkit-animation:fadeInUp 1.2s;animation:fadeInUp 1.2s;}
.active .app-hy .hy-2{-webkit-animation:zoomIn 1.8s;animation:zoomIn 1.8s;}
.active .app-hy .hy-3{-webkit-animation:flipInX 2s;animation:flipInX 2s;}