.header{grid-template-rows:auto;grid-template-columns:1fr;width:100%;display:grid;position:relative}.header .h-bg{grid-area:1/1;width:100%;height:100%}.header .h-bg img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;display:block;transform:translateY(-10%)}.header .h-icon{z-index:2;grid-area:1/1;justify-self:center;width:100%;max-width:1300px;height:100%;padding:100px 40px;display:flex;position:relative}.header .h-icon .index-title{text-align:center;flex-direction:column;gap:1rem;width:100%;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.header .h-icon .index-title h1{color:#fff;letter-spacing:2px;white-space:nowrap;font-size:50px;font-weight:600}.header .h-icon .index-title p{color:#58b8ff;letter-spacing:2px;font-size:20px}.header .h-icon .index-title .button-wrapper{flex-direction:column;align-items:center;margin-top:2rem;display:inline-flex;position:relative}.header .h-icon .index-title div>a{color:#fff;white-space:nowrap;letter-spacing:2px;background:#0ab55f;border-radius:2rem;padding:1rem 4rem;font-size:20px}.header .icon-block{width:150px;height:150px}.header .a-left,.header .a-right{width:50%;height:100%;position:relative}.header .a-left img,.header .a-right img{position:absolute}.common-title{text-align:center;margin:3rem 0}.common-title:first-child{margin-top:0}.common-title h2{letter-spacing:2px;color:#242424;font-size:50px;font-weight:600;line-height:1.25}@media (width<=768px){.common-title h2{white-space:unset;font-size:30px;font-weight:600}}.body{width:100%;max-width:1300px;margin:0 auto;padding-top:3rem}.body .grid-list{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.body .grid-list .grid-item{aspect-ratio:1;background:linear-gradient(135deg,#16f470,green 15%,#fff,green 85%,#16f470);border-radius:20px;text-decoration:none;transition:all .3s;position:relative;box-shadow:-2px 2px 20px #13ca6040}.body .grid-list .grid-item:hover{transform:translateY(-10px)}.body .grid-list .grid-item .item-content{background:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:1rem;width:calc(100% - 4px);height:calc(100% - 4px);padding:20px 2rem 40px;display:flex;position:absolute;top:2px;left:2px}.body .grid-list .grid-item .item-content img{width:100px}.body .grid-list .grid-item .item-content h3{font-size:30px;font-weight:600}.body .grid-list .grid-item .item-content p{text-align:center;font-size:20px}@media (width<=768px){.body{padding:0 1.5rem}.body .grid-list{flex-direction:column;gap:1rem;display:flex}.body .grid-list .grid-item{aspect-ratio:unset;height:220px;position:relative;overflow:hidden;transform:translateY(-6px);box-shadow:-2px 2px 15px #0ab55f59}.body .grid-list .grid-item .item-bg{z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0}.body .grid-list .grid-item .item-bg img{width:100%;height:100%}.body .grid-list .grid-item .item-content{gap:.5rem}.body .grid-list .grid-item .item-content img{width:50px}.body .grid-list .grid-item .item-content h3{text-align:center;font-size:20px;font-weight:600}.body .grid-list .grid-item .item-content p{text-align:center;font-size:16px}}.api{background:url(../images/api-bg.png) 0 -5% no-repeat;width:100vw;padding-top:calc(100px + 3rem);position:relative;left:0}.api .api-body{width:100%;max-width:1300px;height:650px;margin:0 auto}.api .api-body .api-list{max-height:520px;display:flex;overflow:hidden}.api .api-body .api-list>div{flex:1;max-height:520px}.api .api-body .api-list .api-left>ul{flex-direction:column;display:flex}.api .api-body .api-list .api-left>ul>li{cursor:pointer;-webkit-user-select:none;user-select:none;will-change:transform;background:linear-gradient(#f6fff7,#fffffe);border-top:2px solid #e0f9e4;padding:1.5rem 0}.api .api-body .api-list .api-left>ul>li .api-open{transition:all .4s}.api .api-body .api-list .api-left>ul>li.open .api-open{height:142px!important}.api .api-body .api-list .api-header{justify-content:space-between;align-items:center;display:flex}.api .api-body .api-list .api-header .header-info{align-items:center;gap:1rem;max-width:80%;display:flex}.api .api-body .api-list .api-header .more{white-space:nowrap}.api .api-body .api-list .api-header .more a,.api .api-body .api-list .api-header .more .iconfont{color:#919191;font-size:18px}.api .api-body .api-list .api-header h4{color:#0ab55f;white-space:nowrap;font-size:30px}.api .api-body .api-list .api-header p{white-space:nowrap;font-size:22px}.api .api-body .api-list .api-open{overflow:hidden}.api .api-body .api-list .api-open li{white-space:nowrap;padding:1rem 0 0}.api .api-body .api-list .api-open li img{vertical-align:middle;width:26px;height:26px}.api .api-body .api-list .api-open li span{vertical-align:middle;color:#919191;text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 35px);font-size:18px;display:inline-block;overflow:hidden}.api .api-body .api-right{height:100%;max-height:500px;overflow:hidden}.api .api-body .api-right img{width:100%}@media (width<=768px){.api{padding-left:1.5rem;padding-right:1.5rem}.api .api-body{width:100%;max-width:1300px;height:unset;margin:0 auto}.api .api-body .api-list{max-height:unset;flex-direction:column;display:flex;overflow:hidden}.api .api-body .api-list>div{max-height:unset}.api .api-body .api-list .api-header .more a,.api .api-body .api-list .api-header .more .iconfont{color:#919191;font-size:16px}.api .api-body .api-list .api-header h4{color:#0ab55f;white-space:nowrap;font-size:22px}.api .api-body .api-list .api-header p{white-space:nowrap;text-overflow:ellipsis;max-width:calc(100% - 35px);font-size:18px;overflow:hidden}.api .api-body .api-right{order:-1;height:290px}.api .api-body .api-left{height:500px}}.data{padding:calc(100px + 3rem) 1rem 3rem;position:relative}.data:before{content:"";aspect-ratio:1;filter:blur(300px);z-index:-2;background:#5dc76b;border-radius:999px;width:20%;display:block;position:absolute;bottom:5%;left:15%}.data:after{content:"";aspect-ratio:1;opacity:.5;filter:blur(200px);z-index:-2;background:#5dc76b;border-radius:999px;width:20%;display:block;position:absolute;top:30%;right:15%}.data .data-body{width:100%;max-width:1300px;margin:0 auto}.data .data-body .data-list{grid-template-columns:repeat(2,1fr);gap:3rem;display:grid}.data .data-body .data-list .data-item{cursor:pointer;background:#fff;border:2px solid #5dc76b;border-radius:1.5rem;height:300px;padding:2rem;position:relative;overflow:hidden}.data .data-body .data-list .data-item:hover .data-bg{top:-100%!important}.data .data-body .data-list .data-item .data-bg{will-change:transform;background:#f5fbf6;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0}.data .data-body .data-list .data-item .data-bg img{width:80px}.data .data-body .data-list .data-item .data-bg h3{font-size:30px}.data .data-body .data-list .data-item .data-main{flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100%;display:flex}.data .data-body .data-list .data-item .data-main .data-desc{text-align:center;-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:18px;font-weight:600;line-height:1.75;display:-webkit-box;overflow:hidden}.data .data-body .data-list .data-item .data-main .data-btn{color:#fff;background:#5dc76b;border-radius:2rem;padding:.5rem 3rem;font-size:20px}@media (width<=768px){.data{margin-top:100px;padding:1rem}.data .data-body .data-list{flex-direction:column;gap:1rem;display:flex}.data .data-body .data-list .data-item{height:unset;padding:1rem 2rem}.data .data-body .data-list .data-item:hover .data-bg{top:-100%!important}.data .data-body .data-list .data-item .data-bg{gap:1rem}.data .data-body .data-list .data-item .data-bg img{width:60px}.data .data-body .data-list .data-item .data-bg h3{font-size:22px}.data .data-body .data-list .data-item .data-main{flex-direction:column;justify-content:center;align-items:center;gap:1rem 2rem;height:100%;display:flex}.data .data-body .data-list .data-item .data-main .data-desc{-webkit-line-clamp:3;font-size:16px}.data .data-body .data-list .data-item .data-main .data-btn{font-size:18px}}.company{background:linear-gradient(90deg,#f9f9f9,#f7f7f7);width:100%;padding:100px}.company .company-body{width:100%;max-width:1300px;margin:0 auto}.company .company-body .company-list{grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.company .company-body .company-list .company-item{border:1px solid #0ab55f;justify-content:center;align-items:center;height:100px;display:flex;overflow:hidden}.company .company-body .company-list .company-item img{width:125%}@media (width<=768px){.company{margin-top:100px;padding:1rem}.company .company-body{width:100%;max-width:1300px;margin:0 auto}.company .company-body .company-list{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.company .company-body .company-list .company-item{border:1px solid #0ab55f;justify-content:center;align-items:center;height:70px;display:flex;overflow:hidden}.company .company-body .company-list .company-item img{width:130%;max-width:270px}.header .h-bg img{height:400px}.header .h-icon .a-left,.header .h-icon .a-right{display:none}.header .h-icon .index-title{text-align:left;padding:0 20px}.header .h-icon .index-title h1{white-space:unset;letter-spacing:2px;font-size:32px}.header .h-icon .index-title p{font-size:16px}.header .h-icon .index-title div{margin-top:2rem}.header .h-icon .index-title a{border-radius:2rem;padding:.5rem 3rem;font-size:18px}}.floating-up{animation:4s ease-in-out infinite floatUp;position:absolute}.pulsing{animation:1.5s ease-in-out infinite pulse;position:absolute}.floating-down{animation:4s ease-in-out infinite floatDown;position:absolute}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(40px)}}@keyframes floatDown{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}@keyframes pulse{0%,to{transform:scale(.5)}50%{transform:scale(1.5)}}