.blogs_banner{padding:0;background:url(../jpg/blogs-banner3tg6wu.jpg) no-repeat center / cover;position:relative;height:100vh;max-height:1080px;display:flex;flex-direction:column;justify-content:center}.blogs_banner::after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:url(../png/blogs-banner-mask9iiqvg.png) no-repeat center / cover}.blogs_banner .head{width:75%;position:relative;z-index:2}.blogs_banner .head span{color:#fff}.blogs_banner .head h1{color:#fff;padding-top:18px}.blogs_banner .head p{width:65%;color:#fff;font-weight:300;padding-top:22px}.blogs_top{margin-top:-200px;overflow:hidden}.blogs_top .flex{flex-wrap:wrap}.blogs_top .img{width:50%;position:relative}.blogs_top .img .pic{position:absolute;bottom:0;right:7.7%;width:152.13%;height:auto;overflow:hidden;max-height:603px}.blogs_top .img .pic:hover img{transform:scale(1.1)}.blogs_top .img .pic img{width:100%;height:100%;display:block;object-fit:cover;transition:all 0.5s}.blogs_top .info{width:50%;padding-left:6.8%;padding-top:310px}.blogs_top .info strong{font-size:24px;font-weight:500;color:var(--theme_color)}.blogs_top .info strong span{font-size:56px;font-weight:700}.blogs_top .info h2{font-size:2rem;font-weight:600;line-height:53px;color:var(--title_color);padding-top:35px}.blogs_top .info p{color:var(--content_color);font-size:18px;line-height:31px;padding-top:30px}.blogs_top .right{margin-top:100px}.blogs_top .right .img{order:2}.blogs_top .right .img .pic{left:7.7%}.blogs_top .right .info{text-align:right;padding-left:0;padding-right:6.8%;padding-top:310px}.blogs_top .right .info p{width:90%;margin:0 0 0 auto}.blogs_main{padding:320px 0 145px}.blogs_main .head{text-align:center}.blogs_main .head h2{padding-top:5px}.blogs_main .head ul{padding-top:35px;display:flex;gap:65px;justify-content:center}.blogs_main .head ul li a{display:inline-block;color:#777d80;font-size:20px;font-weight:500;transition:all 0.3s;border-bottom:2px solid transparent;padding-bottom:15px;cursor:pointer}.blogs_main .head ul li a:hover,.blogs_main .head ul li.active a{border-color:var(--theme_color);color:var(--title_color)}.blogs_main .main{padding:40px 0 120px}.blogs_main .main ul{display:grid;gap:50px 18px;grid-template-columns:repeat(3,1fr)}.blogs_main .main ul li:hover .img img{transform:scale(1.1)}.blogs_main .main ul li .img{height:297px;overflow:hidden}.blogs_main .main ul li .img img{width:100%;height:100%;object-fit:cover;transition:all 0.3s}.blogs_main .main ul li .info{padding-top:25px}.blogs_main .main ul li .info span{font-size:15px;color:var(--theme_color);text-transform:uppercase}.blogs_main .main ul li .info h3{color:var(--title_color);font-size:24px;font-weight:500;line-height:30px;margin:12px 0 14px;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.blogs_main .main ul li .info p{color:#9d9d9d;font-size:1rem;font-family:'Poppins',sans-serif}