.mainbanner{display:block;width:100%;padding:90px 0;background:url(../images/homebanner.webp) no-repeat center center;position:relative;background-size:cover;text-align:center}.mainbanner::after{content:"";display:block;clear:both}.mainbanner::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgb(0 0 0 / .85)}.mainbanner .container{position:relative;z-index:1}.mainbanner .hometitle{display:block;font-size:4rem;line-height:1.2;color:#fff;font-weight:800;margin-bottom:1rem;font-family:"Roboto Condensed",Arial,Helvetica,sans-serif}.mainbanner p{display:block;font-size:1.2rem;line-height:1.7;color:#fff;font-weight:500;margin-bottom:2rem}.blog-main{width:100%;padding:70px 0}.blog-main .blog-inner{margin:0;padding:0}.blog-main .blog-inner ul{display:flex;justify-content:space-between;flex-wrap:wrap}.blog-main .blog-inner ul li{flex:0 0 31%;position:relative;margin-bottom:60px}.blog-main .blog-inner ul li .figure{width:100%}.blog-main .blog-inner ul li .figure img{max-height:100%;height:auto}.blog-main .blog-inner ul li .blog-logo{position:relative;left:37%;top:-30px;width:54px;height:54px}.blog-main .blog-inner ul li .blog-logo img{width:100%}.blog-main .blog-inner ul li .content-are{width:100%;margin:0 0;border-bottom:1px solid #c7c6c6;text-align:center;padding-top:0;margin-top:-18px}.blog-main .blog-inner ul li .content-are h3{font-size:20px;color:#181515;padding:10px 0 20px;line-height:34px}.blog-main .blog-inner ul li .content-are p{font-size:14px;color:#514a4a;padding:0 0 0}.blog-main .blog-inner ul li .location-area{display:flex;justify-content:space-between;flex-wrap:wrap}.blog-main .blog-inner ul li .location-area .location{flex:0 0 45%;font-size:14px;text-align:left;color:#221c1c;margin-top:6px}.blog-main .blog-inner ul li .location-area .months{flex:0 0 45%;font-size:16px;text-align:right;color:#221c1c;margin-top:6px}.blog-main .blog-inner ul li .location-area i{font-size:23px;padding:0 5px 0 0}.blog-main .pegination{margin:30px 0}.blog-main .pegination ul{display:flex}.blog-main .pegination ul li{margin:0 7px;text-align:center;flex:5 0 45px;background:#f0eaea;font-size:20px;font-weight:500;line-height:41px;color:#000}.blog-main .pegination ul li a{color:#000}.blog-main .pegination ul li .active{background:#bc011e;display:block;display:block;color:#fff}.blog-main .pegination ul li a:hover{background:#bc011e;color:#fff;display:block;text-align:center}