.ir-nav-tab{display:flex;width:100%;background:linear-gradient(90deg,#1a4798,#489b48);color:#fff;font-size:16px;position:relative;z-index:999}
.ir-nav-tab.sticky{position:sticky;top:0;left:0}
.tab-item{flex:1;padding:18px 10px 25px;text-align:center;cursor:pointer;position:relative;opacity:.6;transition:all .3s}
.tab-item.active{opacity:1}
.tab-item::after{content:'';position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:10px;height:10px;background:#fff;border-radius:50%}
.tab-item:hover{opacity:1}
.tab-item::before{content: "";position: absolute;bottom: 12px;left: 0;width: 100%;height: 1px;background:rgba(255, 255, 255, 0.1)}

.pro-swiper{margin-top:3%;padding-bottom: 40px;padding-right: 5px;}
.pro-swiper .swiper-pagination{bottom: 0;}
.pro-swiper .swiper-pagination-bullet{width:8px;height: 8px;background: var(--color);}
.pro-swiper .swiper-pagination-active{opacity: 1;}
.pro-swiper .swiper-slide{position: relative;height:auto;}
.pro-swiper .swiper-slide::after{content: "";position: absolute;bottom: 0px;left: 0px;width:0;height: 2px;background: var(--color);transition: all .2s linear;}
.pro-swiper .swiper-slide:hover::after{width:100%;}
.pro-swiper .swiper-slide .img{border: 1px solid #DFDFDF;overflow: hidden;}
.pro-swiper .swiper-slide .img img{width:100%;transition: all .3s ease-in-out;}
.pro-swiper .swiper-slide:hover .img img{transform: scale(1.1);}
.pro-swiper .swiper-slide .info{padding: 10px;}
.pro-swiper .swiper-slide .info .text{font-size:var(--fontsize14);color:var(--introcolor);}

.news-swiper{margin-top:4.5%;padding-bottom: 40px;padding-right: 5px;}
.news-swiper .swiper-pagination{bottom: 0;}
.news-swiper .swiper-pagination-bullet{width:8px;height: 8px;background: var(--color);}
.news-swiper .swiper-pagination-active{opacity: 1;}
.news-swiper .swiper-slide{position: relative;height:auto;}
.news-swiper .swiper-slide::after{content: "";position: absolute;bottom: 0px;left: 0px;width:0;height: 2px;background: var(--color);transition: all .2s linear;}
.news-swiper .swiper-slide:hover::after{width:100%;}
.news-swiper .swiper-slide .img{border: 1px solid #DFDFDF;overflow: hidden;}
.news-swiper .swiper-slide .img img{width:100%;transition: all .3s ease-in-out;}
.news-swiper .swiper-slide:hover .img img{transform: scale(1.1);}
.news-swiper .swiper-slide .info{padding: 10px;}
.news-swiper .swiper-slide .info .text{font-size:var(--fontsize14);color:var(--introcolor);}
@media (max-width:1024px) {
.ir-nav-tab{flex-wrap: wrap;}
.tab-item{width:50%;flex:none;}
.pro-swiper{margin-top:20px;padding-bottom:30px;}
.news-swiper{margin-top:40px;padding-bottom:30px;}
}
@media (max-width:540px){
.tab-item{width:100%;padding:15px 10px;}
.tab-item::before{display: none;}
.tab-item.active::after{bottom:0;}
}