.blog-container{padding:60px 0}.latest-blog .content{position:relative;display:flex;flex-direction:column;transition:all 1s}.main-blog-img{position:relative;max-width:890px;max-height:501px;width:100%;height:100%;overflow:hidden;transition:all 1s}.main-blog-desc{position:absolute;bottom:0;left:0;width:100%;color:#fff;z-index:1}.main-blog-desc .desc-content{position:relative;padding:0 40px 40px}.main-blog-desc .desc-content::after{position:absolute;bottom:0;left:0;width:100%;height:240px;background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.5));content:'';z-index:-1}.blog-label p{padding:8.5px 20px;margin-right:10px;font-size:13px;color:rgba(255,255,255);border-radius:2px;border:1px solid rgba(255,255,255)}.main-blog-title{margin:20px 0 30px;max-width:810px;font-size:28px;line-height:1.5;font-family:'IBMPlexSans-Medium';-webkit-line-clamp:2}.main-publish p{font-size:16px;font-family:'IBMPlexSans-Medium'}.main-publish span{position:relative;padding-left:10px;color:rgba(255,255,255,.5);margin-left:10px}.main-publish span::before{position:absolute;top:7px;left:0;height:4px;width:4px;background:rgba(255,255,255,.5);border-radius:100%;content:''}.latest-blog .content:hover .main-blog-img::after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);content:'';transition:all 1s}.blog-lists{padding-top:40px}.blog-item{position:relative;margin-bottom:30px;align-items:center;transition:all 1s}.blog-img{position:relative;max-width:315px;max-height:177px;width:100%;height:100%;margin-right:30px;overflow:hidden;transition:all 1s;flex-shrink:0}.blog-img img{transition:all 1s}.blog-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis;overflow:hidden;color:#000c28;font-size:20px;font-family:'IBMPlexSans-Medium';line-height:1.5;margin-bottom:30px}.blog-publish p{color:#454545;margin-right:10px}.blog-publish span{position:relative;padding-left:10px;color:#777}.blog-publish span::before{position:absolute;top:7px;left:0;height:4px;width:4px;background:#bfbfbf;border-radius:100%;content:''}.blog-item:hover .blog-img::after{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);content:'';transition:all 1s}.blog-item:hover .blog-img img{transform:scale(1.1);transition:all 1s}.blog-item:hover .blog-title{color:#0c71c3}.fenye{margin:60px auto}.customize{padding:120px 0;background:#f1f9ff}.customize .content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.customize .content .title{font-size:40px;line-height:1.3}.customize .content .text{margin:25px auto 55px;font-size:16px;color:#454545;line-height:1.3}.customize-input input{height:56px;width:320px;padding:0 30px}.customize-input input::placeholder{font-size:16px;color:#777}.customize-input input[type="submit"]{width:160px;background:#0c71c3;color:#fff;border:none}@media (max-width:1279px){.main-blog-title{font-size:24px}.blog-title{font-size:18px}.customize{padding:90px 0}}@media (max-width:1023px){.blog-container{padding:60px 0 0}.customize{padding:60px 0}.customize .content .title{font-size:35px}}@media (max-width:767px){.blog-container{padding:40px 0 0}.main-blog-desc .desc-content{position:relative;padding:0 20px 20px}.main-blog-title{font-size:16px;line-height:1.3;margin:10px 0 15px}.main-publis{font-size:14px}.main-blog-desc .desc-content::after{height:100%}.blog-item{flex-direction:column;margin-bottom:40px}.blog-item:hover .blog-img img{margin:auto}.blog-title{margin-bottom:20px;line-height:1.3;font-size:16px}.blog-img{margin-right:0;margin-bottom:20px}.fenye{margin:40px auto}.customize{padding:40px 0}.customize .content .title{font-size:25px}.customize .content .text{margin:20px auto 35px}.customize-input input{width:100%}}