.service-graphic ul{margin:0;padding:0}.service-graphic li{margin:0;padding:0;list-style-type:none}.service-graphic .cont{max-width:680px;margin:2em auto;position:relative}.service-graphic{height:220px;font-size:10px;position:relative}@media screen and (width>=38em){.service-graphic{height:340px;font-size:16px}}.service-graphic>.screen{background:#f8f8f8;border:10px solid #1f1f1f;border-radius:10px;width:28.75em;height:17.5em;margin:0 auto;position:relative}@media screen and (width>=38em){.service-graphic>.screen{border:20px solid #1f1f1f}}.monitor>div{position:absolute}.monitor:before,.monitor:after,.laptop:before{content:"";position:absolute;left:50%}.monitor:before,.laptop:before{background:#d8dbe1;border-radius:.25em;width:.25em;height:.25em;margin:-.188em 0 0 -.188em;top:-.25em}@media screen and (width>=38em){.monitor:before,.laptop:before{top:-10px}}.screen:after{background:#ddd;border-radius:8px;width:8px;height:8px;margin:0 0 -.25em -.25em;bottom:-5px}@media screen and (width>=38em){.screen:after{bottom:-10px}}.service-graphic .content{width:26.25em;height:15em;margin-left:-13.125em;left:50%;overflow:hidden}.service-graphic .content:before{content:"";z-index:5;background:linear-gradient(#ffffff80 0%,#fff0 100%);width:200px;height:300px;position:absolute;right:-90px;transform:rotate(45deg)}.pg{background:#fff;border:1px solid #ddd;border-top:20px solid #d8dbe1;border-radius:5px;width:240px;height:180px;margin:-90px 0 0 -120px;position:absolute;top:50%;left:50%}.screen-content{height:159px;overflow:hidden}.btns{position:absolute;top:-20px;left:7px}.btns:before{content:"";background:#fff;border-radius:3px;width:185px;height:10px;position:absolute;top:5px;left:35px}.btns>li{background:#fc5254;border-radius:5px;width:5px;height:5px;list-style:none;display:inline-block;position:relative;top:-6px}.btns li:nth-child(2){background:#fcae52}.btns li:nth-child(3){background:#66b34e}.service-graphic .txt{text-align:center;width:85%;margin:10px auto;font-size:0}.txt>li{background:#ddd;width:100%;height:15px;margin-bottom:9px;font-size:10px}@media screen and (width>=38em){.txt>li{font-size:16px}}.txt>li.big{height:60px}.screen .txt>li:first-child{-moz-animation:pop 4s 0 linear infinite;-webkit-animation:pop 4s 0 linear infinite;-ms-animation:pop 4s 0 linear infinite;-o-animation:pop 4s 0 linear infinite;animation:pop 4s 0 linear infinite}.screen .txt>li:nth-child(2){-ms-animation:pop 4s .2s linear infinite;animation:4s linear .2s infinite pop}.screen .txt>li:nth-child(3){-ms-animation:pop 4s .4s linear infinite;animation:4s linear .4s infinite pop}.screen .txt>li:nth-child(4){-ms-animation:pop 4s .6s linear infinite;animation:4s linear .6s infinite pop}.screen .txt>li:nth-child(5){-ms-animation:pop 4s .8s linear infinite;animation:4s linear .8s infinite pop}@keyframes pop{}.screen .txt,.laptop .txt{-ms-animation:scroll 4s 1s cubic-bezier(.25, .1, .25, 1) infinite;animation:4s 1s infinite scroll}@keyframes scroll{20%,60%{-moz-animation:translateY(-62%);-webkit-animation:translateY(-62%);-ms-animation:translateY(-62%);-o-animation:translateY(-62%);transform:translateY(-62%)}80%{margin-top:-50px}}.txt>.third{width:30%;height:43px;margin-right:5%;display:inline-block}.txt>li:nth-child(5),.txt>li:nth-child(10),.txt>li:nth-child(13),.txt>li:nth-child(18),.txt>li:nth-child(21){margin-right:0}.base{background:#ddd;width:5.625em;height:3.1em;margin-left:-2.8125em;bottom:-3.9em;left:50%}@media screen and (width>=38em){.base{bottom:-4.375em}}.base:before,.base:after,.grey-shadow:before,.grey-shadow:after{content:"";position:absolute;top:0}.base:before{border-bottom:3.125em solid #ddd;border-left:.813em solid #0000;border-right:0 solid #0000;left:-.77em}.base:after{border-bottom:3.125em solid #ddd;border-left:0 solid #0000;border-right:.813em solid #0000;right:-.77em}.base>div{position:absolute}.grey-shadow{background:#d8dbe1;width:5.625em;height:.75em;top:0}.grey-shadow:before{border-bottom:.75em solid #d8dbe1;border-left:3px solid #0000;border-right:0 solid #0000;left:-3px}.grey-shadow:after{z-index:1;border-bottom:.75em solid #d8dbe1;border-left:0 solid #0000;border-right:3px solid #0000;right:-2px}.foot{background:#ddd}.foot.top{width:7.25em;height:.313em;margin-left:-3.625em;bottom:-.313em;left:50%}.foot.top:before,.foot.top:after,.foot.bottom:before{content:"";position:absolute;top:0}.foot.top:before{border-bottom:5px solid #ddd;border-left:16px solid #0000;border-right:0 solid #0000;left:-16px}.foot.top:after{border-bottom:5px solid #ddd;border-left:0 solid #0000;border-right:1em solid #0000;right:-1em}.foot.bottom{width:9.375em;height:.313em;margin-bottom:0;margin-left:-4.688em;bottom:-.625em;left:50%}.laptop{z-index:10;background:#f8f8f8;border:.75em solid #1f1f1f;border-radius:10px 10px 0 0;width:14.688em;height:9.688em;margin-top:-10em;margin-left:175px;position:absolute;left:50%}.laptop:before{top:-6px}.laptop>div{position:absolute}.laptop>.content{background:#fff;width:13.188em;height:8.188em;margin-left:0;left:0}.txt-laptop{width:11.813em}.txt-laptop>li{background:#ddd}.txt-laptop>li:nth-child(2){height:2.563em}.btm{z-index:1;background:#ddd;border-radius:0 0 20px 20px;width:18.5em;height:.625em;margin-left:-9.25em;bottom:-1.188em;left:50%}.btm:before{content:"";background:#d8dbe1;border-radius:0 0 5px 5px;width:42px;height:4px;margin-left:-21px;position:absolute;top:0;left:50%}.btm:after{content:"";background:#bababa;border-bottom-right-radius:7.5rem 2.5rem;border-bottom-left-radius:7.5rem 2.5rem;width:100%;height:.25rem;display:none;position:absolute;top:.5rem}.phone{background:#1f1f1f;border:1.563em solid #1f1f1f;border-width:1.563em .313em;border-radius:8px;width:4.125em;height:8.75em;margin-top:-10em;margin-left:-305px;position:absolute;left:50%}.phone:before,.phone:after{content:"";background:#474e5d;position:absolute;left:50%}.phone:before{background:#474e5d;border-radius:2px;width:1.25em;height:.25em;margin-left:-.625em;top:-.75em}.phone:after{border-radius:.625em;width:.625em;height:.625em;margin-left:-.313em;bottom:-1.125em}.phone .screen{width:3.5em;height:5.625em;margin:0 auto;position:relative;overflow:hidden}.phone .content{background:#fff;width:100%;height:21em;margin-left:0;left:0%}.phone .txt>li{height:1.25em}.txt>li.half{width:44%;margin-right:6%;display:inline-block}.txt>li.half:nth-of-type(2n){margin-right:0}.ipad{background:#1f1f1f;border:1.563em solid #1f1f1f;border-width:1.563em .313em;border-radius:8px;width:8.75em;height:12.75em;margin-top:-13em;margin-left:-250px;position:absolute;left:50%}.ipad:before,.ipad:after{content:"";background:#474e5d;position:absolute;left:50%}.ipad:before{background:#474e5d;border-radius:2px;width:1.25em;height:.25em;margin-left:-.625em;top:-.75em}.ipad:after{border-radius:.625em;width:.625em;height:.625em;margin-left:-.313em;bottom:-1.125em}.ipad .screen{width:8em;height:9.7em;margin:0 auto;position:relative;overflow:hidden}.ipad .content{background:#fff;width:100%;margin-left:0;left:0%}.ipad .half{height:35px}.shadow{z-index:-1;width:350px;height:15px;margin-left:-175px;position:absolute;bottom:-20px;left:50%}.laptop .shadow{width:450px;margin-left:-225px;bottom:-26px}.phone .shadow{width:100px;height:10px;margin-left:-50px;bottom:-30px}.phone .txt{-ms-animation:scroll 4s 1s cubic-bezier(.25, .1, .25, 1) infinite;animation:4s 1s infinite scroll}