.main,body,html{position:relative}*{margin:0;padding:0}li{list-style:none}a{text-decoration:none}@font-face{font-family:myFont;src:url(../font/STKAITI.TTF)}body,html{width:100%;height:100%;min-width:1280px;font-family:myFont}.fl{float:left}.fr{float:right}.clearfix:after{content:'';display:block;height:0;visibility:hidden;clear:both}.main,.swiper-container{height:100%}.inner{width:1280px;margin:0 auto}.main{overflow:hidden}.logo{width:4.66rem;height:.44rem;position:absolute;left:.55rem;top:.28rem;z-index:100;background:url(../images/logo.png) center/100% 100% no-repeat}.slide1 .txt,.slide2 .txt,.slide3 .img{top:0;bottom:0;margin:auto}.swiper-wrapper .swiper-slide{background-size:100% 100%;position:relative;overflow:hidden}.slide1{background:url(../images/bg1.jpg) center no-repeat}.slide2{background:url(../images/bg2.jpg) center no-repeat}.slide3{background:url(../images/bg3.jpg) center no-repeat}.slide4{background:url(../images/bg4.jpg) center no-repeat}.slide5{background:url(../images/bg5.jpg) center no-repeat}.swiper-slide .img,.swiper-slide .txt{position:absolute;z-index:100}.slide1 .img{width:8.07rem;height:7.78rem;background:url(../images/sjapp-img.png) center/100% 100% no-repeat;left:3rem;bottom:0}.slide1 .txt{width:3.15rem;height:4.88rem;background:url(../images/sjapp-txt.png) center/100% 100% no-repeat;right:3.3rem}.slide2 .img{width:9.24rem;height:8.66rem;background:url(../images/sjgj-img.png) center/100% 100% no-repeat;left:3rem;bottom:0}.slide2 .txt{width:3.59rem;height:5.18rem;background:url(../images/sjgj-txt.png) center/100% 100% no-repeat;right:2.88rem}.slide3 .img{width:9.02rem;height:6.85rem;background:url(../images/gjrj-img.png) center/100% 100% no-repeat;left:3rem}.slide3 .txt{width:3.27rem;height:3.79rem;background:url(../images/gjrj-txt.png) center/100% 100% no-repeat;right:2.86rem;top:0;bottom:0;margin:auto}.slide4 .txt,.slide5 .txt{right:2.88rem;top:0;bottom:0;margin:auto}.slide4 .img{width:7.11rem;height:6.85rem;background:url(../images/pc-img.png) center/100% 100% no-repeat;left:3.39rem;top:0;bottom:0;margin:auto}.slide4 .txt{width:2.75rem;height:5.18rem;background:url(../images/pc-txt.png) center/100% 100% no-repeat}.slide5 .img{width:7.11rem;height:6.85rem;background:url(../images/djb-img.png) center/100% 100% no-repeat;left:3.39rem;top:0;bottom:0;margin:auto}.slide5 .txt{width:2.75rem;height:5.18rem;background:url(../images/djb-txt.png) center/100% 100% no-repeat}.swiper-slide .software-list{width:6.85rem;height:1.9rem;display:-webkit-box;display:-ms-flexbox;display:flex;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.software-list li,footer{display:-webkit-box;display:-ms-flexbox}.software-list li,.swiper-slide.slide5 .software-list li.scale{position:relative}.slide4 .software-list{width:4.7rem}.software-list li{width:1.9rem;height:1.9rem;border-radius:50%;display:flex;-webkit-transition:all .3s;transition:all .3s}.software-list li.scale{-webkit-transform:scale(0);transform:scale(0)}.swiper-slide.slide5 .scale:hover .code{display:block}.swiper-slide.slide5 .scale .code{display:none;position:absolute;bottom:-123px;left:4px;width:1.8rem;height:1.8rem;background:url(../images/code_bg.png) no-repeat;background-size:100% 100%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.software-list li a::after,.software-list li a::before,.swiper-slide.slide5 .scale .code:after{display:block;content:''}.swiper-slide.slide5 .scale .code:after{position:absolute;top:5px;left:4px;width:1.67rem;height:1.59rem;background:url(../images/ios_djb.png) no-repeat;background-size:100% 100%}.swiper-slide.slide5 .scale .code.anzhuo:after{background:url(../images/andrond_djb.png) no-repeat;background-size:100% 100%}.slide1 .ym4,.slide1 .ym6,.slide5 .fy51,.slide5 .fy52,.software-list li a::after,.swiper-slide .mv{background-repeat:no-repeat}.software-list li a{width:100%;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;padding-top:1.35rem;text-align:center;font-size:.24rem;color:#fff;-webkit-transition:all .5s;transition:all .5s;position:relative}.software-list li a::after{background-image:url(../images/gjrj-icons.png);position:absolute;left:0;right:0;margin:auto}.software-list li a::before{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;width:1.8rem;height:1.8rem;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:50%;border:5px solid rgba(255,255,255,0);-webkit-transition:all .3s;transition:all .3s}.slide .software-list li a::before{width:1.6rem;height:1.6rem}.software-list li a:hover::before{border:5px solid rgba(255,255,255,1)}.slide4 .software-list li a::after{background-image:url(../images/pc-icons.png)}.slide5 .software-list li a::after{background-image:url(../images/djb-icons.png)}.software-list li span{position:absolute;left:0;top:1.05rem;width:100%;font-size:.24rem;margin-bottom:.16rem}.slide4 .software-list li span{margin-top:.1rem;top:.95rem}.slide3 .software-list li:nth-child(1){background-color:rgba(171,130,74,.8)}.slide3 .software-list li:nth-child(1):hover{background-color:rgba(171,130,74,1)}.slide3 .software-list li:nth-child(2){background-color:rgba(76,161,111,.8)}.slide3 .software-list li:nth-child(2):hover{background-color:rgba(76,161,111,1)}.slide3 .software-list li:nth-child(3){background-color:rgba(69,132,228,.8)}.slide3 .software-list li:nth-child(3):hover{background-color:rgba(69,132,228,1)}.slide4 .software-list li:nth-child(1){background-color:rgba(171,130,74,.8)}.slide4 .software-list li:nth-child(1):hover{background-color:rgba(171,130,74,1)}.slide4 .software-list li:nth-child(2){background-color:rgba(172,79,103,.8)}.slide4 .software-list li:nth-child(2):hover{background-color:rgba(172,79,103,1)}.slide5 .software-list li:nth-child(1){background-color:rgba(69,132,168,.8)}.slide5 .software-list li:nth-child(1):hover{background-color:rgba(171,130,74,1)}.slide5 .software-list li:nth-child(2){background-color:rgba(172,79,103,.8)}.slide5 .software-list li:nth-child(2):hover{background-color:rgba(172,79,103,1)}.slide5 .software-list li:nth-child(3),.slide5 .software-list li:nth-child(3):hover{background-color:rgba(76,161,111,.8)}.slide3 .software-list li:nth-child(1) a::after,.slide3 .software-list li:nth-child(2) a::after{width:43px;height:43px;background-position:-2px -4px;top:.43rem}.slide3 .software-list li:nth-child(3) a::after{width:36px;height:43px;background-position:-51px -2px;top:.4rem}.slide4 .software-list li:nth-child(1) a::after{width:45px;height:45px;background-position:-5px -1px;top:.4rem}.slide4 .software-list li:nth-child(2) a::after{width:54px;height:42px;background-position:-54px -2px;top:.42rem}.slide5 .software-list li:nth-child(1) a::after{width:45px;height:45px;background-position:0 -1px;top:.4rem}.slide5 .software-list li:nth-child(2) a::after{width:46px;height:42px;background-position:-45px -2px;top:.42rem}.slide5 .software-list li:nth-child(3) a::after{width:40px;height:42px;background-position:-91px -2px;top:.42rem}.swiper-slide .mv{position:absolute;right:250px;bottom:90%;opacity:0;background-image:url(../images/animation-icons.png);width:45px;height:37px;background-position:-429px -40px}.slide1 .ym1{-webkit-animation:ym1 12s infinite linear;animation:ym1 12s infinite linear}.slide1 .ym2{-webkit-transform:scale(.8) rotate(90deg);transform:scale(.8) rotate(90deg);-webkit-animation:ym2 12s 1s infinite linear;animation:ym2 12s 1s infinite linear}.slide1 .ym3{-webkit-transform:scale(.7) rotate(-15deg);transform:scale(.7) rotate(-15deg);-webkit-animation:ym3 13s 1s infinite linear;animation:ym3 13s 1s infinite linear}.slide1 .ym4{-webkit-transform:scale(.8) rotate(15deg);transform:scale(.8) rotate(15deg);-webkit-animation:ym4 12s 3s infinite linear;animation:ym4 12s 3s infinite linear}.slide1 .ym5{-webkit-transform:scale(.8) rotate(45deg);transform:scale(.8) rotate(45deg);-webkit-animation:ym5 12s infinite linear;animation:ym5 12s infinite linear}.slide1 .ym6{-webkit-transform:scale(.75) rotate(60deg);transform:scale(.75) rotate(60deg);-webkit-animation:ym6 10s infinite linear;animation:ym6 10s infinite linear}.slide1 .ym7{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:ym7 15s infinite linear;animation:ym7 15s infinite linear}.slide1 .ym8{-webkit-transform:scale(.8) rotate(90deg);transform:scale(.8) rotate(90deg);-webkit-animation:ym8 15s infinite linear;animation:ym8 15s infinite linear}@-webkit-keyframes ym1{80%{opacity:1}100%{opacity:0;right:50%;bottom:150px}}@keyframes ym1{80%{opacity:1}100%{opacity:0;right:50%;bottom:150px}}@-webkit-keyframes ym2{50%{opacity:1}100%{opacity:0;right:80%;bottom:200px}}@keyframes ym2{50%{opacity:1}100%{opacity:0;right:80%;bottom:200px}}@-webkit-keyframes ym3{50%{opacity:1}100%{opacity:0;right:65%;bottom:80px}}@keyframes ym3{50%{opacity:1}100%{opacity:0;right:65%;bottom:80px}}@-webkit-keyframes ym4{50%{opacity:1}100%{opacity:0;right:80%;bottom:250px}}@keyframes ym4{50%{opacity:1}100%{opacity:0;right:80%;bottom:250px}}@-webkit-keyframes ym5{0%{opacity:1;right:50%;bottom:110%}50%{opacity:1}100%{opacity:0;right:80%;bottom:220px}}@keyframes ym5{0%{opacity:1;right:50%;bottom:110%}50%{opacity:1}100%{opacity:0;right:80%;bottom:220px}}@-webkit-keyframes ym6{0%{opacity:1;right:50%;bottom:110%}50%{opacity:1}100%{opacity:0;right:100%;bottom:200px}}@keyframes ym6{0%{opacity:1;right:50%;bottom:110%}50%{opacity:1}100%{opacity:0;right:100%;bottom:200px}}@-webkit-keyframes ym7{0%{opacity:1;right:50%;bottom:110%}50%{opacity:0}100%{opacity:1;right:80%;bottom:-100px}}@keyframes ym7{0%{opacity:1;right:50%;bottom:110%}50%{opacity:0}100%{opacity:1;right:80%;bottom:-100px}}@-webkit-keyframes ym8{0%{opacity:1}100%{opacity:0;right:80%;bottom:100px}}@keyframes ym8{0%{opacity:1}100%{opacity:0;right:80%;bottom:100px}}.slide2 .mv{width:67px;height:50px;background-position:-10px -28px;right:90%;bottom:70%}.slide2 .hy1{-webkit-animation:ym1 12s infinite linear;animation:hy1 12s infinite linear}@-webkit-keyframes hy1{45%{opacity:1}90%{opacity:0;right:65%;bottom:80px}}@keyframes hy1{45%{opacity:1}90%{opacity:0;right:65%;bottom:80px}}.slide2 .hy2{-webkit-transform:scale(.85) rotate(90deg);transform:scale(.85) rotate(90deg);-webkit-animation:hy2 13s infinite linear;animation:hy2 13s infinite linear}@-webkit-keyframes hy2{0%{opacity:1}100%{opacity:0;right:50%;bottom:0}}@keyframes hy2{0%{opacity:1}100%{opacity:0;right:50%;bottom:0}}.slide2 .hy3{right:45%;bottom:65%;-webkit-transform:rotate(-30deg);transform:rotate(-30deg);-webkit-animation:hy3 10s infinite linear;animation:hy3 10s infinite linear}@-webkit-keyframes hy3{0%{opacity:1}100%{opacity:0;right:20%;bottom:0}}@keyframes hy3{0%{opacity:1}100%{opacity:0;right:20%;bottom:0}}.slide2 .hy4{right:45%;bottom:65%;-webkit-transform:scale(.8) rotate(68deg);transform:scale(.8) rotate(68deg);-webkit-animation:hy4 11s 1.5s infinite linear;animation:hy4 11s 1.5s infinite linear}@-webkit-keyframes hy4{30%{opacity:1}100%{opacity:1;right:15%;bottom:-100px}}@keyframes hy4{30%{opacity:1}100%{opacity:1;right:15%;bottom:-100px}}.slide2 .hy5{right:65%;bottom:50%;-webkit-transform:scale(.68) rotate(120deg);transform:scale(.68) rotate(120deg);-webkit-animation:hy5 8s infinite linear;animation:hy5 8s infinite linear}@-webkit-keyframes hy5{50%{opacity:1}100%{opacity:0;right:35%;bottom:-100px}}@keyframes hy5{50%{opacity:1}100%{opacity:0;right:35%;bottom:-100px}}.slide3 .mv{width:30px;height:85px;background-position:-245px -28px;right:10%;bottom:110%}.slide3 .ly2,.slide3 .ly4,.slide3 .ly6{width:91px;height:26px;background-position:-311px -45px}.slide3 .ly1{-webkit-animation:ly1 12s infinite linear;animation:ly1 12s infinite linear}@-webkit-keyframes ly1{0%{opacity:1}90%{opacity:0;right:65%;bottom:80px}}@keyframes ly1{0%{opacity:1}90%{opacity:0;right:65%;bottom:80px}}.slide3 .ly2{-webkit-animation:ly2 13s 1s infinite linear;animation:ly2 13s 1s infinite linear}@-webkit-keyframes ly2{50%{opacity:1}100%{opacity:0;right:85%;bottom:-100px}}@keyframes ly2{50%{opacity:1}100%{opacity:0;right:85%;bottom:-100px}}.slide3 .ly3{-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:ly3 10s infinite linear;animation:ly3 10s infinite linear}@-webkit-keyframes ly3{0%{opacity:0}50%{opacity:1}100%{opacity:0;right:45%;bottom:2rem}}@keyframes ly3{0%{opacity:0}50%{opacity:1}100%{opacity:0;right:45%;bottom:2rem}}.slide3 .ly4{-webkit-transform:scale(.88) rotate(30deg);transform:scale(.88) rotate(30deg);-webkit-animation:ly4 10s 1.5s infinite linear;animation:ly4 10s 1.5s infinite linear}@-webkit-keyframes ly4{0%{opacity:1}100%{opacity:0;right:40%;bottom:-2rem}}@keyframes ly4{0%{opacity:1}100%{opacity:0;right:40%;bottom:-2rem}}.slide3 .ly5{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-animation:ly5 9s 1s infinite linear;animation:ly5 9s 1s infinite linear}@-webkit-keyframes ly5{0%{right:45%;opacity:1}100%{opacity:0;right:75%;bottom:-2rem}}@keyframes ly5{0%{right:45%;opacity:1}100%{opacity:0;right:75%;bottom:-2rem}}.slide3 .ly6{-webkit-transform:rotate(50deg);transform:rotate(50deg);-webkit-animation:ly6 10s 1.5s infinite linear;animation:ly6 10s 1.5s infinite linear}@-webkit-keyframes ly6{0%{right:45%;opacity:0}50%{opacity:1}100%{opacity:0;right:80%;bottom:0}}@keyframes ly6{0%{right:45%;opacity:0}50%{opacity:1}100%{opacity:0;right:80%;bottom:0}}.slide4 .mv{width:87px;height:96px;background-position:-118px 0}.slide4 .fy1{right:100px;-webkit-animation:fy1 12s infinite linear;animation:fy1 12s infinite linear}@-webkit-keyframes fy1{0%{opacity:0}50%{opacity:1}100%{opacity:0;right:45%;bottom:80px}}@keyframes fy1{0%{opacity:0}50%{opacity:1}100%{opacity:0;right:45%;bottom:80px}}.slide4 .fy2{-webkit-transform:scale(.8) rotate(90deg);transform:scale(.8) rotate(90deg);right:0;-webkit-animation:fy2 10s infinite linear;animation:fy2 10s infinite linear}@-webkit-keyframes fy2{30%{opacity:0}60%{opacity:1}100%{opacity:0;right:30%;bottom:80px}}@keyframes fy2{30%{opacity:0}60%{opacity:1}100%{opacity:0;right:30%;bottom:80px}}.slide4 .fy3{-webkit-transform:scale(1.1) rotate(-30deg);transform:scale(1.1) rotate(-30deg);right:50px;-webkit-animation:fy3 10s infinite linear;animation:fy3 10s infinite linear}@-webkit-keyframes fy3{20%{opacity:1}60%{right:15%;opacity:.8}80%{opacity:.5}100%{opacity:0;right:25%;bottom:-2rem}}@keyframes fy3{20%{opacity:1}60%{right:15%;opacity:.8}80%{opacity:.5}100%{opacity:0;right:25%;bottom:-2rem}}.slide4 .fy4{-webkit-transform:scale(1.5) rotate(-90deg);transform:scale(1.5) rotate(-90deg);right:150px;-webkit-animation:fy4 13s infinite linear;animation:fy4 13s infinite linear}@-webkit-keyframes fy4{20%{opacity:1}60%{opacity:.8}80%{opacity:.5}100%{opacity:0;right:65%;bottom:-2rem}}@keyframes fy4{20%{opacity:1}60%{opacity:.8}80%{opacity:.5}100%{opacity:0;right:65%;bottom:-2rem}}.slide5 .fy51,.slide5 .fy52{z-index:101;position:absolute;right:250px;bottom:90%;opacity:0;background-image:url(../images/flower1_djb.png);background-size:100% 100%;background-position:unset;width:67px;height:58px;-webkit-animation:fy51 10s infinite linear;animation:fy51 10s infinite linear}@-webkit-keyframes fy51{0%,50%{opacity:1}100%{opacity:0;right:45%;bottom:80px}}@keyframes fy51{0%,50%{opacity:1}100%{opacity:0;right:45%;bottom:80px}}.slide5 .fy52{width:52px;height:30px;right:0;-webkit-animation:fy52 10s infinite linear;animation:fy52 10s infinite linear;background-image:url(../images/flower2_djb.png);background-size:100% 100%}@-webkit-keyframes fy52{30%,60%{opacity:1}100%{opacity:0;right:30%;bottom:80px}}@keyframes fy52{30%,60%{opacity:1}100%{opacity:0;right:30%;bottom:80px}}.circle{width:588px;height:589px;background:url(../images/yq_1.png) center/100% no-repeat;position:absolute;left:0;top:0;bottom:0;margin:auto;-webkit-animation:circleRotate 5s infinite linear;animation:circleRotate 5s infinite linear}@-webkit-keyframes circleRotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes circleRotate{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes bgTranslate{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(50px);transform:translateY(50px)}}@keyframes bgTranslate{from{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(50px);transform:translateY(50px)}}.swiper-container .swiper-nav{width:1.27rem;height:7.57rem;left:unset;top:0;right:0;bottom:0;margin:auto;background:url(../images/nav-bg-new.png) center/100% 100%}.swiper-pagination-bullet{width:2.57rem;height:.47rem;font-size:.16rem;text-align:center;line-height:.47rem;margin:0;color:#000;position:absolute;left:-200px;top:0;background:0 0;border-radius:0;opacity:1;outline:0}.swiper-pagination-bullet-active,.swiper-pagination-bullet:hover{background:url(../images/btn-bg.png) center/100% 100% no-repeat}.swiper-pagination-bullet:nth-child(1){left:-1.6rem;top:1.55rem}.swiper-pagination-bullet:nth-child(2){left:-1.8rem;top:2.6rem}.swiper-pagination-bullet:nth-child(3){left:-1.9rem;top:3.6rem}.swiper-pagination-bullet:nth-child(4){left:-1.9rem;top:4.62rem}.swiper-pagination-bullet:nth-child(5){left:-1.75rem;top:5.65rem}footer{height:65px;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;background:#fbfbfd;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}footer .conyright{margin-left:45px;font-size:12px;color:#8e8e90}.swiper-slide .qcode,.swiper-slide .title,.swiper-slide p{-webkit-transition:all .5s;transition:all .5s}.swiper-slide .qcode.move,.swiper-slide .title.move,.swiper-slide p.move{-webkit-transform:translateY(-500px);transform:translateY(-500px)}