.desktop{margin:50px auto;padding-top:0}.desktop h2{text-align:center;font-size:30px;color:#000;margin-bottom:30px;margin-top:60px}.desktop-content p{text-align:center;font-size:16px}.advan{background:#000;padding-top:70px;overflow:hidden}.advan h2{color:#fff;margin-bottom:35px}.advan-content{width:1200px;margin:0 auto}.advan-content ul{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:55px}.advan-content ul li{background-color:#1d1e20;width:230px;height:180px;margin:30px;border-radius:10px}.advan-content ul li img{margin:30px auto 20px}.advan-content ul li p{color:#fff;text-align:center}.scenario{background-color:#fff;padding-top:70px}.scenario h2{color:#3a3a3a;margin-bottom:35px}.scenario-content{width:1200px;margin:0 auto}.scenario-content ul{display:flex;flex-wrap:wrap;justify-content:space-around;margin-bottom:55px}.scenario-content ul li{background:#030c17;width:240px;height:180px;margin:30px}.scenario-content ul li img{opacity:.9;-webkit-transition:opacity .35s;transition:opacity .35s}.scenario-content ul li img:hover{opacity:.4}.mask{width:240px;height:180px;position:relative;top:-100%;left:0}.mask::before{position:absolute;top:20px;right:20px;bottom:20px;left:20px;border:2px solid #fff;box-shadow:0 0 0 30px rgba(255,255,255,.2);content:'';opacity:0;cursor:pointer}.scenario-content ul li:hover .mask::before{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);background:rgba(0,0,0,0.5)}.scenario-content ul li .mask p{position:absolute;width:67%;left:17%;bottom:35%;color:#fff;font-size:18px;text-align:center;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;transition:opacity .35s,transform .35s;-webkit-transform:scale(1.5);transform:scale(1.5);cursor:pointer}.scenario-content ul li:hover .mask p{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}