@charset "utf-8";
/*
    Author:Kelp;
    Date:2021-11-20;
*/

h1{display:none;}

/*--wrap-title--*/
.wrap-title{margin-bottom:2.5rem;text-align:center;overflow:hidden;animation:fadeInDown 1s;}
.wrap-title h2{font-size:3rem;color:#333;}
.wrap-title h2 a{color:#333;transition:all .5s;}
.wrap-title h2 a:hover{color:var(--vi-color);}
.wrap-title p{margin-top:0.5rem;font-size:1.125rem;color:#999;}
@media(max-width:992px){
.wrap-title h2{font-size:2.5rem;}
}
/*--end wrap-title--*/

/*--banner--*/
.banner{position:relative;z-index:1;clear:both;overflow:hidden;}
.banner .swiper-slide{display:block;overflow:hidden;}
.banner .swiper-slide picture{display:block;width:100%;}
.banner .swiper-slide img{display:block;position:relative;}
.banner .swiper-pager{position:absolute;z-index:9;left:0;bottom:2rem;width:100%;text-align:center;}
.banner .swiper-pager span{position:relative;display:inline-block;width:7px;height:7px;border:#939393 solid 1px;border-radius:4px;background:transparent;opacity:1;}
.banner .swiper-pager span.swiper-pagination-bullet-active{width:16px;border-color:var(--vi-color);background:var(--vi-color);transition:all .5s;}
.banner .swiper-prev,.banner .swiper-next{position:absolute;z-index:9;top:50%;width:48px;height:48px;line-height:46px;color:#c0c0c0;text-align:center;cursor:pointer;border:#c0c0c0 solid 1px;border-radius:50%;}
.banner .swiper-prev i,.banner .swiper-next i{display:block;font-size:1.5rem;}
.banner .swiper-prev{left:5%;}
.banner .swiper-next{right:5%;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{color:#fff;background:var(--vi-color);}
@media(max-width:1200px){
.banner .swiper-slide img{left:0;width:100%;transform:translateX(0);}
.banner .swiper-prev,.banner .swiper-next{display:none;}
.banner .swiper-pager{bottom:20px;}
.banner .swiper-pager span{margin:0 5px !important;width:8px;height:8px;}
}
/*--end banner--*/

/*--searchBar--*/
.searchBar{padding:1.375rem 0;overflow:hidden;border-bottom:#ebebeb solid 1px;}
.search-keywrod{float:left;width:50%;height:2.875rem;line-height:2.875rem;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.search-keywrod span{font-weight:500;color:#333;}
.search-keywrod a{display:inline-block;padding:0 0.5rem;color:#999;}
.search-keywrod a:hover{color:var(--vi-color);}
.search-form{float:right;position:relative;width:20.625rem;height:2.875rem;border-radius:2rem;}
.search-form input{display:block;padding:0 1rem;font-size:1rem;width:100%;height:100%;border:#e5e5e5 solid 1px;outline:none;border-radius:2rem;}
.search-form button{display:block;position:absolute;right:0;top:0;width:2.875rem;height:2.875rem;color:#333;cursor:pointer;border:none;outline:none;background:#ebebeb;border-radius:50%;}
@media(max-width:992px){
.searchBar{padding:2rem 1.25rem;}
.search-keywrod{display:none;}
.search-form{float:none;width:100%;height:4rem;}
.search-form input{padding:0 2rem;font-size:1.375rem;}
.search-form button{width:4rem;height:4rem;}
}
/*--end searchBar--*/

/*--aboutus--*/
.aboutus{padding: 5rem 0;overflow:hidden;background:#fff;}
.aboutus .inner{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse;position:relative;}
.aboutus .inner .pic{flex:none;width:36.25rem;}
.aboutus .inner .pic img{display:block;width: 100%;}
.aboutus .inner .text{flex:none;width:45rem;overflow:hidden;animation:fadeInUp 1s;}
.aboutus .inner .text .hd{overflow:hidden;}
.aboutus .inner .text .hd em{display:block;font-family:"DIN Medium";font-weight:300;font-size:2.5rem;line-height:1.25;color:#ccc;}
.aboutus .inner .text .hd h2{margin-top:0.625rem;font-size:2.5rem;color:#333;line-height:1.25;}
.aboutus .inner .text .hd h2 a{color:#333;}
.aboutus .inner .text .hd h2 a:hover{color:var(--vi-color);}
.aboutus .inner .text .bd{padding-top: 2rem;overflow:hidden;}
.aboutus .inner .text .bd p{font-size:1rem;line-height: 1.5 !important;color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;text-indent: 0 !important;}
.aboutus .datas{position:relative;z-index:99;margin-top: 4rem;width: 100%;height: 8rem;overflow:hidden;background:#fff;box-shadow:0 0 1rem rgba(0,0,0,0.1);}
.aboutus .datas .more{display:flex;justify-content:center;align-items:center;float:right;width:16rem;height:10rem;text-align:center;background:var(--vi-color);}
.aboutus .datas .more a{display:block;padding:1rem;width:100%;color:#fff;}
.aboutus .datas .more i{display:block;margin:0 auto;width:2.625rem;height:2.625rem;line-height:2.375rem;font-size:1.5rem;border:#fff solid 2px;border-radius:50%;}
.aboutus .datas .more span{display:block;margin-top:1.25rem;font-size:1rem;}
.aboutus .datas .list{display:flex;flex-wrap:wrap;align-items:center;height: 8rem;overflow:hidden;}
.aboutus .datas .list .item{flex:none;width:25%;text-align: center;}
.aboutus .datas .list .item dt{height:4rem;}
.aboutus .datas .list .item dt em{display:inline-block;font-family:"DIN Medium";font-size:4rem;line-height:1;color:var(--vi-color);}
.aboutus .datas .list .item dt sub{display:inline-block;position:relative;margin-top:-10px;padding-left:0.375rem;width:2.25rem;height:1.375rem;vertical-align:middle;font-size:1rem;color:#fff;text-align:center;background:url(../images/Index/data_sub.png) no-repeat right bottom / 100%;}
.aboutus .datas .list .item dd{font-size:0.75rem;color:#666;}
@media(max-width:992px){
.aboutus{padding:4rem 1.25rem;}
.aboutus .inner{display:block;}
.aboutus .inner .pic{width:100%;}
.aboutus .inner .pic img{position:static;width:100%;transform:translateY(0);}
.aboutus .inner .text{padding-top:2rem;width:100%;}
.aboutus .inner .text .hd em,.aboutus .inner .text .hd h2{font-size:2.5rem;}
.aboutus .inner .text .bd p{font-size:1.375rem;-webkit-line-clamp:3;}
.aboutus .datas{margin-top:2rem;width:100%;height:auto;}
.aboutus .datas .more{display:none;}
.aboutus .datas .list{position:relative;width:100%;height:auto;}
.aboutus .datas .list:before,.aboutus .datas .list:after{display:block;position:absolute;content:"";background:#e5e5e5;}
.aboutus .datas .list:before{left:0;top:50%;width:100%;height:1px;}
.aboutus .datas .list:after{left:50%;top:0;width:1px;height:100%;}
.aboutus .datas .list .item{padding:2rem;width:50%;}
}
/*--end aboutus--*/

/*--product--*/
.product{padding:6.25rem 0;overflow:hidden;background:#f5f5f5;}
.product-menu{padding:1rem 0;line-height:2rem;font-size:1.125rem;overflow:hidden;border-top:#dedede solid 1px;border-bottom:#dedede solid 1px;}
.product-menu .more{display:block;position:relative;float:right;padding-right:2rem;color:#666;}
.product-menu .more:after{display:block;position:absolute;right:0;top:50%;width:1.25rem;height:1.25rem;line-height:1.25rem;font-family:"iconfont";font-size:0.75rem;font-weight:bold;content:"\e694";text-align:center;color:#fff;background:#666;border-radius:50%;transform:translateY(-50%);}
.product-menu .more:hover{color:var(--vi-color);}
.product-menu .more:hover:after{background-color:var(--vi-color);}
.product-menu dl{padding-right:2rem;overflow:hidden;}
.product-menu dt{float:left;font-size:1.125rem;color:#666;}
.product-menu dt a{display:block;color:#666;}
.product-menu dt a:hover{color:var(--vi-color);}
.product-menu dd{overflow:hidden;}
.product-menu dd a{display:block;position:relative;float:left;padding:0 1.25rem;font-size:1.125rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-menu dd a:after{display:block;position:absolute;top:50%;right:0;width:1px;height:0.625rem;content:"";background:#cacaca;transform:translateY(-50%);}
.product-menu dd a:hover{color:var(--vi-color);}
.product-menu dd a:last-child:after{display:none;}
.product-main{margin-top:2.75rem;}
.product-list{display:flex;flex-wrap:wrap;margin:-0.625rem;}
.product-list .item{display:block;position:relative;z-index:1;flex:none;margin:0.625rem;padding:1.25rem;width:calc(100% / 4 - 1.25rem);overflow:hidden;background:#fff;transition:all 1s;}
.product-list .item:after{display:block;position:absolute;z-index:-1;left:0;top:0;width:100%;height:0;content:"";background:var(--vi-color);transition:all .5s;}
.product-list .pic{overflow:hidden;}
.product-list .pic img{display:block;width:100%;transition:all 1s;}
.product-list .text{padding:1rem 0;/* text-align:center; */overflow:hidden;}
.product-list .text h3{font-weight:400;font-size:1.25rem;height:3.75rem;line-height:1.5;color:#333;overflow:hidden;text-overflow:ellipsis;}
.product-list .text p{margin-top:5px;font-weight:300;font-size:1rem;line-height:1.5;color:#666;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.product-list .item:hover{box-shadow:0 0 1.5rem rgba(0,0,0,0.1);}
.product-list .item:hover:after{height:100%;}
.product-list .item:hover img{transform:scale(1.1);}
.product-list .item:hover .text *{color:#fff !important;transition:1s;}
.product-main .more{display:none;padding-top:3.75rem;text-align:center;overflow:hidden;}
.product-main .more a{display:block;font-size:1rem;color:#999;}
.product-main .more a:after{display:inline-block;margin-left:1rem;font-family:"iconfont";content:"\e60d";}
.product-main .more a:hover{color:var(--vi-color);}
@media(max-width:992px){
.product{padding:4rem 1.25rem;}
.product-menu .more{display:none;}
.product-menu dl{padding:0;}
.product-menu dt{display:none;}
.product-menu dd a{width:50%;font-size:1.5rem;line-height:2;}
.product-list .item{width:calc(100% / 2 - 1.25rem);}
.product-list .text p{font-size:1.25rem;}
.product-main .more{display:block;padding-top:2rem;}
.product-main .more a{font-size:1.5rem;}
}
/*--end product--*/


/*--ad--*/
.ad{padding:6.25rem 1.25rem;overflow:hidden;background:url(../images/Index/ad_bg.jpg) no-repeat center / cover;}
.ad .player-btn{padding:2.75rem;margin:0 auto;max-width:992px;text-align:center;cursor:pointer;}
.ad .player-btn i{display:block;margin:0 auto;width:4rem;height:4rem;line-height:4rem;text-align:center;color:#fff;background:var(--vi-color) url(../images/Index/player.png) no-repeat center / 100%;border-radius:50%;}
.ad .player-btn h2{margin-top:1.75rem;font-size:3rem;color:#fff;}
@media(max-width:992px){
.ad .player-btn h2{font-size:2.5rem;}
}
/*--end ad--*/

/*--adv--*/
.adv{overflow:hidden;}
.adv-list{display:flex;flex-wrap:wrap;}
.adv-list .item{position:relative;flex:none;width:25%;overflow:hidden;}
.adv-list .item:nth-child(1){animation:fadeInDown 2s;}
.adv-list .item:nth-child(2){animation:fadeInUp 1s;}
.adv-list .item:nth-child(3){animation:fadeInDown 1s;}
.adv-list .item:nth-child(4){animation:fadeInUp 2s;}
.adv-list .pic{overflow:hidden;}
.adv-list .pic img{position:relative;left:50%;width:auto;transform:translateX(-50%);}
.adv-list .text{position:absolute;left:0;top:0;padding:5rem 2rem;width:100%;height:100%;color:#333;text-align:center;overflow:hidden;}
.adv-list .text .hd{margin-top:2.375rem;overflow:hidden;transition:all .5s;}
.adv-list .text .hd i{display:block;margin:0 auto;width:4rem;}
.adv-list .text .hd h3{margin-top:1.25rem;font-size:2rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.adv-list .text .hd h4{font-size:1.5rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.adv-list .text .bd{display:none;padding-top:1.75rem;overflow:hidden;}
.adv-list .text .bd p{line-height:1.75rem;font-size:0.875rem;}
.adv-list .btnBox{display:none;position:absolute;left:0;bottom:5rem;width:100%;}
.adv-list .btnBox a{display:block;margin:0 auto;width:8.75rem;line-height:3.125rem;font-size:1.125rem;color:var(--vi-color);background:#fff;border-radius:3rem;}
@media(min-width:993px){
.adv-list .item:hover .text{color:#fff;background:var(--vi-color);transition:background .5s;}
.adv-list .item:hover .text .hd{margin-top:1.25rem;}
.adv-list .item:hover .text .hd i{filter:contrast(0) brightness(2);}
.adv-list .item:hover .text .bd{display:block;}
.adv-list .item:hover .btnBox{display:block;}
}
@media(max-width:992px){
.adv-list .item{width:50%;border-right:#999 solid 1px;border-bottom:#999 solid 1px;}
.adv-list .pic img{position:static;width:100%;transform:translate(0);}
.adv-list .text{color:#fff;background:rgba(0,0,0,0.5);}
.adv-list .text .hd{margin-top:1.25rem;}
.adv-list .text .hd i{filter:contrast(0) brightness(2);}
}
/*--end adv--*/

/*--partner--*/
.partner{padding:6.25rem 0;overflow:hidden;background:#fff url(../images/Index/partner_bg.jpg) no-repeat center bottom;}
.partner-list{position:relative;overflow:hidden;}
.partner-list ul{padding-left:1px;padding-top:1px;overflow:hidden;background:#ebebea;}
.partner-list li{position:relative;float:left;padding-right:1px;padding-bottom:1px;width:calc(100% / 6);}
.partner-list li img{display:block;width:100%;}
.partner-list:before,.partner-list:after{display:block;position:absolute;z-index:9;top:0;width:50%;height:100%;content:"";background:var(--vi-color);transition:all 1s;}
.partner-list:before{left:0;}
.partner-list:after{right:0;}
.partner-list.animated:before,.partner-list.animated:after{width:0;opacity:0;}
@media(max-width:992px){
.partner{padding:4rem 1.25rem;}
.partner-list li{width:calc(100% / 3);}
}
/*--end partner--*/

/*--news--*/
.news{padding:6.25rem 0;overflow:hidden;background:url(../images/Index/news_bg.png) repeat;}
.news-tab{overflow:hidden;}
.news-menu{line-height:2rem;text-align:center;overflow:hidden;}
.news-menu li{display:inline-block;font-size:1.5rem;}
.news-menu li a{display:block;padding:0 1.5rem;color:#999;}
.news-menu li.cur a{color:var(--vi-color);}
.news-main{margin-top:2rem;overflow:hidden;}
.news-list{display:flex;flex-wrap:wrap;margin:-0.875rem;}
.news-list .item{display:block;margin:0.875rem;padding:1.5rem;width:calc(100% / 3 - 1.75rem);overflow:hidden;background:#fff;}
.news-list .pic{overflow:hidden;}
.news-list .pic img{display:block;width:100%;transition:all 1s;}
.news-list .text{padding-top:2rem;overflow:hidden;}
.news-list .text h3{font-size:1.375rem;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .text em{display:block;position:relative;margin-top:0.5rem;padding-left:1.625rem;line-height:1.375rem;font-size:1rem;color:#a3a3a3;}
.news-list .text em:before{display:block;position:absolute;left:0;top:0;font-family:"iconfont";content:"\e610";}
.news-list .text p{margin-top:1rem;height:calc(1.625rem * 3);line-height:1.625rem;font-size:1rem;color:#666;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.news-list .text span{display:block;margin-top:1.625rem;width:7.75rem;line-height:2.5rem;font-size:1rem;color:#999;text-align:center;border:#ededed solid 1px;border-radius:2.5rem;}
.news-list .text span:after{display:inline-block;margin-left:0.875rem;font-family:"iconfont";font-size:0.75rem;content:"\e694";}
.news-list .item:hover{background:var(--vi-color);transition:all .5s;}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text *{color:#fff;}
.news-tab .more{padding-top:3.75rem;text-align:center;overflow:hidden;}
.news-tab .more a{display:block;font-size:1rem;color:#999;}
.news-tab .more a:after{display:inline-block;margin-left:1rem;font-family:"iconfont";content:"\e60d";}
.news-tab .more a:hover{color:var(--vi-color);}
@media(max-width:992px){
.news{padding:4rem 1.25rem;}
.news-menu li{font-size:1.75rem;}
.news-menu li a{padding:0 1rem;}
.news-list .item{display:flex;justify-content:space-between;padding:1rem;width:100%;}
.news-list .pic{flex:none;width:130px;}
.news-list .text{flex:none;padding-top:0;width:calc(100% - 140px);}
.news-list .text h3{line-height:2rem;height:4rem;font-size:1.5rem;white-space:unset;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-list .text em{margin-top:1.75rem;padding-left:2rem;line-height:2rem;font-size:1.5rem;}
.news-list .text p,.news-list .text span{display:none;}
.news-tab .more{padding-top:2rem;}
.news-tab .more a{font-size:1.5rem;}
}
/*--end news--*/

/*--video-pop--*/
.video-pop{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.85);}
.video-pop .close{position:absolute;right:2rem;top:2rem;width:3rem;height:3rem;line-height:3rem;text-align:center;cursor:pointer;color:#fff;transition:all .5s;}
.video-pop .close i{display:block;font-size:1.5rem;}
.video-pop .close:hover{transform:rotate(-180deg);}
.video-pop .inner{position:absolute;left:50%;top:50%;width:1000px;height:600px;overflow:hidden;background:#fff;transform:translate(-50%,-50%);}
.video-pop .inner iframe,.video-pop .inner video{width:1000px;height:600px;}
@media(max-width:992px){
.video-pop .inner{width:90vw;height:54vw;}
.video-pop .inner iframe,.video-pop .inner video{width:90vw;height:54vw;}
}
/*--end video-pop--*/