@charset "gb2312";
html,body,h1,h2,h3,p,span,i,div,img{margin:0;padding:0;}
.top-head{position:fixed;top: 0;left:0;width:100%;z-index: 99999;}
.dowebok{;height:100%;}
.bg_top{float:none;}
.picc-app{;background-color:#ef786b;}
.wechat{background-color:#5accea;}
.picc-app,.wechat,.mobile{height:100%;}
.picc-app .div{position:relative;width:1188px;background:url("imagesapp-imagesapp-banner0.png") 377px 333px no-repeat;height:645px;background-size:0 0;transition:all 4s ease 0s;}
.active .picc-app .div{background-size:679px 475px;background-position:38px 85px;}
.picc-app .txt{float:right;width:457px;margin-top:110px;text-align:left;}
.picc-app .txt h2{float:none;font-size: 32px;color:#fff;font-weight:bold;}
.picc-app .txt p{float:none;font-size:22px;color:#fff;margin:20px 0 0;}
.picc-app .code{margin-top: 60px;float: right;margin-right: 100px;height: 238px;width: 250px;background: url(imagesapp-imagesicon-banner.png) center no-repeat;text-align: center;}
.picc-app div img{padding-top:10px;}
.picc-app h3{width: 100%;margin-top:25px;color: #333;font-size: 18px;text-align: center;}
.picc-app .one,.picc-app .two,.picc-app .three,.picc-app .four{position:absolute;text-align:center;font-size:14px;padding:10px;border-radius:50%;transform:scale(0,0);}
.picc-app i{display: block;border-radius: 50%;text-align: center;font-style: normal;color:#fff;transform:scale(0,0);}
.active .picc-app  .one{top:347px;left: 244px;line-height:31px;height:148px;width:148px;padding:10px;background-image:url("imagesapp-imagesban-txt4.png");animation:stale .5s linear;}
.active .picc-app .one i{width: 124px;height: 64px;padding: 42px 12px;line-height: 20px;animation:stale .5s linear;}
.active .picc-app .two{top:108px;left: 451px;line-height:20px;height:136px;width:136px;padding:10px;background-image:url("imagesapp-imagesban-txt3.png");animation:stale .5s linear;}
.active .picc-app .two i{width: 118px;height: 85px;padding: 25px 9px;line-height: 20px;animation:stale .5s linear;}
.active .picc-app .three{top:218px;left: 132px;line-height:21px;height:136px;width:136px;padding:10px;background-image:url("imagesapp-imagesban-txt1.png");animation:stale .5s linear;}
.active .picc-app .three i{width: 112px;height: 88px;padding: 24px 12px;line-height: 20px;animation:stale .5s linear;}
.active .picc-app .four{top:105px;left: 294px;color:#453717;line-height:22px;height:123px;width:123px;padding:10px;background-image:url("imagesapp-imagesban-txt2.png");-webkit-animation:stale .5s linear; -moz-animation:stale .5s linear;-o-animation:stale .5s linear;-ms-animation:stale .5s linear;animation:stale .5s linear;color:#453717;}
.active .picc-app .four i{width:113px;height: 75px;padding: 24px 5px;line-height: 20px;-webkit-animation:stale .5s linear; -moz-animation:stale .5s linear;-o-animation:stale .5s linear;-ms-animation:stale .5s linear;animation:stale .5s linear;color:#453717;}
.active .picc-app .four span{color:#453717;}
.active .picc-app .one,.active .picc-app .two,.active .picc-app .three,.active .picc-app .four,.active .picc-app i{transform:scale(1,1);}
@keyframes stale{
    from{transform:scale(0,0);}
    to{transform:scale(1,1);}
}
.picc-app .col-one{color:#04644b;}
.picc-app .col-two{color:#008aff;}
.picc-app .col-three{color:#0c6b76;}
.picc-app .col-four{color:#8c6818;}
.picc-app .one span,.picc-app .two span,.picc-app .four span{font-size:18px;font-weight:bold;color:#fff;}
.picc-app .three span{font-size:16px;font-weight:bold;}
.picc-app .icon-ren{left: 2326px;position: absolute;transition:all 1s ease 0s;}
.picc-app .icon-ipone{left: 2077px;position: absolute;transition:all 1s ease 0s;}
.active .picc-app .icon-ren{top:297px;left:337px;-webkit-animation:marle 1s linear; -moz-animation:marle 1s linear;-o-animation:marle 1s linear;-ms-animation:marle 1s linear;animation:marle 1s linear;}
.active .picc-app .icon-ipone{top:390px;left: 77px;-webkit-animation:marle 1s linear; -moz-animation:marle 1s linear;-o-animation:marle 1s linear;-ms-animation:marle 1s linear;animation:marle 1s linear;}
@keyframes marle{
    from{margin-left:2000px;}
    to{margin-left:0;}
}
.wechat .div{position:relative;width:1188px;background:url("imagesapp-imageswechat-banner0.png") 38px -500px no-repeat;background-size:542px 544px;height:645px;transition:all 1.5s ease 0s;}
.active .wechat .div{background-position:38px 65px;}
.wechat i{position:relative;top: 0;left:0;height:0;width:0;}
.wechat i img{position:absolute;transition:all 1.5s ease 0s;}
.wechat i  .one{top: 50px;left: 2344px;opacity:0;transition:all 1s ease 0;}
.active .wechat i .one{top: 50px;left: 344px;opacity:1;}
.wechat i .two{top: 68px;left: -1039px;}
.active .wechat i .two{top: 68px;left: 39px;}
.wechat i .three{top: 317px;left: -1065px;}
.active .wechat i .three{top: 317px;left: 65px;-webkit-animation:ro 4s linear infinite;-moz-animation:ro 4s linear infinite;-o-animation:ro 4s linear infinite;-ms-animation:ro 4s linear infinite;animation:ro 4s linear infinite;}
.wechat i .four{top: 436px;left: 2065px;}
.active .wechat i .four{top: 436px;left: 500px;-webkit-animation:ro 5.5s linear infinite;-moz-animation:ro 5.5s linear infinite;-o-animation:ro 5.5s linear infinite;-ms-animation:ro 5.5s linear infinite;animation:ro 5.5s linear infinite;}
@keyframes ro{
    0%{margin-left:0;}
    50%{margin-left:50px;}
    100%{margin-left:0;}
}



.wechat .txt{float:right;width:457px;margin-top:110px;text-align:left;}
.wechat .txt h2{float:none;font-size: 32px;color:#fff;font-weight:bold;}
.wechat .txt p{float:none;font-size:22px;color:#fff;margin:6px 0 0;line-height:28px;}
.wechat .code{margin-top: 60px;float: right;margin-right: 100px;height: 238px;width: 250px;background: url(imagesapp-imagesicon-banner.png) center no-repeat;text-align: center;}
.wechat div img{margin-top:10px;}
.wechat div .pad-f{padding: 5px;background-color: #fff;}
.wechat h3{width: 100%;margin-top: 18px;left: 0;color: #333;font-size: 18px;text-align: center;}
/*°´Å¥*/
.btn-box{position:absolute;width:100%;bottom:36px;}
.btn-box ul{position:relative;left:50%;margin-left:-96px;}
.btn-box li{float:left;width:48px;height:48px;border:4px solid transparent;border-radius:50%;background-color:#ebb934;color:#fff;font-size:12px;text-align:center;line-height:15px;font-weight:bold;letter-spacing:5px;behavior: url(ie-css3.htc);}
.btn-box li a{color:#fff;font-size:12px;}
.btn-box li span{position:relative;top:9px;left:3px;}
.btn-box li+li{margin-left:12px;}
/*.btn-box .active{border-color:#dd5445;}*/
.col-back1 li{border-color:#ef786b;}
.col-back1 .active{border-color:#dd5445;}
.col-back2 li{border-color:#5accea;}
.col-back2 .active{border-color:#43b6d4;}
.col-back1{background-color:#ef786b;}
.col-back2{background-color:#5accea;}

#fp-nav ul li a span, .fp-slidesNav ul li a span{background:#fff;}
#fp-nav ul li .fp-tooltip{color:#fff;font-size:12px;font-family: "Microsoft YaHei";}
/*20161222 to lichenyi add*/

.col-back3{background:#430363 url("imagesapp-imagesmobile-banner.png") center no-repeat;background-size:100%;background-position: 0 1500px;transition:all 1.5s ease 0s;}
.active{background-position: 0 0;}
.mobile .div{position:relative;width:1188px;height:645px;}
.mobile .txt{float:right;width:457px;margin-top:110px;text-align:left;}
.mobile .txt h2{float:none;font-size: 32px;color:#fff;font-weight:bold;}
.mobile .txt p{float:none;font-size:22px;color:#fff;margin:20px 0 0;}
.mobile .code{margin-top: 60px; float: right;margin-right: 100px;height: 238px;width: 250px;background: url(imagesapp-imagesicon-banner.png) center no-repeat;text-align: center;}
.mobile div img{padding-top:10px;}
.mobile h3{width: 100%;margin-top:25px;left:0;color: #333;font-size:18px;line-height:16px;text-align: center;}
.mobile .i{position:absolute;display: block;height:627px;width:376px;top:104px;left:180px;background: url(imagesapp-imagesipand.png) center top no-repeat;background-size: 376px 627px;z-index: 99999;}
.mobile .i iframe{position:relative;width:325px;height:458px;padding:90px 26px;top:0;left:0;z-index:99999;}
/*ÔÆ*/
.mobile i img{position:absolute;}
.mobile .i-two{width:101px;height:17px;top:105px;left:-1176px;transition:all 1s ease 0s;z-index: 1;}
.active .mobile .i-two{left:50px;-webkit-animation:ro 4.5s linear infinite;-moz-animation:ro 4.5s linear infinite;-ms-animation:ro 4.5s linear infinite;-o-animation:ro 4.5s linear infinite;animation:ro 4.5s linear infinite;}
.mobile .i-three{width:148px;height:27px;top:420px;left:2547px;transition:all 1s ease 0s;z-index: 1;}
.active .mobile .i-three{left:550px;-webkit-animation:ro 5.5s linear infinite;-moz-animation:ro 5.5s linear infinite;-ms-animation:ro 5.5s linear infinite;-o-animation:ro 5.5s linear infinite;animation:ro 5.5s linear infinite;}
@keyframes ro{
    0%{margin-left:0;}
    50%{margin-left:50px;}
    100%{margin-left:0;}
}
/*Á÷ÐÇ*/
.mobile .i-six{width:50px;height:46px;top:327px;left:-78px;}
.active .mobile .i-six{-webkit-animation:star 6s linear infinite;-moz-animation:star 6s linear infinite;-ms-animation:star 6s linear infinite;-o-animation:star 6s linear infinite;animation:star 6s linear infinite;}
.mobile .i-seven{width:63px;height:44px;top:84px;left:597px;left:97px;}
.active .mobile .i-seven{webkit-animation:star0 4s linear infinite;-moz-animation:star0 4s linear infinite;-ms-animation:star0 4s linear infinite;-o-animation:star0 4s linear infinite;animation:star0 4s linear infinite;}
@keyframes star{
    0%{top:1207px;left:-1338px;}
    100%{top:-573px;left:1182px;}
}
@keyframes star0{
    0%{top:1477px;left:-1163px;}
    100%{top:-283px;left:1357px;}
}
.btn-box.disnone{display:none;}
.mobile .i.itop{top:100px;}
::-webkit-scrollbar{width:5px;height:8px;}
::-webkit-scrollbar-track{border:1px #d3d3d3 solid;box-shadow:0px 0px 3px #dfdfdf inset;border-radius: 10px;background: #eee;}
::-webkit-scrollbar-thumb{border:1px #808080 solid;border-radius: 10px;background: #999;}
::-webkit-scrollbar-thumb:hover{background: #7d7d7d;}
.picc-app .div,.wechat .div,.mobile .div{position:absolute;
    top:50%;
    left:50%;
    margin-top:-273px;
    margin-left:-594px;}
.bot-ban{position:absolute;bottom:0;left:50%;margin-left:-761px;width:1522px;height:124px;}