*{box-sizing:border-box}body{padding-top:65px;overflow-x:hidden}.container{width:1200px;margin:0 auto}.banner .banner-content{padding:180px 0}.banner>.container{display:flex;justify-content:space-between;align-items:center}.banner>.container .banner-img{position:relative}.banner>.container .banner-img img{width:650px}.banner .banner-content h1{font-size:48px;color:#4a4a4a}.banner .banner-content p{font-size:24px;color:#4a4a4a;margin:30px 0 24px;line-height:1.5;max-width:500px}.banner .banner-content a{font-size:18px;color:#fff;width:190px;height:48px;line-height:48px;border-radius:4px;box-shadow:0 12px 42px 0 rgba(0,0,0,.1);background:#00bd66;padding:10px 20px}.banner .banner-content a:hover{box-shadow:0 12px 42px 0 rgba(0,0,0,.2)}.banner a img{margin-left:10px}.list>.container>h3{font-size:24px;color:#4a4a4a;text-align:center;padding-top:15px}.list>.container>p{font-size:16px;color:#666;text-align:center;line-height:16px;margin-top:10px}.value{padding:50px 0 100px;position:relative}.value>.container{background:url(https://xorder.oss-cn-beijing.aliyuncs.com/img/test/solution1/img/soho-value.png) no-repeat center top}.advantage>.container{background:url(https://xorder.oss-cn-beijing.aliyuncs.com/img/test/solution1/img/soho-advantage.png) no-repeat center top}.workflow>.container{background:url(https://xorder.oss-cn-beijing.aliyuncs.com/img/test/solution1/img/soho-workflow.png) no-repeat center top}.Customer>.container{background:url(https://xorder.oss-cn-beijing.aliyuncs.com/img/test/solution1/img/soho-Customer.png) no-repeat center top}.contact>.container{background:url(https://xorder.oss-cn-beijing.aliyuncs.com/img/test/solution1/img/soho-contact.png) no-repeat center top}.value .value-content{display:flex;justify-content:center;margin-top:40px;flex-wrap:wrap}.value .value-content .value-list{width:300px;height:192px;background-image:linear-gradient(#00bd66 12%,rgba(255,255,255,0) 0);background-position:left;background-size:2px 14px;background-repeat:repeat-y;padding:10px 38px 0 30px}.value .value-content .value-list span{font-size:24px;color:#00bd66;line-height:30px}.value .value-content .value-list p{margin-top:30px;font-size:16px;color:#4a4a4a;line-height:28px}.advantage .advantage-content{margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap}.advantage .advantage-content .advantage-list{width:585px;height:160px;background:#fff;border:1px solid #f8f9f0;box-shadow:0 6px 24px 0 rgba(3,63,28,.1);border-radius:4px;margin-bottom:30px;padding:30px 30px 30px 20px}.advantage .advantage-content .advantage-list>div{float:left}.advantage .advantage-content .advantage-list>div img{width:100px;height:auto;margin-right:10px}.advantage .advantage-content .advantage-list>span{font-size:20px;color:#4a4a4a;line-height:20px;font-weight:700}.advantage .advantage-content .advantage-list>p{font-size:16px;color:#4a4a4a;line-height:24px;margin-top:20px}.workflow{padding:100px 0 90px}.workflow .workflow-content{margin-top:50px}.workflow .workflow-content .workflow-nav{display:flex;justify-content:center}.workflow .workflow-content .workflow-nav li{font-size:16px;text-align:center;float:left;margin:0 25px;cursor:pointer}.workflow .workflow-content .workflow-nav li img{height:24px}.workflow .workflow-content .workflow-nav li p{padding:15px 0 10px;color:#333}.workflow .workflow-content .workflow-nav li p.mobile{display:none}.workflow .workflow-content .workflow-nav li.active,.workflow .workflow-content .workflow-nav li:hover{color:#00bd66;border-bottom:2px solid #00bd66}.workflow .workflow-content .workflow-nav li.active p,.workflow .workflow-content .workflow-nav li:hover p{color:#00bd66}.workflow .workflow-content .workflow-nav-content{margin-top:57px}.workflow .workflow-content .workflow-nav-content .nav-content-list{display:none;justify-content:center;align-items:center;flex-wrap:wrap}.workflow .workflow-content .workflow-nav-content .nav-content-list.active{display:flex}.workflow .workflow-content .workflow-nav-content .nav-content-list div{margin-left:81px}.workflow .workflow-content .workflow-nav-content .nav-content-list div h4{font-size:18px;color:#4a4a4a;font-weight:600}.workflow .workflow-content .workflow-nav-content .nav-content-list div p{font-size:16px;color:#333;line-height:30px;margin:20px 0 40px;max-width:380px}.workflow .workflow-content .workflow-nav-content .nav-content-list div a{background:#00bd66;box-shadow:0 12px 24px 0 rgba(0,189,102,.1);border-radius:100px;font-size:16px;color:#fff;padding:7px 38px}.workflow .workflow-content .workflow-nav-content .nav-content-list div a:hover{box-shadow:0 12px 24px 0 rgba(0,189,102,.2)}.Customer{padding:70px 0 100px;background:rgba(0,189,102,.04);position:relative}.Customer .Customer-content{margin-top:60px}.Customer .Customer-content{display:flex;justify-content:space-between;flex-wrap:wrap}.Customer .Customer-content .Customer-items{width:480px}.Customer .Customer-content .Customer-items .Customer-items-img,.Customer .Customer-content .Customer-items .Customer-items-img img{width:100%}.Customer .Customer-content .Customer-items .Customer-items-content{margin-top:20px}.Customer .Customer-content .Customer-items .Customer-items-content span{font-size:18px;color:#43414e;font-weight:700}.Customer .Customer-content .Customer-items .Customer-items-content p{margin:10px 0 30px;font-size:16px;color:#6e7076;line-height:28px}.Customer .Customer-content .Customer-items .Customer-items-content a{font-size:16px;color:#00bd66;line-height:28px;border:2px solid #00bd66;border-radius:100px;padding:4px 30px}.Customer .Customer-content .Customer-items .Customer-items-content a:hover{background:#00bd66;color:#fff}.Customer .anli{width:165px;position:absolute;right:360px;bottom:-80px;z-index:1}.contact{padding:50px 0 100px;position:relative}.contact.list>.container>h3{color:#666}.contact .contact-bg{position:absolute;height:60px;width:100%;transform:skewY(2deg);background:#fff;top:-27px}.contact .contact-content{margin-top:36px;text-align:center}.contact .contact-content a{margin:0 20px}.footer .dropbz{padding:0}@media (max-width:767px){.banner>.container .banner-img{display:none}.banner{background-color:transparent}.m-navigation .u-btn-anim{padding:0 10px 5px}.banner .banner-content h1{font-size:36px}.container{width:100%}.banner{background-size:cover}.banner>.container{display:block}.banner .banner-content p{font-size:18px;margin:30px auto;width:80%}.banner>.container .banner-content{padding:50px 1rem;line-height:1.5;width:100%;text-align:center}.banner>.container .banner-img{height:210px}.banner>.container .banner-img img{width:100%}.banner>.container .banner-img .img1{left:80%;top:0}.banner>.container .banner-img .img2{left:50%}.list>.container>h3{padding:15px 1rem 0;line-height:1.5}.value .value-content{justify-content:center}.value .vlue-bg{height:85%}.Customer .anli{display:none}.advantage .advantage-content .advantage-list{width:95%;margin:0 auto 30px;height:auto}.advantage .advantage-content .advantage-list>p{padding-left:110px}.workflow .workflow-content .workflow-nav ul{display:flex;justify-content:center;flex-wrap:wrap}.workflow .workflow-content .workflow-nav li{float:none;margin:0 5px}.workflow .workflow-content .workflow-nav-content .nav-content-list div p{width: 90%;margin:20px auto 40px;}.workflow .workflow-content .workflow-nav li p.pc{display:none}.workflow .workflow-content .workflow-nav li p.mobile{display:block}.value .value-content .value-items{margin:10px;width:45%;height:auto}.Customer .Customer-content .Customer-items{width:100%;margin:0 auto;padding:0 20px}.Customer .Customer-content .Customer-items .Customer-items-content{padding:0 0 50px;text-align:center}.workflow .workflow-content .workflow-nav-content .nav-content-list img{width:90%}.workflow .workflow-content .workflow-nav-content .nav-content-list div{margin:20px 0;text-align:center}}@media (min-width:768px) and (max-width:1200px){.container{width:992px}.Customer .anli{right:10%}.Customer .Customer-content .Customer-items,.value .value-content .value-items{flex:1;margin:10px}.Customer .Customer-content .Customer-items{flex:1;margin:10px}}@media (max-width:1440px){.Customer .anli{right:10%}}