@charset "utf-8";

/* 
    author:sdw;
    date:2021-12-08;
    Copyright:©sdw;
*/

/*--wrap-title--*/
.wrap-title{margin-bottom:3.125rem;text-align:center;animation:fadeInDown 1s;}
.wrap-title h2{font-size:2.25rem;color:#262626;}
.wrap-title h2 a{color:#262626;}
.wrap-title h2 a:hover{color:var(--vi-color);}
/*--end wrap-title--*/

/*--banner--*/
.banner{position:relative;overflow:hidden;}
.banner .swiper-wrapper .item{display:block;position:relative;overflow:hidden;}
.banner .swiper-wrapper .item img{display:block;transform:scale(1.1);transition:all 3s;}
.banner .swiper-wrapper .item.swiper-slide-active img{transform:scale(1);}
.banner .swiper-ctrl{position:absolute;z-index:9;left:50%;display:flex;justify-content:space-between;align-items:center;bottom:64px;width:1400px;height:51px;transform:translateX(-50%);}
.banner .swiper-pager{width:50%;height:3px;}
.banner .swiper-pager span{width:35px;height:3px;margin-left:0;margin-right:10px;background:#fff;opacity:0.2;border-radius:0;}
.banner .swiper-pager span.swiper-pagination-bullet-active{opacity:1;}
.banner .swiper-arrow{display:flex;justify-content:space-between;width:122px;height:51px;}
.banner .swiper-arrow>div{width:51px;height:51px;line-height:49px;text-align:center;cursor:pointer;border:#fff solid 1px;border-radius:50%;transition:all .5s;}
.banner .swiper-arrow>div i{display:block;color:#fff;}
.banner .swiper-arrow>div:hover{background-color:var(--vi-color);border-color:var(--vi-color);}
@media(max-width:1440px){
.banner .swiper-ctrl{width:1200px;}
}
@media(max-width:1200px){
.banner .swiper-ctrl{width:100%;bottom:2rem;}    
.banner .swiper-arrow{display:none;}
.banner .swiper-pager{width:100%;text-align:center;}
}
/*--end banner--*/

/*--product--*/
.product{padding:6.25rem 0;overflow:hidden;background:#fff;}
.product-slide{overflow:hidden;}
.product-slide .item{display:block;padding:0 1rem;overflow:hidden;}
.product-slide .pic{overflow:hidden;}
.product-slide .pic img{display:block;width:100%;transition:all 1s;}
.product-slide .text{padding:1.625rem 1.625rem 0;text-align:center;overflow:hidden;}
.product-slide .text h3{line-height:2rem;font-size:1.5rem;color:#262626;}
.product-slide .text p{margin-top:0.625rem;height:3.5rem;line-height:1.75rem;font-size:1rem;color:#969696;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.product-slide .text span{display:inline-block;margin-top:1.75rem;width:9.75rem;line-height:2.75rem;font-size:0.875rem;color:#999;border:#e9e9e9 solid 1px;border-radius:3rem;}
.product-slide .text span:after{display:inline-block;margin-left:0.625rem;font-family:"iconfont";content:"\e611";}
.product-slide .item:hover .pic img{transform:scale(1.1);}
.product-slide .item:hover .text span{color:#fff;border-color:var(--vi-color);background-color:var(--vi-color);}
.product-slide .swiper-pager{display:none;padding-top:2rem;text-align:center;}
.product-slide .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-color);}
@media(max-width:992px){
.product{padding:4rem 1.25rem;}
.product-slide .item{padding:1rem;width:100%;}
.product-slide .text h3{line-height:2rem;font-size:1.75rem;}
.product-slide .text p{height:4rem;line-height:2rem;font-size:1.375rem;}
.product-slide .text span{width:12rem;line-height:2.5;font-size:1.25rem;}
.product-slide .swiper-pager{display:block;}
}
/*--end product--*/

/*--adv--*/
.adv{overflow:hidden;background:#eee;}
.adv .item{display:flex;flex-wrap:wrap;}
.adv .item:nth-child(even){flex-direction:row-reverse;}
.adv .pic{position:relative;flex:none;width:50%;overflow:hidden;}
.adv .pic:after{display:none;position:absolute;left:50%;bottom:-1rem;margin-left:-1rem;width:2rem;height:2rem;content:"";background:#eee;transform:rotate(45deg);}
.adv .pic img{display:block;width:100%;}
.adv .text{flex:none;width:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.adv .text .cont{position:relative;width:38.125rem;text-align:center;transform:translateY(100%);opacity:0;}
.adv .text .cont h3{font-size:2.25rem;line-height:1.25;font-weight:500;color:#262626;}
.adv .text .cont h3:after{display:block;margin:1.75rem auto;width:3.125rem;height:3px;content:"";background:var(--vi-color);}
.adv .text .cont p{font-size:1rem;line-height:2;color:#999;}
.adv .item.animated:nth-child(odd){animation:fadeInLeft 2s;}
.adv .item.animated:nth-child(even){animation:fadeInRight 2s;}
.adv .item.animated .text .cont{transform:translateY(0);transition:all .85s 1.75s;opacity:1;}
@media(max-width:992px){
.adv .item.animated{animation:fadeInUp 1s !important;}
.adv .pic,.adv .text{width:100%;}
.adv .pic:after{display:block;}
.adv .text{padding:4rem 1.25rem;}
.adv .item .text .cont{transition:all .5s 0.25s;}
.adv .text .cont p{font-size:1.25rem;}
}
/*--end adv--*/

/*--news--*/
.news{padding:6.25rem 0;overflow:hidden;background:#fff;}
.news-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-2.625rem;}
.news-list .item{display:block;margin:2.625rem;width:calc(100% / 3 - 5.25rem);background:#eee;}
.news-list .pic{overflow:hidden;}
.news-list .pic img{display:block;width:100%;transition:all 1s;}
.news-list .text{padding:1.75rem 2.5rem;overflow:hidden;}
.news-list .text em{display:block;padding-left:20px;font:0.875rem/1.6rem Arial;color:#ccc;background:url(../images/Index/time.png) no-repeat 0 40%;}
.news-list .text h3{margin-top:1rem;height:3.25rem;line-height:1.625rem;font-size:1.125rem;text-transform:uppercase;color:#666;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-list .text span{display:inline-block;margin-top:1.5rem;font-size:0.875rem;color:#999;}
.news-list .text span:after{display:inline-block;margin-left:0.625rem;font-family:"iconfont";content:"\e694";}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text h3{color:#262626;}
.news-list .item:hover .text span{color:#262626;}
@media(max-width:992px){
.news{padding:4rem 1.25rem;}
.news-list{margin:-0.5rem 0;}
.news-list .item{margin:0.5rem 0;width:100%;display:flex;justify-content:space-between;}
.news-list .pic{flex:none;width:15rem;}
.news-list .text{flex:none;padding:1rem 2rem;width:calc(100% - 15rem);}
.news-list .text em{display:none;font-size:1.125rem;line-height:1.5;}
.news-list .text h3{margin-top:0;height:auto;line-height:1.5;font-size:1.375rem;}
.news-list .text span{margin-top:1rem;font-size:1.125rem;}
}
/*--end news--*/