html{margin:0;padding:0;font-size:62.5%}ul,li{list-style:none}img{border:none}a{color:#333;outline:none;font-size:1.4rem;text-decoration:none}input{lighting-color:none}#header{z-index:99;width:100%;position:fixed;top:0}#banner img{width:100%}#userpain,#solvemethod,#benifit,#custom{text-align:center;padding:2rem 15% 4rem}#userpain .title,#solvemethod .title,#benifit .title,#custom .title{font-size:2.8rem;line-height:4.2rem}#userpain b,#solvemethod b,#benifit b,#custom b{background:#8ed200;border-radius:2px;width:5.9rem;height:3px;margin:1rem 0 1rem calc(50% - 2.95rem);display:block}#userpain .subtitle,#solvemethod .subtitle,#benifit .subtitle,#custom .subtitle{margin-bottom:3rem}#solvemethod{background:#f9fafe}#userpain .userpain-list{flex-wrap:wrap;justify-content:center;align-items:center;display:flex}#userpain .userpain-list .item{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:38.7rem;height:21.1rem;margin:0 5px;display:inline-flex;position:relative;box-shadow:0 0 10px #00000014}#userpain .userpain-list .namewrap{flex-direction:column;align-items:center;display:inline-flex}#userpain .userpain-list .item .img{width:7.6rem;height:7.7rem}#userpain .userpain-list .item .name{color:#42443f;margin-top:1rem;font-size:1.8rem;font-weight:550;line-height:1.8rem}#userpain .userpain-list .item .desc,#userpain .userpain-list .item:hover .img,#userpain .userpain-list .item:hover .name{display:none}#userpain .userpain-list .item:hover .desc{justify-content:center;align-items:center;width:90%;height:100%;margin:5px 5%;display:inline-flex}#userpain .userpain-list .item:hover .desc .word{color:#42443f;z-index:3;text-indent:2rem;font-size:1.4rem;font-weight:400;line-height:2.8rem;position:absolute;top:auto;left:0}#userpain .userpain-list .item:hover .desc .bg{z-index:2;background:#ffffffb3;width:10.9rem;height:10.9rem;position:absolute;bottom:0;right:0}#userpain .userpain-list .item:hover .desc img{z-index:1;width:10.9rem;height:10.9rem;position:absolute;bottom:0;right:0}#userpain .userpain-list .item:hover{cursor:pointer}.userpain-item-out{animation:.5s userpainout;-webkit-animation:userpainout .5 1;-ms-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards}#solvemethod .solvemethod-list{justify-content:center;align-items:center;display:flex}#solvemethod .solvemethod-list img{height:18.6rem;margin-right:6.4rem}#solvemethod .solvemethod-list span{text-align:left;color:#42443f;font-size:1.8rem;line-height:3.6rem}#benifit{color:#fff;background:url(/static/images/solvemethod_bg.png) 0 0/cover no-repeat;height:554px;padding-top:5rem}#benifit .benifit-list{justify-content:space-between;align-items:center;display:inline-flex}#benifit .benifit-list .item{background:#3d3f41;flex-direction:column;justify-content:center;align-items:center;width:32%;height:27.2rem;padding:2rem;display:inline-flex;box-shadow:10px 10px 20px #07080829,-10px -10px 20px #69696926}#benifit .benifit-list .item img{width:8rem;height:8rem}#benifit .benifit-list .item span{text-align:left;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;width:100%;margin-top:2rem;font-size:1.6rem;line-height:2.8rem;display:-webkit-box;overflow:hidden}#benifit .benifit-list .item:hover{cursor:pointer;box-shadow:inset 4px 5px 15px #00000026}.benifit-item-out{animation:.5s userpainover;-webkit-animation:userpainover .5 1;-ms-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards}#custom .custom-wrap{position:relative}#custom .custom-wrap .item{background:url(/static/images/custom_itembg.png) 0 0/100% 100% no-repeat;flex-direction:column;justify-content:center;align-items:center;width:95%;height:33.6rem;display:inline-flex}#custom .custom-wrap .item .img{justify-content:center;align-items:center;width:100%;height:25%;display:inline-flex;overflow:hidden}#custom .custom-wrap .item .name{justify-content:center;align-items:center;height:15%;margin-top:1rem;font-size:1.8rem;display:inline-flex}#custom .custom-wrap .item .desc{text-align:left;color:#42443f;width:85%;height:60%;line-height:2.8rem}#custom .custom-wrap .swiper-wrapper{display:inline-flex}#custom .left-btn,#custom .right-btn{z-index:10;position:absolute;top:35%}#custom .left-btn{left:-6%}#custom .right-btn{right:-6%}#custom .swiper-pagination1 .swiper-pagination-bullet{margin:0 1px}#custom .swiper-pagination1 .swiper-pagination-bullet-active{background:#8ed200;border-radius:4px;width:4rem;height:8px}@keyframes userpainover{0%{margin-top:1rem}to{margin-top:0}}@keyframes userpainout{0%{margin-top:0}to{margin-top:1rem}}@media screen and (min-width:1680px) and (max-width:1800px){:not(*){padding:2rem 13% 4rem}.head,.foot{padding:0 13% 0m 13%!important}}@media screen and (min-width:1480px) and (max-width:1680px){#userpain,#solvemethod,#benifit,#custom{padding:2rem 8% 4rem}.head,.foot{padding:0 8% 0m 8%!important}}@media screen and (min-width:1280px) and (max-width:1480px){#userpain,#solvemethod,#benifit,#custom{padding:2rem 5% 4rem}.head,.foot{padding:0 5%!important}#custom .right-btn{right:-5%}#custom .swiper-pagination1 .swiper-pagination-bullet{margin:0 1px}}@media screen and (min-width:1024px) and (max-width:1280px){#userpain,#solvemethod,#benifit,#custom{padding:2rem 5% 4rem}.head,.foot{padding:0 5%!important}#custom .left-btn,#custom .right-btn{display:none}}@media screen and (min-width:768px) and (max-width:1024px){#userpain,#solvemethod,#benifit,#custom{padding:2rem 0 4rem}.head,.foot{padding:0!important}#custom .left-btn,#custom .right-btn{display:none}}@media screen and (max-width:768px){#userpain img{width:100%}#userpain .subtitle,#solvemethod .subtitle,#benifit .subtitle,#custom .subtitle,#userpain .userpain-list .item .desc .bg,#userpain .userpain-list .item .desc img{display:none}#userpain,#solvemethod,#benifit,#custom{padding:2rem 0 4rem}#userpain .title,#solvemethod .title,#custom .title{color:#333;font-size:1.8rem;line-height:1.8rem}#benifit .title{font-size:1.8rem;line-height:1.8rem}#userpain .userpain-list .item{width:calc(100% - 2rem);height:auto;padding:2rem 1rem}#userpain .userpain-list .item .desc,#userpain .userpain-list .item:hover .img,#userpain .userpain-list .item:hover .name{display:block}#userpain .userpain-list .item:hover{-ms-animation-fill-mode:none;animation:none;-moz-animation-fill-mode:;-o-animation-fill-mode:}#userpain .userpain-list .item .desc{text-align:left;display:inline-flex}#userpain .userpain-list .namewrap{flex-direction:row;justify-content:left;align-items:center;width:100%;margin-bottom:1rem}#userpain .userpain-list .namewrap .img{width:5rem;height:5rem}#userpain .userpain-list .namewrap .name{font-size:1.6rem}#userpain .userpain-list .item:hover .desc{width:auto;height:auto;margin:auto;display:block}#userpain .userpain-list .item:hover .desc .word{text-indent:0%;line-height:normal;position:static}#solvemethod .solvemethod-list{flex-direction:column}#solvemethod .solvemethod-list img{width:11.5rem;height:11.5rem;margin-right:0}#solvemethod .solvemethod-list span{color:#42443f;margin-top:1rem;padding:1rem;font-size:1.4rem;font-weight:400;line-height:2.4rem}#benifit{background:url(/static/images/achieve-mobile.png) 0 0/cover no-repeat}#benifit .benifit-list{flex-direction:column;padding:0 15px}#benifit .benifit-list .item{background:#202122;flex-direction:row;width:98%;height:147px;padding:2rem 1rem;box-shadow:10px 10px 20px #0708084a,-10px -10px 20px #28292b69}#benifit .benifit-list .item:nth-of-type(2){margin:1rem 0}#benifit .benifit-list .item img{width:4.2rem;height:4.2rem}#benifit .benifit-list .item span{color:#e7e7e7;margin-top:0;margin-left:1rem;font-size:1.4rem;line-height:2.2rem}#custom .left-btn,#custom .right-btn{display:none}#custom .custom-wrap .item{height:283px}#custom .custom-wrap .item .name{font-size:1.5rem;line-height:2.3rem}}