/*海报*/
.poster{width: 100%; }
/*开发系统*/
.sysdev{width:100%; margin:80px auto 0;}
.sysdev_word{width:1200px;height:480px;margin:0 auto;background:url(../images/app/phone1.png) no-repeat right;}
.sysdev_android{width:800px;height:110px; padding:80px 0 100px;}
.sysdev_logo{ float: left; margin-right: 20px;}
.sysdev_tit{ font-size: 28px;line-height:28px;color:#f36121;margin-bottom:16px;}
.sysdev_cont{ font-size: 16px; line-height:28px;color:#888888;}
.sysdev_ios{ width:800px;height:110px;}
/*用户体验*/
.user_experience{ width: 100%; background:url(../images/app/bj1.jpg) no-repeat center center; z-index: 100;}
.userexperi{ width:1200px;height: 420px; background:url(../images/app/bj1pic.png) no-repeat;background-position:30px 23px;margin:0 auto; }
.userexperi_word{width:700px;margin-left:484px;}
.userexperi_word h3{ font-size: 32px; line-height: 32px; padding-top:120px;margin-bottom: 28px; }
.userexperi_word .userExp{ color: #f36121; }
.userexperi_word p{ font-size:18px; line-height: 42px; color:#444; }
/*app技术特色*/
.tech_feature{ width: 100%;margin-top:30px; padding-bottom:80px;}
.techfeat{ width: 1100px;padding:0 50px;margin:0 auto;overflow:hidden; }
.colpart{opacity:0;}
.techfeat .col1,.techfeat .col3{ float:left; width:338px;}
.techfeat .col1 img,.techfeat .col3 img{ float:left; margin-right: 20px;}
.col2{ float:left;width:424px;text-align:center; }
.techfeat_pic_tit{ font-size: 20px; line-height: 20px; margin-bottom: 10px;color:#444444; }
.techfeat_pic_cont{ font-size: 16px; line-height:26px; color: #888888; }
.comitem01,.comitem04{margin-top:54px;}
.comitem02,.comitem05{margin:62px 0px;}
.computer{-webkit-transform:translateY(180px);transform:translateY(180px);opacity:0;transition: 0.6s 0.8s;}
.computer.active{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
.comitem01{-webkit-transform:translateX(-150px);transform:translateX(-150px);transition: 0.6s 1s;}
.comitem02{-webkit-transform:translateX(-150px);transform:translateX(-150px);transition: 0.6s 1.4s;}
.comitem03{-webkit-transform:translateX(-150px);transform:translateX(-150px);transition: 0.6s 1.8s;}
.comitem04{-webkit-transform:translateX(150px);transform:translateX(150px);transition: 0.6s 1.2s;}
.comitem05{-webkit-transform:translateX(150px);transform:translateX(150px);transition: 0.6s 1.6s;}
.comitem06{-webkit-transform:translateX(150px);transform:translateX(150px);transition: 0.6s 2s;}
.comitem01.active,.comitem02.active,.comitem03.active,.comitem04.active,.comitem05.active,.comitem06.active{-webkit-transform:translateX(0);transform:translateX(0);opacity:1;}
/*我们的服务流程*/
.procedure{width: 100%;padding-bottom:50px; background: url(../images/app/bj2.png) no-repeat center center;}
.proce_cont{ width: 1200px; margin:0 auto;overflow:hidden; padding-top:40px;}
.proce_cont li{float:left;transition:all 0.3s 0.3s;cursor:pointer;}
.proceItem :hover{-webkit-animation:hover 2s forwards;animation:hover 2s forwards;}
@-webkit-keyframes hover{
    0%{-webkit-transform:scale(1);transform:scale(1);}
    20%{-webkit-transform:scale(1.1);transform:scale(1.1);}
    40%{-webkit-transform:scale(0.9);transform:scale(0.9);}
    60%{-webkit-transform:scale(1.05);transform:scale(1.05);}
    80%{-webkit-transform:scale(0.95);transform:scale(0.95);}
    100%{-webkit-transform:scale(1);transform:scale(1);}
}

@keyframes hover{
    0%{transform:scale(1);}
    20%{transform:scale(1.1);}
    40%{transform:scale(0.9);}
    60%{transform:scale(1.05);}
    80%{transform:scale(0.95);}
    100%{transform:scale(1);}
}
.proce_cont .designItem3{padding:0 29px;opacity:0;transition:0.4s 0.8s;}
.proce_cont.DesActive .designItem3{opacity:1;}
.proce_cont .designItem2{padding:0 29px;opacity:0;-webkit-transform:translateX(70PX);transform:translateX(70PX);transition-delay: 1.4s;}
.proce_cont.DesActive .designItem2{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.proce_cont .designItem4{padding:0 29px;opacity:0;-webkit-transform:translateX(-70PX);transform:translateX(-70PX);transition-delay: 1.4s;}
.proce_cont.DesActive .designItem4{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.proce_cont .designItem1{padding:0 29px 0 20px;opacity:0;-webkit-transform:translateX(70PX);transform:translateX(70PX);transition-delay: 2.2s;}
.proce_cont.DesActive .designItem1{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.proce_cont .designItem5{opacity:0;-webkit-transform:translateX(-70PX);transform:translateX(-70PX);transition-delay: 2.2s;}
.proce_cont.DesActive .designItem5{padding:0 20px 0 29px;opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
/*设计案例*/
.designcase{ width:100%;margin-top:30px;margin-bottom:80px;}
.case_pic {width:1230px;margin:0 auto;overflow:hidden;}
.case_pic li{float: left; width: 285px;margin:0 10px;border:1px solid #ddd;}
.view {height: 460px;}