@charset "utf-8";
.blog-title{display: flex;justify-content: space-between;padding: 5px;border-radius: 29px;background: #fff;overflow: hidden;}
.blog-title ul{padding-left: 15px; display: flex;gap:70px;flex: 1;min-width: 0;overflow: hidden;}
.blog-title li{flex-shrink: 0;}
.blog-title li a{display: block; line-height: 44px;color: #0F0F0F;font-size: 18px;transition: all .5s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 300px;}
.blog-title li.cur a{color: #FF5E17;}
.blog-title li a:hover{color: #FF5E17;}
.blogNr{padding: 25px 0 ;}

.search{width: 235px;height: 44px; position: relative;border-radius: 22px;background: #f5f5f5;}
.search{width: 235px;height: 44px; position: relative;border-radius: 22px;background: #f5f5f5;}
.search input{height: 44px; width: 100%; padding: 0 25px;line-height: 44px;}
.button-search{border: none;cursor: pointer;position: absolute;background: url(../../images/a32.png);width: 16px;height: 16px;top: 50%;transform: translateY(-50%);right: 5px;color: transparent;font-size: 0;}
@media (max-width: 950px){
  .button-search{width: 1.15rem;height: .52rem;border-radius: .06rem;color: #fff;background: #333743;font-size: .24rem;text-align: center;line-height: .52rem;cursor: pointer;border: none;flex-shrink: 0;}
}

.blogNrLish-four ul{display: flex;flex-wrap: wrap;gap:20px;}
.blogNrLish-four li{margin-bottom: 15px;border-radius: 10px;transition: all .5s;width: calc(25% - 60px/4);background: #fff;border-radius: 6px;overflow: hidden;box-shadow:0 0 10px rgba(0, 0, 0, .05);}
.blogTp{border-radius: 10px 10px 0 0;overflow: hidden; position: relative;aspect-ratio: 310 / 207;}
.blogTp img{width: 100%;height: 100%; object-fit: cover;}
.blogBj {width: 100%;height: 100%; left: 0;top: 0; position: absolute;background: rgba(0,0,0,.76);transition: all .5s;opacity: 0;display: flex;justify-content: center;align-items: center;}
.more2{ padding: 0 20px; line-height: 30px;border-radius: 4px;background: #ff8023;color: #fff;font-size: 12px;transition: all .5s;display: inline-block;}
.more2:hover{background: #fea05b;display: inline-block;}
.blogbox:hover .blogBj{opacity: 1;}
.blogText {padding: 15px;}
.blogText h2{font-weight: 700; font-size: 16px;color: #121212;line-height: 1.5;height: 3em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-bottom: 8px;}
.blogText p{font-size: 10px;color: #000000;}
.blogText p b{padding: 0 4px;color: #FF5905;}
.blogText p img{display: inline-block;vertical-align: middle; margin: -3px 4px 0 0;}

.blogNrLish-three ul{display: flex;gap:20px;flex-wrap: wrap;}
.blogNrLish-three li{width: calc(33.33% - 40px/3);background: #fff;border-radius: 8px; margin-bottom: 15px; padding: 25px 25px 5px 25px;}
.blogTp2{position: relative;border-radius: 8px; overflow: hidden;aspect-ratio: 330 / 200;}
.blogTp2 img{width: 100%;height: 100%; object-fit: cover;transition: all .5s;}
.blogNrLish-three li:hover img{transform: scale(1.1);}
.h68{height: 68px;}
.blog-empty{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 80px 20px;text-align: center;}
.blog-empty .empty-image img{width: 120px;height: auto;opacity: 0.6;}
.blog-empty .empty-text{margin-top: 20px;}
.blog-empty .empty-text p{font-size: 16px;color: #666;margin: 0;}
@media (max-width: 950px){

.blog{padding: 1.1rem 0 0 0; margin-top: .4rem; position: relative;}
.blog-title{border-radius: .06rem; padding: 0 .25rem;display: block;}
.blog-title ul{gap:.6rem;overflow-x: auto;white-space: nowrap;padding-bottom: 5px;-webkit-overflow-scrolling: touch;}
.blog-title li{flex-shrink: 0;}
.blog-title li a{font-size: .26rem; line-height: .7rem;white-space: nowrap;}
.search{position: absolute;top: 0;left: 0;width: 100%;border-radius: .06rem;border: 1px solid #9b9b9b;display: flex;justify-content: space-between;height: .68rem;}
.search input{height: .66rem; line-height: .64rem;background: url(../../images/a32.png) no-repeat .2rem center; padding-left: .7rem;}
.blogNrLish-four ul{gap:.2rem; padding-top: .25rem;}
.blogNrLish-four li{width:calc(50% - .2rem/2);padding-bottom: .1rem;}
.blogText h2{font-size: .24rem;}
.blogText p{zoom: .8;}
.blogNr{padding: 0 0 .5rem 0;}
.pagination-s{text-align: center;}
.pagination-s .more{font-size: .26rem;color: #626262;}	
.h68{height: .5rem;}

.blogNrLish-three ul{gap:.2rem; padding-top: .25rem;}
.blogNrLish-three li{width: calc(50% - .2rem/2);padding: .1rem;margin-bottom: 0;}
.blogText{padding:.15rem;}

}