body{background:#fdfdfd;width:100%;margin:0;overflow-x:hidden}a:hover{text-decoration:none}.container{margin:0 auto;max-width:1600px;position:relative}.row{display:flex;flex-direction:row}.column{display:flex;flex-direction:column}.flex-1{flex:1 1 0px}.header{background-image:url(../image/bodybg.png);background-position:center top;background-repeat:no-repeat;background-size:cover;width:100%;height:900px}.header .brand-logo{float:left;display:flex;align-items:center;justify-content:center;width:180px;height:50px;margin-top:30px;margin-left:clamp(18px,3vw,48px);padding:7px 14px;background-color:#2394f2;border-radius:30px;box-sizing:border-box;overflow:hidden;transition:transform .2s ease,background-color .2s ease}.header .brand-logo:hover{transform:translateY(-2px);background-color:#33a5ff}.header .brand-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}.header .down-btn{float:right;font-size:20px;color:#fff;background-color:#2394f2;height:50px;border-radius:30px;width:180px;margin-top:30px;text-align:center;line-height:50px}.header .tit11{position:absolute;top:190px;left:0;width:100%;text-align:center}.header .tit1{background:url(../image/mainlogo.png) left center no-repeat;font-size:60px;color:#fff;padding-left:100px;box-sizing:border-box;display:inline-block}.header .p1{position:absolute;width:780px;line-height:56px;font-size:26px;left:calc(50% - 390px);top:340px;color:#fff;text-align:center}.header .down-btn-main{text-align:center;width:280px;height:80px;line-height:80px;font-size:34px;color:#fff;background-color:#2394f2;position:absolute;left:calc(50% - 140px);top:560px;border-radius:40px}.header .navbox{position:absolute;width:850px;left:calc(50% - 425px);display:flex;justify-content:space-between;top:730px}.header .navbox .item{width:94px;height:100px;display:inline-block;cursor:pointer}.header .navbox .item i{width:100%;height:70px;display:block;opacity:.8}.header .navbox .item span{display:block;width:100%;height:20px;line-height:20px;color:#fff;text-align:center;font-size:20px;margin-top:4px}.header .navbox .item:nth-child(1) i{background:url(../image/na1.png) center top no-repeat}.header .navbox .item:nth-child(2) i{background:url(../image/na2.png) center top no-repeat}.header .navbox .item:nth-child(3) i{background:url(../image/na3.png) center top no-repeat}.header .navbox .item:nth-child(4) i{background:url(../image/na4.png) center top no-repeat}.header .navbox .item.on i{opacity:1}.clear{clear:both}.middle .t1{float:left;width:100%;text-align:center;font-size:36px;font-weight:700;margin-top:80px}.middle .p1{float:left;width:100%;text-align:center;font-size:30px;color:#8f8f8f;margin-top:20px}.middle .list{float:left;width:100%;margin-top:110px;display:flex;justify-content:space-between}.middle .list .li{width:calc(25% - 33px);height:350px;border:1px solid #f3f3f3;border-radius:30px;background-color:#fff;margin-bottom:50px;box-shadow:0 0 23px #e9e9e9}.middle .list .li .img{display:block;text-align:center;height:150px;display:flex;align-items:center;justify-content:center}.middle .list .li .t2{display:block;text-align:center;font-size:22px;font-weight:700}.middle .list .li .p2{display:block;text-align:center;font-size:16px;color:#8f8f8f;margin:30px 0}.middle .list .li .btn{margin:0 auto;width:166px;height:46px;text-align:center;line-height:46px;background-color:#2394f2;border-radius:38px;color:#fff;font-weight:700;display:block;font-size:16px}.middlestyle{background:#fff;border-radius:30px;padding:10px 20px}.list2{height:440px;display:flex;justify-content:space-between;float:left;width:100%;margin-top:40px}.list2 .item{width:23%;height:438px;border-radius:50px}.list2 .item:nth-child(1){background:url(../image/bk1@1x.png) center center no-repeat;background-size:100% 100%}.list2 .item:nth-child(2){background:url(../image/bk2@1x.png) center center no-repeat;background-size:100% 100%}.list2 .item:nth-child(3){background:url(../image/bk3@1x.png) center center no-repeat;background-size:100% 100%}.list2 .item:nth-child(4){background:url(../image/bk4@1x.png) center center no-repeat;background-size:100% 100%}.list2 .item span{float:left;margin-top:300px;width:100%;text-align:center;font-size:38px;color:#444549}.list2 .item p{margin-top:20px;color:#656766;font-size:26px;width:100%;float:left;text-align:center}.info2{float:left;width:100%}.info2 .mainlogo{float:left;width:100%;text-align:center;margin-top:50px}.info2 p{float:left;width:100%;text-align:center;color:#656766;font-size:26px;margin:30px 0}.info2 .btn{float:left;width:366px;height:76px;text-align:center;line-height:76px;background-color:#2394f2;border-radius:38px;color:#fff;font-weight:700;display:block;font-size:28px;margin-left:calc(50% - 183px)}.foot{margin-top:100px;padding:42px 0 48px;background:#f6f8fb;border-top:1px solid #edf0f4}.foot p{line-height:32px;font-size:15px;color:#8c929b;display:block;width:100%;text-align:center}.foot .foot-record{margin-top:24px;padding-top:24px;border-top:1px solid #e5e9ef}.foot .foot-record p{line-height:30px;font-size:14px;color:#737b86}.hover{cursor:pointer;transition:.5s all}.hover:hover{background-color:#33a5ff;transform:translateY(-5px)}@media(max-width:900px){.container{width:calc(100% - 28px);max-width:calc(100% - 28px)}.header{height:760px}.header .brand-logo{width:116px;height:42px;margin-top:12px;margin-left:0;padding:7px 10px}.header .down-btn{width:116px;height:42px;margin-top:12px;font-size:15px;line-height:42px}.header .tit11{top:130px}.header .tit1{padding-left:72px;background-size:58px auto;font-size:42px}.header .p1{top:235px;left:5%;width:90%;font-size:18px;line-height:36px}.header .down-btn-main{top:430px;left:15%;width:70%;height:62px;font-size:25px;line-height:62px}.header .navbox{top:595px;left:0;width:100%}.header .navbox .item{width:23%}.header .navbox .item i{height:58px;background-size:52px auto!important}.header .navbox .item span{font-size:14px}.middle .list{flex-wrap:wrap;gap:14px;margin-top:55px}.middle .list .li{width:calc(50% - 7px);height:290px;border-radius:20px}.middle .list .li .img{height:120px}.middle .list .li .t2{padding:0 8px;font-size:16px}.middle .list .li .p2{margin:22px 0;font-size:13px}.middle .list .li .btn{width:130px}.middle .t1{margin-top:50px;font-size:30px}.middle .p1{padding:0 10px;font-size:20px;line-height:1.5}.middlestyle{padding:10px}.list2{height:auto;flex-wrap:wrap;gap:12px}.list2 .item{width:calc(50% - 6px);height:260px;border-radius:28px}.list2 .item span{margin-top:178px;font-size:23px}.list2 .item p{margin-top:10px;font-size:14px}.info2 .btn{width:78%;margin-left:11%}.foot{margin-top:60px;padding:30px 0 34px}.foot p{padding:0 15px;font-size:13px;line-height:25px}.foot .foot-record{margin-top:18px;padding-top:18px}.foot .foot-record p{font-size:12px;line-height:24px}}@media(max-width:480px){.header .down-btn{position:absolute;right:0;top:0}.header .p1{font-size:16px;line-height:31px}.header .navbox .item{width:24%}.header .navbox .item span{font-size:12px;white-space:nowrap}.middle .list .li{width:100%}}