html{margin:0;padding:0;font-size:62.5%}#header{z-index:99;width:100%;position:fixed;top:0}#banner img{width:100%}#func,#advantage,#scene{text-align:center;padding:2rem 15% 4rem}#func .title,#advantage .title,#scene .title{font-size:2.8rem;line-height:4.2rem}#func b,#advantage b,#scene b{background:#8ed200;border-radius:2px;width:5.9rem;height:3px;margin:1rem 0 1rem calc(50% - 2.95rem);display:block}#func .subtitle,#advantage .subtitle,#scene .subtitle{margin-bottom:3rem}#func .func-list,#advantage .advantage-list{flex-wrap:wrap;justify-content:center;display:flex}#func .func-list .func-item{background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:calc(25% - 2rem);height:16.9rem;margin:1rem;display:inline-flex;position:relative;box-shadow:0 0 10px #0000000f}#func .func-list .func-item b{border-radius:71px 71px 0 0;width:46px;height:4px;margin:0;position:absolute;bottom:0}#func .func-list .func-item:hover b{background:#fff}#func .func-list .func-item:hover{cursor:pointer;animation:.5s funcover;-webkit-animation:funcover .5 1;-ms-animation-fill-mode:forwards;animation-fill-mode:forwards}.func-item-out{animation:.5s funcout;-webkit-animation:funcout .5 1;-ms-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards}#func .func-list .func-item:hover img,#func .func-list .func-item:hover .name,#func .func-list .func-item .desc,#advantage .advantage-list .item ul{display:none}#func .func-list .func-item:hover .desc{color:#787a74;width:90%;margin:5px 5%;font-family:SourceHanSansCN-Regular,SourceHanSansCN;line-height:20px;display:block}#func .func-list .func-item img{width:5.8rem;height:5.8rem}#func .func-list .func-item .name{color:#171819;margin-top:1.6rem;font-size:18px;font-weight:550;line-height:2.7rem}#advantage{background:#f9fafe}#advantage .advantage-list .item{background:#f4f7fa;border:2px solid #fff;border-radius:22px;justify-content:center;align-items:center;width:calc(25% - 2rem);height:31.6rem;margin:1rem;padding:2rem;display:flex;overflow:hidden;box-shadow:10px 10px 20px #e9edf0,-10px -10px 20px #fff}#advantage .advantage-list .item .name img{width:11.7rem;height:11.7rem}#advantage .advantage-list .item .name p{color:#171819;text-align:center;margin-top:1.7rem;font-size:1.8rem;font-weight:550;line-height:3rem}#advantage .advantage-list .item:hover .name p{text-align:center}#advantage .advantage-list .item:hover{background:linear-gradient(131deg,#f4f7fa 0% 100%);border:2px solid #0000;flex-direction:column;align-items:center;box-shadow:inset 10px 10px 20px #1f1b5608,inset 0 1px 10px #3333390a}#advantage .advantage-list .item:hover .name img{width:8rem;height:8rem;margin-right:0}#advantage .advantage-list .item:hover .name{flex-direction:column;align-items:center;padding-left:0;display:flex}#advantage .advantage-list .item:hover ul{text-align:left;flex-direction:column;width:100%;max-height:12rem;margin-top:1rem;padding:.5rem;display:flex;overflow-y:auto}#advantage .advantage-list .item:hover .first-ul{text-indent:0}#advantage .advantage-list .item:hover .second-ul{padding:0 2rem}#advantage .advantage-list .item:hover ul li{list-style:none;display:inline-flex}#advantage .advantage-list .item:hover ul li span:first-child b{background:#006eff;border-radius:50%;width:6px;height:6px;margin:0;display:inline-block}#advantage .advantage-list .item:hover ul li span:last-child{color:#42443f;margin-left:1rem;font-weight:400;line-height:2.8rem}#scene .subtitle span{width:50%;display:inline-block}#scene .scene-picture{justify-content:center;align-items:center;width:min(100%,120rem);max-height:68rem;margin:0 auto;display:flex;overflow:hidden}#scene .scene-picture img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:68rem;display:block}#support{text-align:center;color:#fff;background:url(/static/images/achieve.png) 0 0/100% 100% no-repeat;padding:2rem 15% 4rem}#support .title{font-size:2.8rem;line-height:4.2rem}#support b{background:#8ed200;border-radius:2px;width:5.9rem;height:3px;margin:1rem 0 1rem calc(50% - 2.95rem);display:block}#support .subtitle{margin-bottom:3rem}#support .item-list{justify-content:center;display:flex}#support .item-list .item{text-align:left;background:#3d3f41;border-radius:12px;width:43.2rem;height:26.7rem;padding-left:5rem;box-shadow:10px 10px 20px #07080829,-10px -10px 20px #69696926}#support .item-list .item:last-child{margin-left:7.7rem}#support .item-list .item .name{align-items:center;padding:3.9rem 0 0 4.1rem;display:inline-flex}#support .item-list .item .name span{padding:7px 0 0 10px;font-size:1.8rem}#support .item-list .item ul li{padding-left:8.8rem;line-height:2.5rem;list-style:none}#support .item-list .item ul li span:first-child{background:#8bc229;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}#support .item-list .item:last-child ul li span:first-child{background:#f4bb1e}@keyframes funcover{0%{margin-top:1rem}to{margin-top:0}}@keyframes funcout{0%{margin-top:0}to{margin-top:1rem}}@media screen and (min-width:1024px) and (max-width:1279px){#advantage{padding:2rem 0 4rem}}@media screen and (min-width:768px) and (max-width:1024px){#advantage{padding:2rem 0 4rem}#advantage .advantage-list .item .name p{font-size:1.4rem}#advantage .advantage-list .item:hover ul{font-size:1.2rem}#support{padding:2rem 10% 4rem}#support .item-list .item{padding-left:0}}@media screen and (max-width:767px){#scene .scene-picture{max-height:none}#scene .scene-picture img{width:auto;max-width:100%;max-height:none}#func .title,#advantage .title,#scene .title,#support .title{font-size:1.8rem;line-height:1.8rem}#scene .subtitle{display:none}#func,#advantage{padding:2rem 0 4rem}#func .func-list .func-item{width:calc(50% - 20px);height:19rem}#advantage .advantage-list .item{width:calc(50% - 20px)}#advantage .advantage-list .item:hover .name p{font-size:1.3rem;line-height:normal}#advantage .advantage-list .item:hover ul{font-size:1.2rem}#advantage .advantage-list .item:hover .second-ul{margin-left:1rem}#advantage .advantage-list .item:hover ul li span:last-child{line-height:normal}#func .func-list .func-item .name{margin-top:1.6rem;font-size:1.6rem;font-weight:500;line-height:2.4rem}#advantage .advantage-list .item .name p{font-size:1.6rem;line-height:2.4rem}#func .func-list .func-item:hover .desc{font-size:1.2rem}#func .subtitle,#advantage .subtitle,#scene .subtitle{display:none}#advantage .advantage-list .item{height:22.2rem}#support{background:url(/static/images/achieve-mobile.png) 0 0/100% 100% no-repeat;padding:2rem 0 1rem}#support .subtitle{display:none}#support .item-list{flex-direction:column;padding:0 1.5rem}#support .item-list .item{background:#202122;flex-direction:column;width:100%;height:16.7rem;padding-left:0;display:inline-flex;box-shadow:10px 10px 20px #0708084a,-10px -10px 20px #28292b69}#support .item-list .item .name{padding:1.9rem 0 0 2.7rem}#support .item-list .item .name span{font-size:1.6rem}#support .item-list .item:last-child{margin-top:1rem;margin-left:0}#support .item-list .item ul{flex-wrap:wrap;margin-left:2rem;display:inline-flex}#support .item-list .item ul li{width:50%;padding-left:0}#support .item-list .item ul li:last-child{width:100%}#advantage .advantage-list .item:hover .name img{width:4rem;height:4rem}}