/*-- wrap-title-- */
.wrap-title{overflow:hidden;animation:fadeInUpSmall 1s;}
.wrap-title h2{font-size:56px;font-family:"Poppins-SemiBold";color:var(--vi-color);}
@media(max-width:1200px){
.wrap-title h2{font-size:42px;}
}
/*-- end wrap-title-- */

/*--banner--*/
.banner{position:relative;overflow:hidden;border-radius:0 0 25px 25px;}
.banner .item{position:relative;height:100vh;}
.banner .item .text{position:absolute;z-index:9;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.banner .item .text h2{font-size:60px;line-height:1;font-family:"Poppins-SemiBold";color:#fff;opacity:0;transform:translateY(100%);transition:all 2s;}
.banner .item .text a{display:block;margin-top:20px;opacity:0;transform:translateY(100%);transition:all 2s .25s;}
.banner .item .text a i{font-size:60px;color:#fff;}
.banner .item .text a:hover i{color:var(--vi-subcolor);}
.banner .item .pic,.banner .item .video{position:relative;z-index:-1;width:100%;overflow:hidden;}
.banner .item .pic img{width:100%;}
.banner .item .video picture{display:block;opacity:0;}
.banner .item .video video{display:block;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.banner .item.swiper-slide-active .text h2,.banner .item.swiper-slide-active .text a{opacity:1;transform:translateY(0);}

@media(max-width:1200px){
.banner{border-radius:0;}
.banner .item{height:auto;}
.banner .item .text {text-align:center;}
.banner .item .text h2{font-size:42px;}
.banner .item .video picture{opacity:1;}
.banner .item .video video{opacity:0;}
}
/*--end banner--*/

/*---aboutus-*/
.aboutus{padding:120px 0;overflow:hidden;}
.aboutus-intro{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:50px;overflow:hidden;}
.aboutus-intro .pic{flex:none;width:50%;overflow:hidden;border-radius:10px;animation:fadeInUpSmall 1s;}
.aboutus-intro .pic img{transition:all 1s;}
.aboutus-intro .pic:hover img{transform:scale(1.05);}
.aboutus-intro .text{display:flex;flex-direction:column;justify-content:space-between;padding:50px 0;width:43%;animation:fadeInUpSmall 1s;}
.aboutus-intro .text h3{font-size:40px;font-family:"Poppins-Medium";color:var(--vi-color);}
.aboutus-intro .text p{margin-top:10px;font-size:16px;line-height:1.75;color:#272727;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.aboutus-intro .text a{display:flex;align-items:center;justify-content:center;width:58px;height:58px;background:var(--vi-subcolor);border-radius:50%;transition:all 1s;}
.aboutus-intro .text a i{font-size:20px;color:#fff;}
.aboutus-intro .text a:hover{background:var(--vi-color);}

.aboutus-counter{display:flex;flex-wrap:wrap;margin-top:120px;}
.aboutus-counter .item{flex:none;width:25%;text-align:center;}
.aboutus-counter .item dt{display:flex;justify-content:center;align-items:flex-start;font-family:"Gotham-Bold";color:var(--vi-color);}
.aboutus-counter .item dt em{display:block;font-size:60px;line-height:1;}
.aboutus-counter .item dt sup{font-size:24px;}
.aboutus-counter .item dd{margin-top:20px;font-size:18px;color:#000;}

@media(max-width:1600px){
.aboutus-intro .text{padding:35px 0;}
}

@media(max-width:1200px){
.aboutus{padding:50px 0;}
.aboutus-intro{margin-top:25px;}
.aboutus-intro .pic{width:100%;}
.aboutus-intro .text{padding:25px 0 0;width:100%;}
.aboutus-intro .text h3{font-size:36px;}
.aboutus-intro .text p{margin-top:6px;font-size:14px;}
.aboutus-intro .text a{margin-top:30px;width:50px;height:50px;}

.aboutus-counter{margin-top:30px;}
.aboutus-counter .item{padding:10px;width:50%;}
.aboutus-counter .item dt em{font-size:42px;}
.aboutus-counter .item dd{margin-top:10px;font-size:14px;}
}
/*---end aboutus-*/

/*--product--*/
.product{overflow:hidden;}
.product-tab{position:relative;}
.product-tab-menu{position:absolute;z-index:9;left:0;bottom:0;width:100%;border-top:rgba(255,255,255,.1) solid 1px;}
.product-tab-menu ul{display:flex;}
.product-tab-menu ul li{flex:none;display:flex;align-items:center;justify-content:center;position:relative;width:25%;height:120px;text-align:center;font-family:"Poppins-SemiBold";color:#fff;cursor:pointer;}
.product-tab-menu ul li:before{display:block;position:absolute;z-index:-1;top:0;left:0;width:100%;height:4px;content:"";background-color:var(--vi-subcolor);opacity:0;clip-path:inset(0 0 100% 0);transition:all .5s;}
.product-tab-menu ul li:after{display:block;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;content:"";background-image:linear-gradient(rgba(0,146,216,.5) 10%,transparent 90%);opacity:0;clip-path:inset(0 0 100% 0);transition:all .5s;}
.product-tab-menu ul li:hover:before,.product-tab-menu ul li:hover:after,.product-tab-menu ul li.cur:before,.product-tab-menu ul li.cur:after{opacity:1;clip-path:inset(0 0 0 0);}
.product-tab-main{position:relative;overflow:hidden;}
.product-tab-item{display:block;position:relative;z-index:1;}
.product-tab-item:after{display:block;position:absolute;z-index:2;left:0;bottom:0;width:100%;height:240px;content:"";background-image:linear-gradient(transparent,rgba(0,0,0,0.5));}
.product-tab-item .pic{overflow:hidden;}
.product-tab-item .pic img{transition:all .5s;}
.product-tab-item:hover .pic img{transform:scale(1.05);}
.product-tab-item .text{display:flex;align-items:center;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%;}
.product-tab-item .text .cont{width:600px;}
.product-tab-item .text .cont h3{font-family:"Poppins-SemiBold";font-size:48px;color:#fff;opacity:0;transform:translateY(50px);transition:all 1s;}
.product-tab-item .text .cont p{margin-top:10px;font-size:24px;font-family:"Poppins-Medium";color:#fff;opacity:0;transform:translateY(50px);transition:all 1.5s;}
.product-tab-item .text .more{margin-top:80px;opacity:0;transform:translateY(50px);transition:all 2s;}
.product-tab-item .text .more i{display:block;width:58px;line-height:58px;font-size:20px;text-align:center;color:#fff;cursor:pointer;background-color:var(--vi-subcolor);border-radius:50%;transition:all .5s;}
.product-tab-item .text .more i:hover{background-color:var(--vi-color);}
.product-tab-item.swiper-slide-active .text .cont h3,
.product-tab-item.swiper-slide-active .text .cont p,
.product-tab-item.swiper-slide-active .text .more{opacity:1;transform:translateY(0);}
.product-tab-main .swiper-arrow{display:none;}
.product-tab-main .swiper-arrow .prev,.product-tab-main .swiper-arrow .next{display:flex;align-items:center;justify-content:center;position:absolute;z-index:9;top:50%;width:40px;height:40px;color:#fff;cursor:pointer;background:var(--vi-subcolor);opacity:.5;transform:translateY(-50%);border-radius:50%;}
.product-tab-main .swiper-arrow .prev{left:10px;}
.product-tab-main .swiper-arrow .next{right:10px;}
@media(max-width:1200px){
.product-tab-menu{display:none;}
.product-tab-item:after{display:none;}
.product-tab-item .text{padding:0 50px;}
.product-tab-item .text .cont{width:100%;text-align:center;}
.product-tab-item .text .cont h3{font-size:24px;}
.product-tab-item .text .cont p{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;text-overflow:ellipsis;}
.product-tab-item .text .more{margin-top:20px;display:flex;justify-content:center;}
.product-tab-item .text .more i{width:50px;height:50px;}
.product-tab-main .swiper-arrow{display:block;}
}
/*--end product--*/

/*--news--*/
.news{padding:120px 0;overflow:hidden;}
.news-slide{margin-top:-50px;animation:fadeInUpSmall 2s;}
.news-slide .swiper-arrow{display:flex;justify-content:flex-end;}
.news-slide .swiper-arrow .prev,.news-slide .swiper-arrow .next{display:flex;align-items:center;justify-content:center;margin-left:20px;width:46px;height:46px;cursor:pointer;background:var(--vi-subcolor);border-radius:50%;}
.news-slide .swiper-arrow .prev i,.news-slide .swiper-arrow .next i{display:block;color:#fff;}
.news-slide .swiper-arrow .prev[aria-disabled="true"],.news-slide .swiper-arrow .next[aria-disabled="true"]{cursor:default;opacity:.3;}
.news-slide .swiper-arrow .prev:not(.swiper-button-disabled):hover,.news-slide .swiper-arrow .next:not(.swiper-button-disabled):hover{opacity:.8;}
.news-slide .swiper-cont{margin-top:50px;}
.news-slide .swiper-cont .item{overflow:hidden;}
.news-slide .swiper-cont .item .pic{border-radius:10px;overflow:hidden;}
.news-slide .swiper-cont .item .pic img{transition:all .5s;}
.news-slide .swiper-cont .item .text{padding-top:25px;overflow:hidden;}
.news-slide .swiper-cont .item .text h3{font-size:24px;max-height:calc(24px * 3 * 1.25);line-height:1.25;color:#000;overflow:hidden;}
.news-slide .swiper-cont .item .text h3 a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;}
.news-slide .swiper-cont .item .text em{display:block;margin-top:15px;font-size:18px;color:#999;}
.news-slide .swiper-cont .item .pic img:hover{transform:scale(1.05);}
.news-slide .swiper-cont .item .text h3 a:hover{color:var(--vi-subcolor);text-decoration:underline;}
.news .more{margin-top:80px;text-align:center;}
.news .more a{font-size:18px;color:var(--vi-subcolor);}
.news .more a:hover{text-decoration:underline;}

@media(max-width:1200px){
.news{padding:50px 0;}
.news-slide{margin-top:0;}
.news-slide .swiper-arrow{display:none;}
.news-slide .swiper-cont{margin-top:25px;}
.news-slide .swiper-cont .item .text{padding-top:15px;}
.news-slide .swiper-cont .item .text h3{font-size:16px;height:calc(16px * 2 * 1.25);}
.news-slide .swiper-cont .item .text em{font-size:15px;}
.news .more{margin-top:40px;}
.news .more a{font-size:15px;}
}
/*--end news--*/

/*--links--*/
.links{overflow:hidden;background:#f5f5f5;}
.links-list{display:flex;animation:fadeInUpSmall 1s;}
.links-list .item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;width:33.33%;height:220px;text-align:center;transition:all 1s;}
.links-list .item i{display:block;width:60px;height:60px;}
.links-list .item span{display:block;margin-top:15px;font-size:24px;color:#262626;}
.links-list .item:hover span{color:var(--vi-subcolor);text-decoration:underline;}

@media(max-width:1200px){
.links-list .item{height:150px;}
.links-list .item i{width:45px;height:45px;}
.links-list .item span{margin-top:10px;height:40px;line-height:20px;font-size:14px;}
}
/*--end links--*/