body{overflow-x:hidden;overflow-y:auto;margin:0}#root,#root>div,body{height:100%}.f-mr-sm{margin-right:8px}.f-mt-sm{margin-top:8px}.f-mb-xs{margin-bottom:4px}.app{width:500px}.height-100{height:100%}.home{overflow:auto;padding:12px}.slogen{margin-top:100px;text-align:center}.slogen .com-name{color:#b91818}.header{width:100%;border-bottom:1px solid #e9e9e9;padding:6px 8px;box-shadow:0 0 4px rgba(0,21,41,.08)}.content{left:0;right:0;bottom:0;top:86px}.rect-shape,.round-shape,.text-row{background:#eee}.my-filter .wt-filter-item .w-tag{width:100px}.w-btn:hover .wicon svg *{fill:currentcolor}.clientapi-frame>header{height:604px;background-position:50%}.clientapi-frame>header>div{padding-left:340px;padding-top:160px;display:flex;flex-direction:column}.clientapi-frame>header>div>span{color:#fff;letter-spacing:0;font-family:"Arial";font-size:26px}.clientapi-frame>header>div>span:first-of-type{font-size:50px}.clientapi-frame>header>div>span:nth-of-type(2){margin-top:16px;max-width:600px;line-height:40px}.clientapi-frame>header>div>div{cursor:pointer;border:1px solid #00aec7;border-radius:2px;width:128px;height:40px;margin-top:52px;text-align:center;font-family:PingFangSC-Regular;font-size:16px;color:#00aec7;line-height:40px}.clientapi-frame>main{width:1240px;margin:0 auto}.clientapi-frame>main.contact-frame{margin-top:53px;display:flex;justify-content:center}.clientapi-frame>main.contact-frame>div{cursor:pointer;margin:6px;width:578px;height:148px;box-shadow:0 2px 5px 4px rgba(0,0,0,.07);border-radius:20px;display:flex;align-items:center;justify-content:center}.clientapi-frame>main.contact-frame>div>span{font-family:"Arial";font-size:30px;line-height:38px;font-weight:700;margin-left:35px}.clientapi-frame>main.intro-frame>div{margin-top:32px;display:flex;flex-direction:column;align-items:center}.clientapi-frame>main.intro-frame>div>span{font-family:"Arial";font-size:20px;color:#666;line-height:30px;text-align:center}.clientapi-frame>main.service-frame>div{display:flex;justify-content:center;margin-top:30px;margin-bottom:80px}.clientapi-frame>main.service-frame>div>div{margin:0 8px;width:400px;height:90px;box-shadow:0 2px 5px 4px rgba(0,0,0,.07);border-radius:6px;display:flex;align-items:center;justify-content:center}.clientapi-frame>main.service-frame>div>div>span{font-family:"Arial";font-size:16px;color:#333;font-weight:700;margin-left:12px}.sub-title{display:flex;align-items:center;justify-content:center;margin-top:69px}.sub-title>div{width:50px;height:2px}.sub-title>span{font-family:"Arial";font-size:32px;color:#333;margin:0 8px;font-weight:700;line-height:42px}.hotContent{display:flex;justify-content:space-between;margin-top:36px}.hotContent .boxDiv{width:390px;margin:0 8px}.hotContent .boxDiv>div:nth-last-of-type(n+2){margin-bottom:15px}.hotContent .boxDiv .box{position:relative;height:220px;background-color:#000;border-radius:8px;cursor:pointer}.hotContent .boxDiv .box .textDiv{position:relative;top:98px;transition:top .6s ease-in-out .1s}.hotContent .boxDiv .box .textDiv .text{font-size:20px;line-height:24px;color:#fff;text-align:center;transition:font-size .5s}.hotContent .boxDiv .box .textDiv .textInfo{margin:16px auto 0;width:321px;color:#fff;font-size:14px;text-align:justify;opacity:0;transition:opacity .8s}.hotContent .boxDiv .box .textDiv>p{-webkit-margin-before:6px;margin-block-start:6px;-webkit-margin-after:6px;margin-block-end:6px}.hotContent .boxDiv .box .hoverDiv{position:absolute;top:0;width:100%;height:100%;background:#000;opacity:.6;border-radius:8px}.hotContent .boxDiv .box:hover .textDiv{top:66px;z-index:1;transition:top .5s ease-in-out}.hotContent .boxDiv .box:hover .textDiv .text{font-size:24px;transition:font-size .5s ease-in-out}.hotContent .boxDiv .box:hover .textDiv .textInfo{font-size:14px;opacity:1;transition:opacity .8s ease-in-out}.hotContent .boxDiv .box:hover .hoverDiv{position:absolute;top:0;width:100%;height:100%;background:linear-gradient(180deg,#68d8e1,#5689f3);opacity:.5;border-radius:8px}.goodnessBox{margin-top:60px;width:1200px;height:300px;padding:20px;display:flex;align-items:center;justify-content:space-between}.goodnessBox>div.image{flex:0 0 600px}.goodnessBox>div.word{flex:0 0 500px}.goodnessBox>div.word>span{font-family:"Arial";font-size:32px;font-weight:700;line-height:42px;color:#333}.goodnessBox>div.word>p{font-family:"Arial";font-size:16px;color:#666;line-height:26px;-webkit-margin-before:24px;margin-block-start:24px}