@charset "utf-8";
/*
    author:PengJin;
    date:2021-09-02;
*/

/*--banner--*/
.banner{position:relative;z-index:1;clear:both;overflow:hidden;}
.banner .swiper-slide{overflow:hidden;}
.banner .swiper-slide a,.banner .swiper-slide picture{display:block;width:100%;}
.banner .swiper-slide img{display:block;width:100%;}
.banner .swiper-pager{position:absolute;z-index:9;left:0;bottom:150px;width:100%;text-align:center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin:0 12px !important;width:11px;height:11px;background:#fff;opacity:1;}
.banner .swiper-pager span.swiper-pagination-bullet-active{background:var(--vi-subcolor);}
.banner .swiper-prev,.banner .swiper-next{position:absolute;z-index:9;top:50%;width:48px;height:48px;line-height:46px;color:#fff;text-align:center;cursor:pointer;border:#fff solid 1px;border-radius:50%;}
.banner .swiper-prev{left:5%;}
.banner .swiper-next{right:5%;}
.banner .swiper-prev:hover,.banner .swiper-next:hover{color:#fff;border-color:var(--vi-color);background:var(--vi-color);}
@media(max-width:1200px){
.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--*/

/*--datas--*/
.datas{position:relative;z-index:99;margin-top:-95px;height:210px;}
.datas-list{overflow:hidden;background:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1);}
.datas-list .item{float:left;padding:35px 0 25px;width:25%;text-align:center;background:url(../images/Index/datas_line.png) no-repeat right center;}
.datas-list .item:last-child{background-image:none;}
.datas-list .item em{display:block;font:58px/80px "DIN Medium";color:var(--vi-color);}
.datas-list .item h3{margin-bottom:16px;font-size:20px;color:#333;}
.datas-list .item span{display:block;font-size:12px;color:#ccc;}
@media(max-width:1200px){
.datas{margin-top:0;height:auto;}
.datas-list{box-shadow:none;}
.datas-list .item{padding:18px 0;width:50%;}
.datas-list .item em{font-size:40px;line-height:1.5;}
.datas-list .item:nth-child(2n){background-image:none;}
.datas-list .item h3{margin-bottom:8px;font-size:16px;}
}
/*--end datas--*/

/*--brands--*/
.brands{margin-top:-115px;height:870px;overflow:hidden;background:url(../images/Index/brands_bg.jpg) no-repeat center 0;}
.brands .inner{position:relative;padding-top:284px;overflow:hidden;}
.brands .inner .circle{margin:0 auto;padding:110px 30px;width:418px;height:418px;text-align:center;overflow:hidden;border-radius:50%;animation:zoomIn 1s;}
.brands .inner .circle h2{margin-bottom:20px;font-size:52px;color:#fff;line-height:1.15;}
.brands .inner .circle a{display:block;margin:0 auto;width:242px;height:60px;line-height:60px;font-size:18px;color:#13223b;background:var(--vi-subcolor);border-radius:5px;}
@media(max-width:1200px){
.brands{margin-top:0;height:435px;background-size:auto 100%;}
.brands .inner{padding-top:142px;}
.brands .inner .circle{padding:50px 15px;width:209px;height:209px;}
.brands .inner .circle h2{margin-bottom:15px;font-size:26px;}
.brands .inner .circle a{width:130px;height:40px;line-height:40px;font-size:14px;}
}
/*--end brands--*/

/*---products-*/
.products{padding:70px 0;overflow:hidden;background:#fff;}
.products .box-title{position:relative;margin-bottom:50px;line-height:45px;animation:fadeInDown 1s;}
.products .box-title h2{text-align:center;font-size:42px;color:#222;}
.products .box-title h2 a{color:#222;}
.products .box-title .more{display:block;position:absolute;right:0;top:0;font-size:16px;color:#666;}
.products .box-title .more:after{display:inline-block;margin-left:12px;font-family:"iconfont";content:"\e694";}
.products .box-title .more:hover{color:var(--vi-color);}
.products-cont{overflow:hidden;}
.products-list{display:flex;flex-wrap:wrap;margin:-25px;}
.products-list .item{margin:25px;width:calc(100% / 4 - 50px);overflow:hidden;}
.products-list .pic{overflow:hidden;border:#e4e4e4 solid 1px;}
.products-list .pic img{display:block;transition:all 1s;}
.products-list .tit{line-height:70px;overflow:hidden;border-bottom:#e4e4e4 solid 1px;}
.products-list .tit a{display:block;font-size:18px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.products-list .tit a:before{display:block;float:right;font-family:"iconfont";content:"\e694";}
.products-list .item:hover .pic,.products-list .item:hover .tit{border-color:var(--vi-color);transition:all 1s;}
.products-list .item:hover .pic img{transform:scale(1.1);}
.products-list .item:hover .tit a{color:var(--vi-color);}
@media(max-width:1200px){
.products{padding:35px 10px;}
.products .box-title{margin-bottom:25px;line-height:1.5;}
.products .box-title h2{font-size:24px;}
.products .box-title .more{display:none;}
.products-list{margin:-5px;}
.products-list .item{margin:5px;width:calc(100% / 2 - 10px);}
.products-list .tit{line-height:40px;}
.products-list .tit a{font-size:14px;}
}
/*---end products-*/

/*---adv-*/
.adv{padding:80px 0 30px;overflow:hidden;background:url(../images/Index/adv_bg.jpg) no-repeat center / cover;}
.adv .box-title{margin-bottom:80px;text-align:center;color:#fff;overflow:hidden;animation:fadeInDown 1s;}
.adv .box-title h2{font-size:52px;}
.adv .box-title h2 em{color:var(--vi-subcolor);}
.adv .box-title p{font-size:18px;}
.adv-cont{overflow:hidden;}
.adv-list{display:flex;flex-wrap:wrap;margin:-14px;}
.adv-list .item{position:relative;margin:14px;padding:0 30px;width:calc(100% / 4 - 28px);height:696px;overflow:hidden;background-size:100% 100%;background-repeat:no-repeat;}
.adv-list .item-1{background-image:url(../images/Index/advbg1.png);animation:fadeInUp 1s;}
.adv-list .item-2{background-image:url(../images/Index/advbg2.png);animation:fadeInUp 1.5s;}
.adv-list .item-3{background-image:url(../images/Index/advbg3.png);animation:fadeInUp 2s;}
.adv-list .item-4{background-image:url(../images/Index/advbg4.png);animation:fadeInUp 2.5s;}
.adv-list .item .hd{position:relative;padding-bottom:14px;overflow:hidden;}
.adv-list .item .hd:after{display:block;position:absolute;left:0;bottom:0;width:90%;height:1px;content:"";background:#fff;}
.adv-list .item .hd span{display:block;margin-top:80px;line-height:40px;font-size:30px;color:#fff;}
.adv-list .item .bd{padding-top:35px;overflow:hidden;}
.adv-list .item .bd img{display:block;border-radius:10px;}
.adv-list .item .bd h3{margin-top:20px;font-size:36px;line-height:1.2;font-weight:600;color:#fff;}
.adv-list .item .bd p{margin-top:30px;height:120px;line-height:30px;font-size:16px;color:#fff;overflow:hidden;}
.adv-list .item .bd i{display:block;margin-top:10px;width:40px;}
@media(max-width:1200px){
.adv{padding:35px 10px;}
.adv .box-title{margin-bottom:25px;}
.adv .box-title h2{font-size:24px;}
.adv .box-title p{font-size:14px;}
.adv-list{margin:-5px;}
.adv-list .item{margin:5px;padding:0 15px;width:calc(100% / 2 - 10px);height:400px;background-position:center top !important;}
.adv-list .item .hd span{margin-top:40px;line-height:30px;font-size:18px;}
.adv-list .item .bd{padding-top:20px;}
.adv-list .item .bd h3{margin-top:10px;font-size:24px;}
.adv-list .item .bd p{margin-top:20px;height:120px;line-height:20px;font-size:14px;}
.adv-list .item .bd i{display:none;}
}
/*---end adv-*/

/*--aboutus--*/
.aboutus{padding:110px 0;overflow:hidden;background:#f5f5f5;}
.aboutus .intro{overflow:hidden;}
.aboutus .intro .hd{float:left;padding-left:50px;padding-top:45px;width:446px;height:240px;overflow:hidden;background:url(../images/Index/intro_hd.jpg) no-repeat;}
.aboutus .intro .hd h2{font-weight:bold;font-size:42px;color:#222;}
.aboutus .intro .hd h2 a{color:#222;}
.aboutus .intro .hd p{font-size:24px;color:#222;}
.aboutus .intro .hd em{display:block;margin-top:20px;font-size:14px;font-family:"DIN Medium";color:#999;}
.aboutus .intro .bd{float:right;padding-top:45px;width:840px;height:240px;overflow:hidden;background:url(../images/Index/intro_bd.png) repeat-x 0 0;}
.aboutus .intro .bd .summary{height:96px;line-height:32px;font-size:18px;color:#333;overflow:hidden;}
.aboutus .intro .bd .btnBox{margin-top:25px;overflow:hidden;}
.aboutus .intro .bd .btnBox a{display:block;float:left;margin-right:40px;padding-right:30px;height:23px;line-height:23px;font-size:16px;color:#666;background-position:right center;background-repeat:no-repeat;}
.aboutus .intro .bd .btnBox a:nth-child(1){background-image:url(../images/Index/read.png);}
.aboutus .intro .bd .btnBox a:nth-child(2){background-image:url(../images/Index/player.png);}
.aboutus .intro .bd .btnBox a:hover{color:var(--vi-color);}
.aboutus .base{position:relative;}
.aboutus .base-menu{position:absolute;z-index:9;top:0;left:0;width:446px;background:rgba(0,0,0,0.6);}
.aboutus .base-menu li{position:relative;float:left;width:33.33%;padding:38px 0;text-align:center;font-size:20px;color:#fff;cursor:pointer;border-right:rgba(255,255,255,0.1) solid 1px;}
.aboutus .base-menu li:before{display:block;margin:0 auto 8px;width:32px;height:32px;content:"";background-repeat:no-repeat;background-size:100%;}
.aboutus .base-menu li:nth-child(1):before{background-image:url(../images/Index/base_i1.png);}
.aboutus .base-menu li:nth-child(2):before{background-image:url(../images/Index/base_i2.png);}
.aboutus .base-menu li:nth-child(3):before{background-image:url(../images/Index/base_i3.png);}
.aboutus .base-menu li:after{display:block;position:absolute;left:50%;bottom:-4px;margin-left:-4px;width:8px;height:8px;content:"";background:var(--vi-color);transform:rotate(45deg);opacity:0;}
.aboutus .base-menu li:hover,.aboutus .base-menu li.cur{background:var(--vi-color);}
.aboutus .base-menu li:hover:after,.aboutus .base-menu li.cur:after{opacity:1;}
.aboutus .base-slide{display:none;position:relative;}
.aboutus .base-slide li{position:relative;overflow:hidden;}
.aboutus .base-slide li img{display:block;width:100%;transition:all 1s;}
.aboutus .base-slide li .txt{position:absolute;top:50%;right:10px;display:flex;line-height:40px;transform:translateY(-50%);}
.aboutus .base-slide li .txt h3{padding:0 28px;font-size:20px;color:#fff;}
.aboutus .base-slide li .txt span{padding:0 28px;font-size:16px;font-family:"DIN Medium";color:#fff;border-left:#fff solid 1px;}
.aboutus .base-slide li .txt span em{font-size:36px;}
.aboutus .base-slide .swiper-prev,.aboutus .base-slide .swiper-next{position:absolute;top:0;width:120px;height:100%;cursor:pointer;text-align:center;color:#999;}
.aboutus .base-slide .swiper-prev{right:100%;}
.aboutus .base-slide .swiper-next{left:100%;}
.aboutus .base-slide .swiper-prev i,.aboutus .base-slide .swiper-next i{display:block;position:relative;top:50%;font-size:30px;transform:translateY(-50%);}
@media(max-width:1440px){
.aboutus .intro .bd{width:690px;}
}
@media(max-width:1200px){
.aboutus{padding:35px 10px;}
.aboutus .intro .hd{float:none;padding:20px;width:100%;height:auto;}
.aboutus .intro .hd h2{font-size:24px;}
.aboutus .intro .hd p{font-size:18px;}
.aboutus .intro .bd{float:none;margin-top:10px;padding-bottom:30px;height:auto;}
.aboutus .intro .bd .summary{height:auto;line-height:1.75;font-size:14px;}
.aboutus .intro .bd .btnBox a{font-size:14px;}
.aboutus .base-menu{position:static;width:100%;overflow:hidden;}
.aboutus .base-menu li{padding:20px 0;font-size:16px;background:var(--vi-subcolor);}
.aboutus .base-menu li:after{display:none;}
.aboutus .base-slide .swiper-next{display:none;}
.aboutus .base-slide li .txt{position:static;top:0;padding:10px;line-height:30px;justify-content:space-between;transform:translateY(0);background:var(--vi-color);}
.aboutus .base-slide li .txt h3{padding:0 14px;font-size:14px;}
.aboutus .base-slide li .txt span{padding:0 14px;font-size:14px;}
.aboutus .base-slide li .txt span em{font-size:26px;}
}
/*--end aboutus--*/

/*--news--*/
.news{padding:70px 0;overflow:hidden;background:#fff;}
.news-hd{position:relative;height:66px;line-height:66px;overflow:hidden;}
.news-hd h2{float:left;font-size:42px;color:#333;animation:fadeInDown 1s;}
.news-hd h2 a{color:#333;}
.news-hd .news-menu{float:right;overflow:hidden;}
.news-hd .news-menu li{float:left;margin-left:12px;width:160px;text-align:center;font-size:20px;}
.news-hd .news-menu li a{display:block;color:#333;background:#ececec;}
.news-hd .news-menu li.cur a{color:#fff;background:var(--vi-color);}
.news-bd{margin-top:65px;}
.news-bd .news-top{position:relative;float:left;width:640px;}
.news-bd .news-top .date{position:absolute;z-index:9;top:0;left:0;padding-top:35px;width:104px;height:152px;font-family:"DIN Medium";text-align:center;color:#fff;background:rgba(0,0,0,0.5);}
.news-bd .news-top .date em{display:block;font-size:40px;font-weight:bold;line-height:1;}
.news-bd .news-top .date em:after{display:block;margin:15px auto;width:50px;height:1px;content:"";background:#fff;}
.news-bd .news-top .date span{display:block;font-size:14px;line-height:1;}
.news-bd .news-top .pic{overflow:hidden;}
.news-bd .news-top .pic img{display:block;transition:all 1s;    filter: contrast(0.9);}
.news-bd .news-top .text{padding:33px 40px;overflow:hidden;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.1)}
.news-bd .news-top .text h3{line-height:32px;font-size:20px;overflow:hidden;}
.news-bd .news-top .text h3 a{display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:url(../images/Index/read02.png) no-repeat right center;}
.news-bd .news-top .text p{margin-top:16px;height:56px;line-height:28px;font-size:16px;color:#999;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-bd .news-top:hover .pic img{transform:scale(1.1);}
.news-bd .news-top:hover .text h3 a{color:var(--vi-color);}
.news-bd .news-list{float:right;width:692px;overflow:hidden;}
.news-bd .news-list .item{display:block;margin-bottom:55px;height:152px;overflow:hidden;}
.news-bd .news-list .item:last-child{margin-bottom:0;}
.news-bd .news-list .date{float:left;padding-top:35px;width:104px;height:152px;font-family:"DIN Medium";color:#333;text-align:center;background:#f5f5f5;}
.news-bd .news-list .date em{display:block;font-size:40px;font-weight:bold;line-height:1;}
.news-bd .news-list .date em:after{display:block;margin:15px auto;width:50px;height:1px;content:"";background:#c4c4c4;}
.news-bd .news-list .date span{display:block;font-size:14px;line-height:1;opacity:0.6;}
.news-bd .news-list .text{float:right;width:550px;height:152px;overflow:hidden;border-bottom:#ececec solid 1px;}
.news-bd .news-list .text h3{line-height:32px;font-size:20px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-bd .news-list .text p{margin-top:16px;height:56px;line-height:28px;font-size:16px;color:#999;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-bd .news-list .text span{display:block;margin-top:16px;line-height:28px;font-size:16px;color:#999;background:url(../images/Index/read02.png) no-repeat right center;}
.news-bd .news-list .item:hover .date{color:#fff;background:var(--vi-color);transition:all .5s;}
.news-bd .news-list .item:hover .text h3{color:var(--vi-color);}
.news-more{margin-top:70px;text-align:center;overflow:hidden;}
.news-more a{font-size:16px;line-height:1.75;color:#666;}
.news-more a:after{display:inline-block;margin-left:5px;font-family:"iconfont";content:"\e69a";opacity:.5;}
.news-more a:hover{color:var(--vi-color);}
@media(max-width:1440px){
.news-bd .news-list{width:492px;}
.news-bd .news-list .text{width:350px;}
}
@media(max-width:1200px){
.news{padding:35px 10px;}
.news-hd{height:auto;line-height:1.5;text-align:center;}
.news-hd h2{float:none;font-size:24px;}
.news-hd .news-menu{float:none;margin-top:25px;width:100%;}
.news-hd .news-menu li{margin:0 1%;width:48%;line-height:45px;font-size:16px;}
.news-bd{margin-top:25px;}
.news-bd .news-top{display:none;}
.news-bd .news-list{float:none;width:100%;}
.news-bd .news-list .item{margin-bottom:15px;height:125px;}
.news-bd .news-list .date{padding:20px 0;width:80px;height:125px;}
.news-bd .news-list .text{width:calc(100% - 100px);height:125px;}
.news-bd .news-list .text h3{line-height:1.75;font-size:16px;}
.news-bd .news-list .text p{margin-top:10px;height:44px;line-height:22px;font-size:14px;}
.news-bd .news-list .text span{margin-top:10px;line-height:22px;font-size:14px;}
.news-more{margin-top:35px;}
.news-more a{font-size:14px;}
}
/*--end news--*/

/*--video-pop--*/
.video-pop{display:none;position:fixed;z-index:9999;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.video-pop .close{position:absolute;right:20px;top:20px;width:45px;line-height:45px;text-align:center;color:#333;cursor:pointer;background:#fff;}
.video-pop .close:hover{color:#fff;background:var(--vi-color);}
.video-pop .inner{position:absolute;top:50%;left:50%;width:1060px;height:600px;background:#000;transform:translate(-50%,-50%);}
.video-pop .inner video{width:100%;height:auto;object-fit:fill;}
@media(max-width:1200px){
.video-pop .inner{width:90vw;height:55vw;}
}
/*--end video-pop--*/