*{margin:0;padding:0}li{list-style:none}a{text-decoration:none}header{position:absolute;left:0;right:0;width:100%;z-index:2}header .nav{box-sizing:border-box;padding:10px 15px;max-width:100%;height:60px;width:1200px;margin:0 auto;display:flex;justify-content:space-between}header .logo-name{line-height:30px;font-size:22px;color:#fff;display:flex;align-items:flex-end}header .logo-name img{width:100px;height:42px;margin-right:5px}.banner{overflow:hidden;height:700px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwMCIgaGVpZ2h0PSI3MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBjeD0iMzIuMjg0JSIgY3k9IjQyLjEzNSUiIGZ4PSIzMi4yODQlIiBmeT0iNDIuMTM1JSIgcj0iNDYuNTEzJSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgwIDEgLS43Mzg5MyAwIC42MzQgLjA5OSkiIGlkPSJiIj48c3RvcCBzdG9wLWNvbG9yPSIjMkU5NEZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzM5NTlFRiIgb2Zmc2V0PSIxMDAlIi8+PC9yYWRpYWxHcmFkaWVudD48cGF0aCBkPSJNMCAwaDIwMDB2NTE3LjM5Yy01Mi4wMjUgNy41NzYtMTA2Ljk2NiA3LjU3Ni0xNjQuODI0IDAtMTExLjczLTE0LjYyNy0yMTMuMzQ1LTcwLjk4NC0zNDAuMTc2LTcwLjk4NC0yMzcuODI0IDAtMzUyLjE5MyAxNjMuODI4LTUyNS4yMjMgMTk4LjA4MkM2ODkuMzY3IDcwMCA2MTcuMTg0IDU4Mi43MjkgNDA1IDU4Mi43MjljLTEyMC41MzcgMC0yNTUuNTM3IDM5LjA5LTQwNSAxMTcuMjcxVjB6IiBpZD0iYSIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxtYXNrIGlkPSJjIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjx1c2UgZmlsbD0idXJsKCNiKSIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjYSIvPjxwYXRoIGQ9Ik01IDcwNi45NjZjMTU1LjU4Mi0xMjAuODMyIDM1NC40MjMtMTgxLjI0OCA1OTYuNTI0LTE4MS4yNDggMjg2Ljc3OCAwIDM0NC4wMDUgMTM1LjQ2MyA3MDUuNDggMTIzLjE0MSAxNDAuNzI4LTQuNzk3IDM2Ny44OC0xMjMuMTQgNTM0LjYxMy0xMjMuMTQgNzMuNDcxIDAgMTI3LjkzMiAxMC40MjMgMTYzLjM4MyAzMS4yN1Y3NzJINXYtNjUuMDM0eiIgZmlsbD0iIzMwNThFNSIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIuODAzIiBtYXNrPSJ1cmwoI2MpIi8+PC9nPjwvc3ZnPg==) no-repeat top}.banner-container{max-width:100%;width:1200px;height:100%;margin:0 auto;position:relative}.banner-container .banner-block-nums{position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;max-height:96px;width:100%;line-height:36px;color:#fff;letter-spacing:6px;text-align:center;font-size:26px;padding:12px 10px;box-sizing:border-box}.content-bg-1{position:absolute;width:100%;left:0;top:700px}.content{width:1200px;max-width:100%;position:relative;margin:0 auto}.content h3{font-size:30px;font-weight:500;text-align:center;color:#3f3d56;margin-bottom:30px}.content .block-list{display:flex;justify-content:center;flex-wrap:wrap;padding-bottom:50px}.content li{margin-bottom:20px}.content li>div{box-sizing:border-box;margin:0 10px;width:280px;border:1px solid #f0f0f0;cursor:pointer;transition:box-shadow .3s,border-color .3s}.content li>div:hover{border-color:transparent;box-shadow:0 1px 2px -2px rgba(0,0,0,.16),0 3px 6px 0 rgba(0,0,0,.12),0 5px 12px 4px rgba(0,0,0,.09)}.content li>div:hover .block_text{border-top-left-radius:50%;background:#3959ef}.content li>div:hover .block_text .content-text,.content li>div:hover .block_text .title{color:#fff}.content li .block_img_item{width:220px;margin:0 auto;padding:10px 20px}.content li .block_text{text-align:center;padding:20px;transition:all .3s}.content li .title{line-height:1.35;font-size:22px;font-weight:400;color:#0d1a26;margin-bottom:12px}.content li .content-text{line-height:30px;font-size:16px;color:#697b8c}footer{position:relative;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwMCIgaGVpZ2h0PSI3MDAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBjeD0iMzIuMjg0JSIgY3k9IjQyLjEzNSUiIGZ4PSIzMi4yODQlIiBmeT0iNDIuMTM1JSIgcj0iNDYuNTEzJSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgwIDEgLS43Mzg5MyAwIC42MzQgLjA5OSkiIGlkPSJiIj48c3RvcCBzdG9wLWNvbG9yPSIjMkU5NEZGIiBvZmZzZXQ9IjAlIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzM5NTlFRiIgb2Zmc2V0PSIxMDAlIi8+PC9yYWRpYWxHcmFkaWVudD48cGF0aCBkPSJNMCAwaDIwMDB2NTE3LjM5Yy01Mi4wMjUgNy41NzYtMTA2Ljk2NiA3LjU3Ni0xNjQuODI0IDAtMTExLjczLTE0LjYyNy0yMTMuMzQ1LTcwLjk4NC0zNDAuMTc2LTcwLjk4NC0yMzcuODI0IDAtMzUyLjE5MyAxNjMuODI4LTUyNS4yMjMgMTk4LjA4MkM2ODkuMzY3IDcwMCA2MTcuMTg0IDU4Mi43MjkgNDA1IDU4Mi43MjljLTEyMC41MzcgMC0yNTUuNTM3IDM5LjA5LTQwNSAxMTcuMjcxVjB6IiBpZD0iYSIvPjwvZGVmcz48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxtYXNrIGlkPSJjIiBmaWxsPSIjZmZmIj48dXNlIHhsaW5rOmhyZWY9IiNhIi8+PC9tYXNrPjx1c2UgZmlsbD0idXJsKCNiKSIgZmlsbC1ydWxlPSJub256ZXJvIiB4bGluazpocmVmPSIjYSIvPjxwYXRoIGQ9Ik01IDcwNi45NjZjMTU1LjU4Mi0xMjAuODMyIDM1NC40MjMtMTgxLjI0OCA1OTYuNTI0LTE4MS4yNDggMjg2Ljc3OCAwIDM0NC4wMDUgMTM1LjQ2MyA3MDUuNDggMTIzLjE0MSAxNDAuNzI4LTQuNzk3IDM2Ny44OC0xMjMuMTQgNTM0LjYxMy0xMjMuMTQgNzMuNDcxIDAgMTI3LjkzMiAxMC40MjMgMTYzLjM4MyAzMS4yN1Y3NzJINXYtNjUuMDM0eiIgZmlsbD0iIzMwNThFNSIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIuODAzIiBtYXNrPSJ1cmwoI2MpIi8+PC9nPjwvc3ZnPg==) no-repeat top}footer>div{width:1200px;max-width:100%;margin:0 auto;align-items:center}footer .footer-bg,footer>div{display:flex;justify-content:center}footer .footer-content{text-align:center;padding:5px;line-height:24px;color:#f3f6ff}@media (max-width:500px){header .nav{padding-left:10px}header .nav img{display:none}.banner-container .banner-block-nums{font-size:20px;letter-spacing:2px}footer{position:relative;background:#3959ef}footer>div{width:1200px;max-width:100%;margin:0 auto;display:flex;justify-content:center;align-items:center;flex-direction:column}}