.big-title h2{display:flex;justify-content:center;position:relative}.big-title h2 strong{font-weight:normal;position:relative}.big-title h2 strong:before,.big-title h2 strong:after{content:'';position:absolute;left:0;bottom:-14px;width:100%;height:1px;background-image:linear-gradient(0,#0e70f9,#36bffe);background-color:#36bffe}.big-title h2 strong:after{bottom:-10px;background:none;border-bottom:1px dashed #36bffe}.big-title p{margin-top:37px;text-align:left;line-height:34px;letter-spacing:.75px}.big-title p strong{color:#0e70f9}.page-banner{height:510px;background-color:#d3ecfe}.page-banner-bg{background-image:url(/static/images/xiaoyi_2018/DCMM/ban-bgH.jpg);background-size:1920px 510px}.page-banner-title{text-align:left;letter-spacing:.75px;padding-top:101px;height:calc(100% - 101px)}.page-banner-title .text1{font-size:32px;color:#222;font-weight:bold;line-height:48px;margin-bottom:12px}.page-banner-title .text2{font-size:16px;color:#222;line-height:24px;margin-bottom:18px}.page-banner-title .text3{display:flex;height:37px;margin-bottom:32px}.page-banner-title .text3 h3{display:flex;justify-content:flex-start;align-items:center;line-height:24px;padding-bottom:13px;position:relative}.page-banner-title .text3 h3:before,.page-banner-title .text3 h3:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background-image:linear-gradient(0,#0e70f9,#36bffe);background-color:#36bffe}.page-banner-title .text3 h3:after{bottom:4px;background:none;border-bottom:1px dashed #36bffe}.page-banner-title .text3 h3 i{width:16px;height:16px;background-image:url(/static/images/xiaoyi_2018/DCMM/icon_sprites2.png);background-position:-10px -47px;background-repeat:no-repeat}.page-banner-title .text3 h3 .icon2{width:17px;background-position:-48px -10px}.page-banner-title .text3 h3 strong{font-size:16px;color:#222;font-weight:normal;margin:0 30px 0 12px}.page-banner-title .text3 h3 strong:last-child{margin-right:0}.page-banner-title .btn{height:43px}.page-banner-title .btn a{display:block;width:161px;height:42px;line-height:42px;font-size:16px;color:#fff;text-align:center;background-image:linear-gradient(-90deg,#0e70f9,#36bffe);background-color:#36bffe;border-radius:2px}.page-banner-title .btn a:hover{background-image:linear-gradient(90deg,#0e70f9,#36bffe);background-color:#0e70f9}.introduction{padding:0 0 120px;position:relative;background-color:#f8f9fd}.introduction .text-top{position:absolute;left:-10px;top:-110px;width:100%;background-color:#fff;box-shadow:5px 10px 10px rgba(92,144,255,.1);margin:10px}.introduction .text-top ul{display:flex;justify-content:center}.introduction .text-top ul li{width:calc(20% - 1px);position:relative;border-right:1px solid #dbe9fc}.introduction .text-top ul li:before,.introduction .text-top ul li:after{content:'';position:absolute;left:0;top:0;width:100%;height:1px;background-color:#0e6ff9;transition:all .52s ease-in-out;transform:scale(0)}.introduction .text-top ul li:after{top:auto;bottom:0}.introduction .text-top ul li .text1{text-align:center;letter-spacing:.75px;padding:25px 20px 30px}.introduction .text-top ul li .icon{width:80px;height:80px;background-image:url(/static/images/xiaoyi_2018/DCMM/icon_sprites1.png);background-position:-210px -10px;background-repeat:no-repeat;margin:0 auto 10px}.introduction .text-top ul li .icon1{height:82px;background-position:-110px -10px}.introduction .text-top ul li .icon2{background-position:-210px -10px}.introduction .text-top ul li .icon3{background-position:-10px -113px}.introduction .text-top ul li .icon4{height:83px;background-position:-10px -10px}.introduction .text-top ul li .icon5{background-position:-110px -113px}.introduction .text-top ul li h6{line-height:27px;font-size:18px;color:#222;margin-bottom:4px}.introduction .text-top ul li p{line-height:21px;font-size:14px;color:#666}.introduction .text-top ul li:hover:before,.introduction .text-top ul li:hover:after{transform:scale(1)}.introduction .big-title{padding-top:195px}.introduction .main{width:91.67%;margin:33px auto 0}.introduction .main .title{text-align:left;letter-spacing:.5px}.introduction .main .title h6,.process .main dl h5{width:95.16%;height:35px;line-height:35px;font-weight:bold;font-size:16px;color:#fff;letter-spacing:1px;text-align:center;background-image:linear-gradient(90deg,#0e6ff9 0,#36c0ff 100%);background-color:#36c0ff;border-radius:5px 5px 0 0;margin:0 auto}.introduction .main .title dl,.process .main dl dd{width:calc(100% - 60px);line-height:28px;display:flex;justify-content:space-around;padding:15px 28px;border:2px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(180deg,#f3f7fe,#edf5fe),linear-gradient(180deg,#fff,rgba(255,255,255,0));background-color:#f3f7fe;border-radius:5px;position:relative;margin-bottom:15px}.introduction .main .title dl:after{content:'';position:absolute;left:0;right:0;top:-1px;height:2px;background-color:#fff}.introduction .main .title dl dt{display:flex;justify-content:flex-start}.introduction .main .title dl dt .num{width:28px;height:28px;font-weight:bold;font-size:16px;color:#fff;text-align:center;background-image:linear-gradient(90deg,#257efa 0,#3ac5ff 100%);background-color:#3ac5ff;border-radius:50%;box-shadow:5px 10px 10px rgba(0,158,252,.15)}.introduction .main .title dl dt p{text-align:left;color:#333;font-size:14px;margin-left:10px}.introduction .main .list-text{width:calc(20% - 24px);margin:0 12px;position:relative;margin-bottom:15px}.introduction .main .list-text:before{content:'';position:absolute;left:0;right:0;bottom:0;top:35px;background:#ecf4fe}.introduction .main .title1{width:100%;height:118px;background-image:url(/static/images/xiaoyi_2018/DCMM/introduction-bg1.png);background-position:center top;background-repeat:no-repeat;margin-bottom:10px}.introduction .main .title1 h6{background:none;border:0;height:45px;line-height:45px;padding-top:17px}.introduction .main .title1 dl{width:calc(65% - 40px);background:none;border:0;padding:14px 20px 0;margin:0 auto}.introduction .main .title1 dl:before,.introduction .main .title1 dl:after{display:none}.introduction .main .title3{display:flex;justify-content:space-between;margin:0 -12px}.introduction .main .title3 dl{width:calc(100% - 38px);align-items:stretch;flex-wrap:wrap;justify-content:flex-start;padding:20px 10px 6px 24px;border-bottom:0;margin-bottom:0}.introduction .main .title3 h6{width:73.37%}.introduction .main .title3 dl:before{top:-17px;height:37px;background-image:url(/static/images/xiaoyi_2018/DCMM/introduction-bg3.png)}.introduction .main .title3 dl dt{margin-bottom:12px}.introduction .main .title4 dl{width:calc(100% - 82px);padding:15px 40px;justify-content:space-between}.benefits{padding:96px 0 120px;background-image:url(/static/images/xiaoyi_2018/DCMM/benefits-bg.jpg);background-position:center top;background-repeat:no-repeat}.benefits .main{height:490px;position:relative;margin:56px auto 0}.benefits .main .bg{position:absolute;left:0;right:0;top:0;bottom:0}.benefits .main .text{position:absolute;width:256px;height:115px;text-align:left;letter-spacing:.5px;padding:17px 14px 0 22px;border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(0,#f8f9fd,#f8f9fd),linear-gradient(90deg,#0e70f9,#36bffe);background-color:#36bffe}.benefits .main .text1{left:52px;top:0}.benefits .main .text2{right:45px;top:0}.benefits .main .text3{right:45px;top:233px}.benefits .main .text4{left:50%;margin-left:-147px;bottom:0}.benefits .main .text5{left:2px;bottom:123px}.benefits .main .text h6{line-height:24px;font-size:16px;color:#333;font-weight:bold;margin-bottom:5px}.benefits .main .text p{line-height:22px;font-size:14px;color:#666}.benefits .main .text.hover{background-image:linear-gradient(90deg,#0e70f9,#36bffe),linear-gradient(90deg,#0e70f9,#36bffe);background-color:#0e70f9}.benefits .main .text.hover h6,.benefits .main .text.hover p{color:#fff}.level{padding:89px 0 124px;background-color:#f8f9fd}.level .main{height:476px;padding-top:78px;display:flex;justify-content:flex-end;position:relative;margin:30px auto 0}.level .main .img{position:absolute;left:-68px;top:0;width:704px;height:549px;background-image:url(/static/images/xiaoyi_2018/DCMM/level-img1.png);background-position:left top;background-size:100%;background-repeat:no-repeat}.level .main .title{width:410px;height:auto;overflow:hidden;text-align:center;letter-spacing:.58px;padding:23px 20px 58px;background-color:#fff;box-shadow:5px 10px 10px rgba(92,144,255,.1)}.level .main .title h6{font-size:18px;color:#333;line-height:27px}.level .main .title .text{margin-top:19px;padding:30px 18px 0 32px;border-top:1px solid #dbe9fc}.level .main .title .text p{line-height:22px;text-align:left;font-size:14px;color:#666;padding-left:33px;position:relative;margin-bottom:28px}.level .main .title .text p:before{content:'';position:absolute;left:0;top:3px;width:21px;height:15px;background-image:url(/static/images/xiaoyi_2018/DCMM/icon_sprites1.png);background-position:-10px -260px;background-repeat:no-repeat}.level .main .title .text p:nth-child(1):before{top:11px;width:19px}.level .main .title .text p:nth-child(2):before{background-position:-190px -213px}.level .main .title .text p:nth-child(3):before{background-position:-230px -213px}.level .main .title .text p:nth-child(4):before{width:22px;background-position:-149px -213px}.level .main .title .text p:nth-child(5):before{background-position:-270px -213px}.level .main .title .text p:nth-child(5){margin-bottom:33px}.level .main .title .text a,.problem ul li:last-child{display:flex;align-items:center;justify-content:center;width:calc(100% - 2px);height:36px;line-height:36px;font-size:14px;color:#fff;background-image:linear-gradient(0,#0e70f9,#36bffe);background-color:#36bffe;margin:0 auto}.problem ul li:last-child{height:80px;line-height:80px;font-size:18px;color:#fff;margin:10px}.level .main .title .text a:after,.problem ul li:last-child:after{content:'';width:14px;height:12px;background-image:url(/static/images/xiaoyi_2018/DCMM/icon_sprites2.png);background-position:-46px -47px;background-repeat:no-repeat;margin:0 12px}.problem ul li:last-child a{font-size:18px;color:#fff}.problem ul li:last-child:after{width:18px;height:17px;background-position:-10px -10px}.level .main .title .text a:hover,.problem ul li:last-child:hover{background-image:linear-gradient(180deg,#0e70f9,#36bffe);background-color:#0e70f9}.process{padding:95px 0 0;min-height:735px;background-image:url(/static/images/xiaoyi_2018/DCMM/process-bg.jpg);background-position:center top;background-repeat:no-repeat}.process .big-title p{text-align:center;margin-top:25px}.process .main{display:flex;justify-content:center;margin:23px -11px 0}.process .main dl{margin:0 11px}.process .main .list1{width:calc(32.65% - 22px)}.process .main .list2{width:calc(48.69% - 22px)}.process .main .list3{width:calc(18.66% - 22px)}.process .main dl dd{width:100%;display:block;justify-content:normal;padding:0;background-image:linear-gradient(180deg,#e7f5ff,#e2f2ff),linear-gradient(180deg,#fff,#fff);background-color:#e2f2ff;margin-bottom:0}.process .main dl dd ul{display:flex;align-items:stretch;justify-content:center;padding:14px 5px 0}.process .main dl dd ul li{padding:12px 17px 10px;background-color:#fff;border-radius:10px;box-shadow:5px 9px 10px rgba(38,120,172,.08);position:relative;margin:10px}.process .main dl dd ul li:after{content:'';position:absolute;z-index:2;right:-22px;top:50%;margin-top:-9px;width:22px;height:18px;background-image:url(/static/images/xiaoyi_2018/DCMM/icon_sprites1.png);background-position:-107px -213px;background-repeat:no-repeat}.process .main dl dd ul li h6{line-height:34px;font-size:14px;color:#333;letter-spacing:.75px;display:flex;justify-content:center;margin-bottom:10px}.process .main dl dd ul li h6 i{width:34px;height:34px;background-image:url(/static/images/xiaoyi_2018/DCMM/icon_sprites1.png);background-position:-258px -111px;background-repeat:no-repeat;margin-right:6px}.process .main dl dd ul li h6 .icon2{background-position:-209px -111px}.process .main dl dd ul li h6 .icon3{background-position:-208px -159px}.process .main dl dd ul li h6 .icon4{background-position:-257px -159px}.process .main dl dd ul li h6 .icon5{background-position:-56px -210px}.process .main dl dd ul li h6 .icon6{background-position:-8px -210px}.process .main dl dd ul li p{width:calc(100% - 12px);padding:8px 5px;line-height:16px;text-align:center;font-size:12px;color:#333;letter-spacing:.3px;position:relative;border:1px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(180deg,#fff,#fff),linear-gradient(0,#0e70f9,#36bffe);background-color:#36bffe;border-radius:5px;margin-bottom:19px}.process .main dl dd ul li p:last-child{margin-bottom:11px}.process .main dl .color1{color:#fff;background-image:linear-gradient(180deg,#36bdfd,#1074fa),linear-gradient(180deg,#36bdfd,#1074fa);background-color:#36bdfd}.process .main dl dd ul li p:before{content:'';position:absolute;left:50%;bottom:-19px;margin-left:-3px;width:6px;height:19px;background-image:url(/static/images/xiaoyi_2018/DCMM/icon_sprites1.png);background-position:-310px -51px;background-repeat:no-repeat}.process .main dl dd ul li:last-child:after,.process .main dl dd ul li p:last-child:before{display:none}.process .main .list1 dd ul li{width:calc(50% - 54px)}.process .main .list1 dd ul li:first-child p:last-child{padding:10px 15px;width:calc(100% - 32px)}.process .main .list1 dd ul li:last-child p:last-child{padding:18px 5px}.process .main .list2 dd ul li{width:calc(33.33% - 54px)}.process .main .list3 dd ul li{width:calc(100% - 54px)}.process .main dl dd .title2{display:flex;justify-content:center;padding:9px 0 21px}.process .main dl dd .title2 p{line-height:32px;font-size:13px;color:#333;letter-spacing:.75px;border-bottom:1px dashed #36bdfd}.process .main .list1 dd ul li,.process .main .list3 dd ul li{height:353px}.process .main dl dd ul li p.text1{border:0;background:url(/static/images/xiaoyi_2018/DCMM/process-small1.png);background-position:center top;background-repeat:no-repeat;padding:0;border-radius:0;width:100%;height:77px;line-height:77px;color:#fff;position:relative;margin-bottom:32px}.process .main dl dd ul li p.text1:before{width:9px;height:21px;bottom:-21px;margin-left:-4px;background-position:-310px -10px}.delivery{padding:95px 0 110px;background-color:#f8f9fd}.delivery .main{padding-top:45px;margin:0 -19px}.delivery .main ul{display:flex;align-items:stretch}.delivery .main ul li{width:calc(50% - 78px);text-align:center;letter-spacing:.58px;padding:26px 20px 0;background-color:#fff;box-shadow:5px 10px 10px rgba(92,144,255,.1);margin:10px 19px}.delivery .main ul li h6{line-height:27px;font-size:18px;color:#333;letter-spacing:.5px}.delivery .main ul li .img{border-top:1px solid #dbe9fc;padding:35px 15px 78px;margin-top:26px}.problem{padding:95px 0 0;min-height:705px;background-image:url(/static/images/xiaoyi_2018/DCMM/problem-bg1.jpg);background-position:center bottom;background-repeat:no-repeat}.problem .main{padding-top:49px}.problem ul{display:flex;flex-wrap:wrap;margin:0 -10px}.problem ul li{flex:0 0 calc(33.33% - 20px);width:calc(33.33% - 20px);background-color:#fff;box-shadow:5px 10px 10px rgba(92,144,255,.1);margin:10px}.problem ul li .text{display:flex;align-items:center;min-height:40px;padding:20px 20px 20px 105px;position:relative}.problem ul li .text:before{content:'';position:absolute;left:24px;top:18px;width:42px;height:42px;background-color:#d1edfd;border-radius:50%}.problem ul li span{position:absolute;left:38px;top:28px;line-height:32px;font-size:28px;color:#0f71f9}.problem ul li p{line-height:20px;text-align:left;font-size:14px;color:#333;letter-spacing:.35px}.yban{min-height:220px;text-align:center;background-image:url(/static/images/xiaoyi_2018/DCMM/yban.jpg);background-position:center top;background-repeat:no-repeat}.yban .max-width-1200{padding-top:59px;min-height:161px}.yban .pc-show{width:100%;height:100%;overflow:hidden;position:absolute;left:0;top:0;z-index:0}.yban .move{position:absolute;left:84px;top:0;width:1px;height:134px}.yban .move:before{content:'';position:absolute;left:0;top:0;width:1px;height:145px;background:rgba(0,221,231,.28);transform:rotate(35deg);transform-origin:top;-webkit-transform:rotate(35deg);-webkit-transform-origin:top}.yban .move:after{content:'';position:absolute;left:-98px;bottom:-2px;width:12px;height:12px;background-color:#34bdfe;border-radius:50%;animation:lineA 2.3s linear infinite alternate;-webkit-animation:lineA 2.3s linear infinite alternate}@-webkit-keyframes lineA{0,20%{-webkit-transform:translate(0,0)}90%,100%{-webkit-transform:translate(100px,-138px)}}@keyframes lineA{0,20%{transform:translate(0,0)}90%,100%{transform:translate(100px,-138px)}}.yban .move2{left:298px;height:221px}.yban .move2:before{height:290px}.yban .move2:after{left:3px;bottom:auto;top:-17px;animation:lineB 4.3s linear infinite alternate;-webkit-animation:lineB 4.3s linear infinite alternate}@-webkit-keyframes lineB{0,20%{-webkit-transform:translate(0,0)}90%,100%{-webkit-transform:translate(-189px,268px)}}@keyframes lineB{0,20%{transform:translate(0,0)}90%,100%{transform:translate(-189px,268px)}}.yban .move3{left:auto;right:256px}.yban .move3:after{bottom:auto;top:-11px;left:0;animation:lineC 3s linear infinite alternate;-webkit-animation:lineC 3s linear infinite alternate}@-webkit-keyframes lineC{0,20%{-webkit-transform:translate(0,0)}90%,100%{-webkit-transform:translate(-88px,123px)}}@keyframes lineC{0,20%{transform:translate(0,0)}90%,100%{transform:translate(-88px,123px)}}.yban .move4{left:auto;right:43px;height:221px}.yban .move4:before{height:290px}.yban .move4:after{left:-167px;bottom:-17px;animation:lineD 5.3s linear infinite alternate;-webkit-animation:lineD 5.3s linear infinite alternate}@-webkit-keyframes lineD{0,20%{-webkit-transform:translate(0,0)}90%,100%{-webkit-transform:translate(189px,-268px)}}@keyframes lineD{0,20%{transform:translate(0,0)}90%,100%{transform:translate(189px,-268px)}}.yban h3{line-height:38px;font-size:28px;color:#fff;letter-spacing:1px;position:relative;z-index:2}.yban .btn{display:block;width:161px;height:43px;line-height:43px;color:#fff;font-size:16px;background-image:linear-gradient(90deg,#35bffe,#0e71f9);background-color:#35bffe;border-radius:2px;box-shadow:7px 0 27px rgba(0,80,171,.53);position:relative;z-index:2;margin:23px auto}.yban .btn:hover{background-image:linear-gradient(-90deg,#35bffe,#0e71f9);background-color:#0e71f9}@media screen and (min-width:768px){main{padding-top:73px}}@media screen and (min-width:768px) and (max-width:1519px){.introduction .main{width:98%}}@media screen and (max-width:767.98px){main{padding-top:53px}main .max-width-1200{width:calc(100% - 40px);padding:0 20px}.big-title h2{font-size:22px;padding-bottom:15px}.big-title h2 strong:before{bottom:-8px}.big-title h2 strong:after{bottom:-4px}.big-title p{line-height:24px;font-size:14px;margin-top:10px}.page-banner{height:410px}.page-banner-bg{background-size:auto 330px;background-position:center top;background-color:#edf7fb}.page-banner-title{text-align:center;letter-spacing:0;padding-top:190px;height:calc(100% - 190px)}.page-banner-title .text1{line-height:32px;font-size:20px;margin-bottom:4px}.page-banner-title .text3{align-items:center;justify-content:center;margin:0 auto 14px}.page-banner-title .text3 h3 strong{font-size:12px;margin:0 20px 0 6px}.page-banner-title .btn{text-align:center;margin:0 auto}.page-banner-title .btn a{width:132px;height:36px;line-height:36px;font-size:14px;margin:0 auto}.introduction{padding:0 0 50px}.introduction .main{width:100%;text-align:center;margin-top:16px}.introduction .main img{display:block;max-width:100%}.introduction .text-top{top:-75px;left:0;width:calc(100% - 40px);margin:10px 20px}.introduction .text-top ul{display:block;text-align:center;font-size:0;justify-content:initial;height:auto;overflow:hidden}.introduction .text-top ul li{display:inline-block;vertical-align:top;width:calc(33.33% - 1px)}.introduction .text-top ul li .text1{padding:0 10px 15px}.introduction .text-top ul li:nth-child(3){border-right:0}.introduction .text-top ul li:nth-child(5){width:calc(50% - 1px);border-right:0;border-top:1px solid #dbe9fc}.introduction .text-top ul li:nth-child(4){width:50%;border-top:1px solid #dbe9fc}.introduction .text-top ul li .icon{transform:scale(.62);margin-bottom:0}.introduction .text-top ul li h6{font-size:16px;margin-top:-10px;margin-bottom:0}.introduction .text-top ul li p{display:none}.introduction .big-title{padding-top:195px}.benefits{padding:30px 0 50px;background-color:#e8f9ff;background-size:cover}.benefits .main{height:auto;margin-top:10px}.benefits .main .bg,.benefits .main .text{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;max-width:100%;height:auto}.benefits .main .bg{display:block;margin:0 auto}.benefits .main .text{width:calc(100% - 36px);padding:17px 14px 20px 22px;margin:20px auto 0}.level{padding:30px 0 46px}.level .main{height:auto;overflow:hidden;padding-top:0;display:block;justify-content:normal;margin-top:0}.level .main img{width:100%;height:auto}.level .main .title{width:calc(100% - 40px);padding:18px 20px 28px;margin-top:15px}.level .main .title .text{margin-top:10px;padding:20px 10px 0}.process{padding:35px 0 46px;min-height:auto;background-size:cover}.process .big-title p{margin-top:5px}.process .main{display:block;justify-content:center;margin:23px auto 0}.process .main img{max-width:100%;height:auto}.delivery{padding:32px 0}.delivery .main{padding-top:5px;margin:0 -10px}.delivery .main ul{display:block;align-items:initial}.delivery .main ul li{width:calc(100% - 60px);padding:16px 20px 0;margin:10px 10px 20px}.delivery .main ul li .img{padding:25px 0;margin-top:16px}.delivery .main ul li .img img{max-width:100%;height:auto}.problem{padding:35px 0 50px;min-height:auto;background-size:cover}.problem .main{padding-top:0}.problem ul{display:block}.problem ul li{flex:0 0 calc(100% - 20px);width:calc(100% - 20px);margin:15px 10px 0}.problem ul li:last-child{width:calc(100% - 20px);margin:15px 10px 0}.yban{padding-top:28px;min-height:148px}.yban .max-width-1200{padding-top:0;min-height:auto}.yban h3{width:86%;font-size:22px;line-height:28px;letter-spacing:.5px;margin:0 auto}.yban .btn{margin:15px auto}}