.menu-tabs{}
.menu-tabs h3{display:none;font-size:18px;font-weight:bold;color:#2C353D;height:46px;line-height:46px;padding:0 0 0 20px;border-top:1px solid #E1E1E1;border-bottom:1px solid #E1E1E1;text-transform:uppercase;position:relative;}
.menu-tabs h3::after{display:none;font-family:"qico";content: "\e727";position:absolute;top:5px;right:5px;width:40px;height:40px;line-height:40px;text-align:center;font-size:20px;-webkit-transition: -webkit-transform .3s ease;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease, -webkit-transform .3s ease;}
.menu-tabs h3.active::after{-webkit-transform: rotate(45deg) scale(1.08);-ms-transform: rotate(45deg) scale(1.08);transform: rotate(45deg) scale(1.08);}
.menu-tabs ul{font-size:0;text-align:center;}
.menu-tabs ul li{display:inline-block;margin:0 15px;}
.menu-tabs ul li a{font-size:18px;color:var(--active-color);display:block;background:#fff;border:1px solid var(--active-color);height:51px;display:block;border-radius:35px; display: flex ; align-items: center; min-width: 200px; justify-content:center;}
.menu-tabs ul li.active a{background:var(--active-color);color:#fff;}

.newslist ul{display:-webkit-flex;display:flex;margin:27px -19px 0;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.newslist ul li{width:33.333333%;padding:19px;overflow:hidden;cursor:pointer;}
.newslist ul li .box{height:100%;background:#f0f0f036;}
.newslist ul li .pic{width:100%;display:block;position:relative;}
.newslist ul li .pic img{width:100%;}
.newslist ul li .txt{padding:20px 28px;}
.newslist ul li .txt h5{font-size:18px;color:#000;font-family:var(--font-family2);transition:all 0.3s ease 0s;}
.newslist ul li .txt p{margin:10px 0 0;font-size:16px;color:#000;line-height:24px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 4;}
.newslist ul li .txt span{margin:15px 0 0;display:inline-block;font-size:16px;color:#666;}


.newslist ul li:hover .box{background:#e0e0e052;}
.newslist ul li:hover .txt h5{color:var(--active-color);}


@media screen and (max-width:1500px){

}

@media screen and (max-width:1441px) {
.newslist ul li .txt p{-webkit-line-clamp:3;}
}

@media screen and (max-width:1367px) {

}

@media screen and (max-width:1281px){

}


@media screen and (max-width:1171px){

}

@media screen and (max-width:992px){
  .newslist ul li .txt{padding:15px 15px;}
  .newslist ul{margin:25px -15px 0;}
  .newslist ul li{width:50%;padding:15px;}
  .newslist ul li .txt{}
  .newslist ul li .txt p{line-height:24px;}

}

@media screen and (max-width:768px) {

  .menu-tabs ul li{margin:0 10px;}
  .menu-tabs ul li a{font-size:17px;width:auto;height:45px;line-height:43px;display:inline-block;padding:0 20px;}

  .newslist ul{display:block;margin:25px 0 0;}
  .newslist ul li{width:100%;padding:0;background:#F0F0F0;}
  .newslist ul li+li{margin-top:15px;}
  .newslist ul li .box{display:flex;align-items:center;}
  .newslist ul li .pic{width:220px;}
  .newslist ul li .txt{flex:1;padding:0 15px;}
  .newslist ul li .txt h5{font-size:17px;}
  .newslist ul li .txt p{margin:10px 0 0;font-size:15px;line-height:22px;max-height:44px;}
  .newslist ul li .txt span{margin:10px 0 0;font-size:15px;}

}

@media screen and (max-width:600px) {
  .menu-tabs ul li{margin:4px 5px;}
  .menu-tabs ul li a{font-size:16px;height:40px;line-height:38px;padding:0 15px;}

  .newslist ul li .pic{width:170px;}
  .newslist ul li+li{margin-top:15px;}
  .newslist ul li .box{display:block;}
  .newslist ul li .pic{width:100%;}
  .newslist ul li .txt{padding:15px;}

}

@media screen and (max-width:480px) {
  .menu-tabs ul li a{font-size:15px;height:36px;line-height:34px;padding:0 12px;}
}