@charset "utf-8";
/*
    author:Pengjin;
    date:2022-03-12;
*/

/*--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:60px;width:100%;text-align:center;}
.banner .swiper-pager span{position:relative;display:inline-block;margin:0 10px !important;width:60px;height:4px;background:#fff;opacity:1;border-radius:0;}
.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--*/

/*--fastMenu--*/
.fastMenu{padding:50px 0;overflow:hidden;background:#fff;}
.fastMenu-list{display:flex;}
.fastMenu-list .item{display:block;padding:10px 0;width:20%;text-align:center;overflow:hidden;}
.fastMenu-list .item:nth-child(odd){animation:fadeInDown 1s;}
.fastMenu-list .item:nth-child(even){animation:fadeInUp 1s;}
.fastMenu-list .item em{display:block;margin:0 auto;width:44px;height:44px;overflow:hidden;}
.fastMenu-list .item h3{margin-top:16px;line-height:40px;font-size:24px;color:#333;}
.fastMenu-list .item i{display:block;margin:12px auto 0;width:40px;height:40px;line-height:40px;color:#999;background:#eaeaea;border-radius:50%;}
.fastMenu-list .item i:after{font-family:"iconfont";content:"\e694";}
.fastMenu-list .item:hover em img{transform:translateY(-44px);filter:drop-shadow(var(--vi-color) 0 44px);}
.fastMenu-list .item:hover h3{color:var(--vi-color);}
.fastMenu-list .item:hover i{color:#fff;background:var(--vi-color);transition:all .5s;animation:heartBeat 1s}
@media(max-width:1200px){
.fastMenu{padding: 10px;}
.fastMenu-list{overflow-x: scroll;}
.fastMenu-list .item{width: 30%;flex: none;}
.fastMenu-list .item em{width:30px;height:30px;}
.fastMenu-list .item h3{margin-top:8px;line-height:30px;font-size:14px;}
.fastMenu-list .item i{margin-top:5px;width:30px;height:30px;line-height:30px;}
}
/*--end fastMenu--*/

/*--product--*/
.product{padding:100px 0;overflow:hidden;background:url(../images/Index/product_bg.png) repeat-y center 0;}
.product-hd{display:flex;align-items:center;justify-content:space-between;overflow:hidden;}
.product-hd .box-title{animation:fadeInDown 1s;}
.product-hd .box-title h2{font-size:38px;color:#333;}
.product-hd .box-title h2 a{color:#333;}
.product-hd .box-title p{font-size:18px;color:#666;}
.product-hd .arrow{display:flex;justify-content:space-between;width:140px;height:60px;}
.product-hd .arrow div{width:60px;height:60px;line-height:58px;text-align:center;color:#fff;cursor:pointer;border:#fff solid 1px;border-radius:50%;}
.product-hd .arrow div:hover{background-color:var(--vi-subcolor);border-color:var(--vi-subcolor);}
.product-bd{overflow:hidden;}
.product-menu{position:relative;width:912px;height:100px;line-height:100px;overflow:hidden;}
.product-menu:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:4px;content:"";background:#d2d2d2;}
.product-menu li{position:relative;z-index:3;float:left;text-align:center;width:33.33%;font-size:24px;display:flex;justify-content:center;align-items:center;}
.product-menu li:before{display:inline-block;margin-right:6px;width:30px;height:30px;content:"";background-repeat:no-repeat;background-size:100%;}
.product-menu li:after{display:block;position:absolute;z-index:3;left:0;bottom:0;width:100%;height:4px;content:"";background:var(--vi-color);transform:scaleX(0);transition:all .5s;}
.product-menu li a{display:block;color:#212121;}
.product-menu li:nth-child(1):before{background-image:url(../images/Index/product_i1.png)}
.product-menu li:nth-child(2):before{background-image:url(../images/Index/product_i2.png)}
.product-menu li:nth-child(3):before{background-image:url(../images/Index/product_i3.png)}
.product-menu li:hover:before,.product-menu li.cur:before{transform:translateY(-100px);filter:drop-shadow(var(--vi-color) 0 100px);}
.product-menu li:hover:after,.product-menu li.cur:after{transform:scaleX(1);}
.product-menu li:hover a,.product-menu li.cur a{color:var(--vi-color);}
.product-main{padding-top:70px;overflow:hidden;}
.product-slide{overflow:hidden;}
.product-slide .item{overflow:hidden;background:#fff;border-radius:5px;}
.product-slide .pic{overflow:hidden;border-radius:5px;}
.product-slide .pic img{display:block;width:100%;transition:all 1s;}
.product-slide .tit{padding:20px;line-height:50px;font-size:20px;overflow:hidden;}
.product-slide .tit a{display:block;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-slide .tit a:before{display:block;float:right;width:50px;height:50px;font-family:"iconfont";content:"\e694";text-align:center;color:#999;background:#eaeaea;border-radius:50%;}
.product-slide .item:hover .pic img{transform:scale(1.1);}
.product-slide .item:hover .tit a{color:var(--vi-color);} 
.product-list{display:flex;flex-wrap:wrap;margin:-35px;}
.product-list .item{margin:35px;width:calc(100% / 3 - 70px);}
.product-partner{margin-top:30px;overflow:hidden;}
.product-partner .tit{height:28px;line-height:28px;text-align:center;}
.product-partner .tit span{display:block;margin:0 auto;width:144px;font-size:16px;color:#fff;background:var(--vi-subcolor);border-radius:5px 5px 0 0;}
.product-partner .list{overflow:hidden;background:#fff;border-radius:5px;}
.product-partner .list ul{display:flex;flex-wrap:wrap;}
.product-partner .list li{position:relative;width:calc(100% / 6);}
.product-partner .list li:after{display:block;position:absolute;right:0;top:14px;bottom:14px;width:1px;content:"";background:#e5e5e5;}
.product-partner .list li img{display:block;width:100%;}
.product-partner .list li:nth-child(6n):after{display:none;}
@media(max-width:1200px){
.product{padding:30px 10px;}
.product-hd .box-title{width:100%;text-align:center;}
.product-hd .box-title h2{font-size:24px;}
.product-hd .box-title p{font-size:14px;}
.product-hd .arrow{display:none;}
.product-menu{width:100%;height:50px;line-height:50px;}
.product-menu li{font-size:16px;}
.product-menu li:before{width:20px;height:20px;}
.product-main{padding-top:30px;}
.product-slide .tit{padding:5px;line-height:30px;font-size:16px;text-align:center;}
.product-slide .tit a:before{display:none;}
.product-list{margin:-5px;}
.product-list .item{margin:5px;width:calc(100% / 2 - 10px);}
.product-list .item:nth-child(3){display:none;}
.product-partner .tit span{width:120px;font-size:14px;}
.product-partner .list li{position:relative;width:calc(100% / 3);border:#f0f0f0 solid 1px;}
.product-partner .list li:after{display:none;}
}
/*--end product--*/

/*--adv--*/
.adv{padding-top:80px;overflow:hidden;background:#fff;}
.adv .box-title{margin-bottom:60px;text-align:center;animation:fadeInDown 1s;}
.adv .box-title h2{font-size:38px;line-height:1.5;color:#212121;}
.adv .box-title p{font-size:18px;color:#666;}
.adv-inner{position:relative;z-index:1;padding:170px 0;height:650px;overflow:hidden;transition:background-image 2s;}
.adv-inner:after{display:block;position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);}
.adv-menu{display:flex;flex-wrap:wrap;justify-content:space-between;}
.adv-menu .item{position:relative;padding:30px 50px;width:30%;height:310px;cursor:pointer;overflow:hidden;border:rgba(255,255,255,0.3) solid 1px;border-radius:5px;}
.adv-menu .item:before{display:block;position:absolute;left:0;top:35px;width:10px;height:35px;content:"";background:var(--vi-subcolor);}
.adv-menu .item h3{line-height:45px;font-size:38px;color:#fff;}
.adv-menu .item p{margin-top:24px;line-height:1.5;font-size:18px;color:#fff;}
.adv-menu .item i{display:block;position:absolute;right:20px;bottom:20px;width:30px;height:30px;}
.adv-menu .item.cur{background:rgba(0,139,204,.8);transition:all 1s;}
@media(max-width:1200px){
.adv{padding-top:30px;}
.adv .box-title{margin-bottom:20px;width:100%;text-align:center;}
.adv .box-title h2{font-size:24px;}
.adv .box-title p{font-size:14px;}
.adv-inner{padding:40px 10px;height:auto;    background-size: cover;}
.adv-menu .item{margin:10px 0;padding:20px;width:100%;height:180px;}
.adv-menu .item:before{top:22px;width:5px;}
.adv-menu .item h3{line-height:1.5;font-size:24px;}
.adv-menu .item p{margin-top:12px;font-size:14px;}

}
/*--end adv--*/

/*--step--*/
.step{padding:80px 0;overflow:hidden;background:#fff;}
.step .box-title{margin-bottom:30px;text-align:center;animation:fadeInDown 1s;}
.step .box-title h2{font-size:38px;line-height:1.5;color:#212121;}
.step .box-title p{font-size:18px;color:#666;}
.step-inner{position:relative;overflow:hidden;}
.step-list{position:relative;z-index:2;display:flex;flex-wrap:wrap;}
.step-list .item{width:20%;text-align:center;}
.step-list .item i{display:block;margin:0 auto;padding:22px;width:139px;height:139px;border:#d2d2d2 solid 1px;border-radius:50%;background:#fff;}
.step-list .item i img{display:block;}
.step-list .item p{line-height:1.75;font-size:20px;color:#333;}
.step-lines{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%;}
.step-lines i{display:block;position:absolute;top:22px;width:180px;height:92px;overflow:hidden;}
.step-lines i:nth-child(odd){background:url(../images/Index/step_line01.png) no-repeat center / 100%;}
.step-lines i:nth-child(even){background:url(../images/Index/step_line02.png) no-repeat center / 100%;}
.step-lines i.line1{left:174px;}
.step-lines i.line2{left:465px;}
.step-lines i.line3{left:756px;}
.step-lines i.line4{left:1050px;}
@media(max-width:1440px){
.step-lines i{width:132px;}
.step-lines i.line1{left:174px;}
.step-lines i.line2{left:415px;}
.step-lines i.line3{left:656px;}
.step-lines i.line4{left:892px;}
}
@media(max-width:1200px){
.step{padding:30px 10px;}
.step .box-title{margin-bottom:20px;}
.step .box-title h2{font-size:24px;}
.step .box-title p{font-size:14px;}
.step-list{justify-content:center;}
.step-list .item{position:relative;padding:5px;width:33.33%;}
.step-list .item i{padding:10px;width:50px;height:50px;}
.step-list .item p{font-size:14px;}
.step-lines{display:none;}
}
/*--end step--*/

/*--videos--*/
.videos{padding:80px 0;overflow:hidden;background:#eaeaea;}
.videos .box-title{margin-bottom:30px;text-align:center;animation:fadeInDown 1s;}
.videos .box-title h2{font-size:38px;line-height:1.5;color:#212121;}
.videos .box-title h2 a{color:#212121;}
.videos .box-title p{font-size:18px;color:#666;}
.videos-inner{overflow:hidden;}
.videos-play{float:left;width: 75%;overflow:hidden;border-radius:5px;}
.videos-play .item{display:none;position:relative;overflow:hidden;border-radius:5px;}
.videos-play .pic{position:relative;height:578px;overflow:hidden;background: #000;}
/*--.videos-play .pic:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);}--*/
.videos-play .pic img{display:block;transition:all 1s;}
.videos-play .pic video{display:block;max-width: 100%;height:100%;object-fit:fill;margin: 0 auto;}
.videos-play .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.videos-play .text i{display:block;margin:0 auto;width:76px;height:76px;content:"";background:url(../images/Index/player.png) no-repeat;}
.videos-play .text h3{margin-top:15px;font-size:24px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.video-list{float:right;width: 21.5%;}
.video-list .item{position:relative;margin-bottom: 13.75%;cursor:pointer;border-radius:5px;}
.video-list .item .pic{position:relative;overflow:hidden;border-radius:5px;}
.video-list .item .pic:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.5);}
.video-list .item .pic img{display:block;transition:all 1s;}
.video-list .item .tit{position:absolute;top:50%;left:0;width:100%;font-size:16px;color:#fff;text-align:center;transform:translateY(-50%);}
.video-list .item:before{display:block;position:absolute;left:0;top:50%;margin-top:-4px;margin-left:-4px;width:8px;height:8px;content:"";background:var(--vi-color);transform:rotate(-45deg);opacity:0;}
.video-list .item:after{display:block;position:absolute;top:0;left:0;width:100%;height:100%;content:"";border:var(--vi-color) solid 5px;opacity:0;border-radius:5px;}
.video-list .item.cur:before,.video-list .item.cur:after{opacity:1;transition:all .5s;}
.video-list .item:hover:before,.video-list .item:hover:after{opacity:1;transition:all .5s;}
.video-list .item:hover .pic img{transform:scale(1.1);}
@media(max-width:1440px){
.videos-play .pic{height:496px;}
}
@media(max-width:1200px){
.videos{padding:30px 10px;}
.videos .box-title{margin-bottom:20px;}
.videos .box-title h2{font-size:24px;}
.videos .box-title p{font-size:14px;}
.videos-play{float:none;width:100%;}
.videos-play .pic{height:60vw;}
.videos-play .text i{width:35px;height:35px;background-size:100%;}
.videos-play .text h3{font-size:16px;}
.video-list{float:none;margin-top:10px;width:100%;display:flex;justify-content:space-between;}
.video-list .item{margin:0;width:32%;}
.video-list .item:before{display:none;}
.video-list .item:after{border-width:2px;}
.video-list .item .tit{font-size:12px;}
}
/*--end videos--*/

/*--aboutus--*/
.aboutus{padding:80px 0;overflow:hidden;background:#fff;}
.aboutus-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.aboutus .text{position:relative;width:44.285%;}
.aboutus .text h2{font-size:38px;color:#212121;line-height:1.25;}
.aboutus .text .summary{margin-top:40px;overflow:hidden;}
.aboutus .text .summary p{font-size:16px;line-height:1.75;color:#333;}
.aboutus .text .read{position:absolute;left:0;bottom:0;}
.aboutus .text .read a{display:block;padding:0 25px;width:165px;line-height:48px;font-size:18px;color:#666;border:#ccc solid 1px;border-radius:5px;}
.aboutus .text .read a:before{display:block;float:right;font-family:"iconfont";content:"\e694";}
.aboutus .text .read a:hover{color:#fff;background:var(--vi-color);transition:all .5s;}
.aboutus .pic{width:49.857%;overflow:hidden;}
.aboutus .pic img{display:block;width:100%;}
@media(max-width:1200px){
.aboutus{padding:30px 10px;}
.aboutus .text{width:100%;}
.aboutus .text h2{font-size:24px;}
.aboutus .text .summary{margin-top:20px;}
.aboutus .text .summary p{font-size:14px;}
.aboutus .text .read{position:static;margin-top:20px;}
.aboutus .text .read a{padding:0 12px;width:140px;line-height:40px;font-size:14px;}
.aboutus .pic{margin-top:20px;width:100%;}
}
/*--end aboutus--*/

/*--news--*/
.news{padding:80px 0;overflow:hidden;background:#eaeaea;}
.news .box-title{margin-bottom:30px;text-align:center;animation:fadeInDown 1s;}
.news .box-title h2{font-size:38px;line-height:1.5;color:#212121;}
.news .box-title h2 a{color:#212121;}
.news .box-title p{font-size:18px;color:#666;}
.news-menu{height:45px;line-height:45px;text-align:center;overflow:hidden;}
.news-menu ul{display:flex;justify-content:center;}
.news-menu li{position:relative;margin:0 26px;font-size:16px;}
.news-menu li:after{display:block;position:absolute;left:0;bottom:0;width:100%;height:4px;content:"";background:var(--vi-color);transform:scaleX(0);transition:all .5s;}
.news-menu li a{color:#666;}
.news-menu li:hover:after,.news-menu li.cur:after{transform:scaleX(1);}
.news-menu li:hover a,.news-menu li.cur a{color:var(--vi-color);}
.news-main{margin-top:48px;overflow:hidden;}
.news-top{display:flex;flex-wrap:wrap;justify-content:space-between;}
.news-top .item{display:block;padding:40px 50px;width:420px;height:320px;overflow:hidden;background:#fff;border-radius:5px;}
.news-top .item .pic{display:none;overflow:hidden;}
.news-top .item .pic img{display:block;width:100%;transition:all .5s;}
.news-top .item .text{position:relative;overflow:hidden;}
.news-top .item .text h3{height:76px;line-height:38px;font-size:24px;color:#333;overflow:hidden;}
.news-top .item .text p{margin-top:15px;height:84px;line-height:28px;font-size:16px;color:#999;overflow:hidden;}
.news-top .item .text em{display:block;position:relative;margin-top:30px;height:36px;line-height:36px;font-size:18px;text-align:right;color:#ccc;font-family:"DIN Medium";}
.news-top .item .text em:before{display:block;position:absolute;left:;top:0;width:36px;height:36px;text-align:center;font-family:"iconfont";content:"\e694";background:#eaeaea;border-radius:50%;}
.news-top .item:first-child{padding-left:0;width:912px;}
.news-top .item:first-child .pic{display:block;float:left;width:420px;}
.news-top .item:first-child .text{float:right;width:370px;height:250px;}
.news-top .item:hover{background:var(--vi-color);transition:all 1s;}
.news-top .item:hover .pic img{transform:scale(1.1);}
.news-top .item:hover .text *{color:#fff;}
.news-top .item:hover .text em:before{background:var(--vi-subcolor);}
.news-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:70px;overflow:hidden;}
.news-list .item{display:block;padding:40px 50px;width:420px;height:320px;overflow:hidden;background:#fff;border-radius:5px;}
.news-list .item .pic{display:none;}
.news-list .item .pic img{display:block;width:100%;transition:all .5s;}
.news-list .item .text{position:relative;overflow:hidden;}
.news-list .item .text h3{height:76px;line-height:38px;font-size:24px;color:#333;overflow:hidden;}
.news-list .item .text p{margin-top:15px;height:84px;line-height:28px;font-size:16px;color:#999;overflow:hidden;}
.news-list .item .text em{display:block;position:relative;margin-top:30px;height:36px;line-height:36px;font-size:18px;text-align:right;color:#ccc;font-family:"DIN Medium";}
.news-list .item .text em:before{display:block;position:absolute;left:;top:0;width:36px;height:36px;text-align:center;font-family:"iconfont";content:"\e694";background:#eaeaea;border-radius:50%;}
.news-list .item:hover{background:var(--vi-color);transition:all 1s;}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text *{color:#fff;}
.news-list .item:hover .text em:before{background:var(--vi-subcolor);}
@media(max-width:1440px){
.news-top .item{padding:30px 40px;width:380px;height:300px;}
.news-top .item:first-child{width:788px;}
.news-top .item:first-child .text{width:300px;}
.news-list .item{padding:30px 40px;width:380px;height:300px;}
}
@media(max-width:1200px){
.news{padding:30px 10px;}
.news .box-title{margin-bottom:20px;}
.news .box-title h2{font-size:24px;}
.news .box-title p{font-size:14px;}
.news-menu li{margin:0;width:25%;text-align:center;}
.news-main{margin-top:20px;}
.news-top .item{margin-bottom:10px;padding:10px !important;width:100% !important;height:auto !important;display:flex;justify-content:space-between;}
.news-top .item .pic{display:block;width:130px !important;}
.news-top .item .text{width:calc(100% - 140px) !important;height:auto !important;}
.news-top .item .text h3{height:50px;line-height:25px;font-size:15px;}
.news-top .item .text p{display:none;}
.news-top .item .text em{margin-top:10px;height:20px;line-height:20px;font-size:12px;}
.news-top .item .text em:before{width:20px;height:20px;}
.news-list{margin-top:0;}
.news-list .item{margin-bottom:10px;padding:10px !important;width:100% !important;height:auto !important;display:flex;justify-content:space-between;}
.news-list .item .pic{display:block;width:130px !important;}
.news-list .item .text{width:calc(100% - 140px) !important;height:auto !important;}
.news-list .item .text h3{height:50px;line-height:25px;font-size:15px;}
.news-list .item .text p{display:none;}
.news-list .item .text em{margin-top:10px;height:20px;line-height:20px;font-size:12px;}
.news-list .item .text em:before{width:20px;height:20px;}
}
/*--end news--*/

/*--ad--*/
.ad{padding:60px 0;overflow:hidden;background:var(--vi-color);}
.ad-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.ad-inner .txtBox{width:840px;color:#fff;overflow:hidden;}
.ad-inner .txtBox .txt1{float:left;width:560px;overflow:hidden;}
.ad-inner .txtBox .txt1 h3{font-size:38px;}
.ad-inner .txtBox .txt1 p{margin-top:5px;font-size:16px;}
.ad-inner .txtBox .txt2{float:right;padding-top:5px;width:280px;text-align:center;}
.ad-inner .txtBox .txt2 h3{font-size:24px;}
.ad-inner .txtBox .txt2 h3 em{font-family:"DIN Medium";font-size:38px;color:#ff9b25;}
.ad-inner .txtBox .txt2 p{font-size:14px;color:#fff;}
.ad-inner .btnBox{padding-top:15px;width:270px;line-height:60px;}
.ad-inner .btnBox a{display:block;padding:0 35px;font-size:20px;color:#fff;background:#ff9b25;border-radius:5px;transition:all .5s;}
.ad-inner .btnBox a:before{display:block;float:right;font-family:"iconfont";content:"\e694";}
.ad-inner .btnBox a:hover{background:var(--vi-subcolor);}
@media(max-width:1200px){
.ad{padding:30px 10px;}
.ad-inner .txtBox{width:100%;}
.ad-inner .txtBox .txt1{float:none;width:100%;text-align:center;}
.ad-inner .txtBox .txt1 h3{font-size:24px;}
.ad-inner .txtBox .txt1 p{font-size:14px;}
.ad-inner .txtBox .txt2{float:none;width:100%;text-align:center;}
.ad-inner .txtBox .txt2 h3{font-size:18px;}
.ad-inner .txtBox .txt2 h3 em{font-size:24px;}
.ad-inner .btnBox{margin:20px auto 0;width:150px;line-height:40px;}
.ad-inner .btnBox a{padding:0 10px;font-size:16px;}
}
/*--end ad--*/