@charset "utf-8";

/* 
    author:Kelp;
    date:2022-10-20;
    Copyright:©Kelp;
*/



/*------------------------Public------------------------*/

/*--banner--*/
.banner{position:relative;overflow:hidden;}
.banner img{display:block;margin:0 auto;width:100%;}
.banner .text{position:absolute;top:50%;left:50%;max-width:760px;text-align:center;color: #333;overflow:hidden;transform:translate(-50%,-50%);}
.banner .text h1{font-weight:600;font-size:42px;animation:fadeInDown 1s;}
.banner .text em{display:block;font-family:"Montserrat";font-size:14px;animation:fadeInDown 2s;}
.banner .text p{margin-top:40px;font-size:16px;line-height:30px;animation:fadeInUp 2.5s;}
@media(max-width:1024px){
.banner .text h1{font-size:30px;}
.banner .text em{font-size:12px;}
.banner .text p{display:none;}
}
/*--end banner--*/

/*--wrap-title--*/
.wrap-title{text-align:center;overflow:hidden;animation:fadeInDown 1.75s;}
.wrap-title h2{font-weight:600;font-size:42px;color:#000;}
.wrap-title em{font-family:"Montserrat";font-size:14px;color:var(--vi-color);}
.wrap-title.white *{color:#fff;}
@media(max-width:1024px){
.wrap-title{text-align:center;}
.wrap-title h2{font-size:30px;}
.wrap-title em{font-size:12px;}
}
/*--end wrap-title--*/

/*--menuBar--*/
.menuBar{position:relative;z-index:99;margin-top:-50px;height:100px;}
.menuBar .inner{height:100px;overflow:hidden;background:#fff;box-shadow:0 8px 16px rgba(0,0,0,.05);}
.menuBar ul{display:flex;justify-content:center;}
.menuBar li{position:relative;flex:none;font-size:16px;line-height:100px;overflow:hidden;}
.menuBar li:after{display:block;position:absolute;left:50%;bottom:0;margin-left:-32px;width:64px;height:2px;content:"";background:var(--vi-color);transform:scaleX(0);transition:all .5s;}
.menuBar li a{display:block;padding:0 35px;color:#666;}
.menuBar li:hover a,.menuBar li.cur a{color:var(--vi-color);}
.menuBar li:hover:after,.menuBar li.cur:after{transform:scaleX(1);}
@media(max-width:1024px){
.menuBar{display:none;}
}
/*--end menuBar--*/

/*--pagerBar--*/
.pagerBar{display:flex;justify-content:center;margin-top:80px;line-height:50px;text-align:center;overflow:hidden;}
.pagerBar .prev,.pagerBar .next{width:110px;}
.pagerBar .prev a,.pagerBar .next a{display:block;margin:0 5px;font-size:16px;color:#3f4150;background:#efeff3;border-radius:25px;}
.pagerBar .prev a:hover,.pagerBar .next a:hover{color:#fff;background:var(--vi-color);transition:all .5s;}
.pagerBar .nums{display:flex;}
.pagerBar .nums a{display:block;margin:0 5px;width:50px;font-size:16px;color:#3f4150;background:#efeff3;border-radius:50%;}
.pagerBar .nums a:hover,.pagerBar .nums a.cur{color:#fff;background:var(--vi-color);transition:all .5s;}
.pagerBar .prev[disabled],.pagerBar .next[disabled]{display:none;}
@media(max-width:1024px){
.pagerBar{margin-top:40px;}
.pagerBar .nums{display:none;}
.pagerBar .prev,.pagerBar .next{flex:1;}
}
/*--end pagerBar--*/

/*------------------------END Public------------------------*/



/*------------------------Help------------------------*/

/*--aboutus--*/
.aboutus{padding:100px 20px;overflow:hidden;}
.aboutus-cont{margin-top:40px;overflow:hidden;}
.aboutus-cont .intro{line-height:30px;font-size:16px;color:#666;overflow:hidden;}
.aboutus-cont .intro p{/* text-indent:2em; */}
.aboutus-cont .datas{display:flex;flex-wrap:wrap;margin-top:100px;overflow:hidden;}
.aboutus-cont .datas .pic{flex:none;width:66.75%;overflow:hidden;}
.aboutus-cont .datas .pic img{display:block;width:100%;transition:all 2s;}
.aboutus-cont .datas .pic:hover img{transform:scale(1.1);} 
.aboutus-cont .datas .list{width:33.25%;background:#f6f6f6;}
.aboutus-cont .datas .list .item{display:flex;align-items:center;padding:0 15%;width:100%;height:25%;overflow:hidden;}
.aboutus-cont .datas .list .item:nth-child(even){background:#f3f3f3;}
.aboutus-cont .datas .list .item dt em{font:72px/1 "Montserrat";color:var(--vi-subcolor);}
.aboutus-cont .datas .list .item dt sub{display:inline-block;margin-left:10px;font-size:16px;color:#6c797c;transform:translateY(-5px);}
.aboutus-cont .datas .list .item dd{font-size:16px;color:#666;}
@media(max-width:1600px){
.aboutus-cont .datas .list .item dt em{font-size:65px;}
}
@media(max-width:1440px){
.aboutus-cont .datas .list .item dt em{font-size:60px;}
}
@media(max-width:1024px){
.aboutus{padding:40px 20px;}
.aboutus-cont{margin-top:25px;}
.aboutus-cont .intro{line-height:25px;font-size:14px;text-align:justify;}
.aboutus-cont .intro p{text-indent:0;}
.aboutus-cont .datas{margin-top:40px;}
.aboutus-cont .datas .pic,.aboutus-cont .datas .list{width:100%;}
.aboutus-cont .datas .list{display:flex;flex-wrap:wrap;}
.aboutus-cont .datas .list .item{padding:20px 10px;width:50%;height:auto;}
.aboutus-cont .datas .list .item dt em{font-size:36px;}
.aboutus-cont .datas .list .item dt sub{margin-left:5px;font-size:14px;}
.aboutus-cont .datas .list .item dd{font-size:14px;}
.aboutus-cont .datas .list .item:nth-child(1),.aboutus-cont .datas .list .item:nth-child(4){background:#f6f6f6;}
.aboutus-cont .datas .list .item:nth-child(2),.aboutus-cont .datas .list .item:nth-child(3){background:#f3f3f3;}
}
/*--end aboutus--*/

/*--culture--*/
.culture-intro{position:relative;margin-top:-50px;padding:150px 20px 100px;overflow:hidden;background:#f5f5f5;}
.culture-intro-cont{margin-top:40px;overflow:hidden;}
.culture-intro-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin:-15px;}
.culture-intro-list .item{position:relative;margin:15px;width:calc(33.33% - 30px);overflow:hidden;background:#fff;transition:all 1s;}
.culture-intro-list .item .pic{overflow:hidden;}
.culture-intro-list .item .pic img{display:block;width:100%;transition:all 1s;}
.culture-intro-list .item .text{position:absolute;left:0;bottom:0;padding:20px 30px;width:100%;color:#fff;overflow:hidden;}
.culture-intro-list .item .text span{font-size:28px;line-height:1.25;}
.culture-intro-list .item .text h3{font-size:32px;line-height:1.5;}
.culture-intro-list .item:nth-child(1){animation:fadeInUp 1s;}
.culture-intro-list .item:nth-child(2){animation:fadeInUp 2s;}
.culture-intro-list .item:nth-child(3){animation:fadeInUp 3s;}
.culture-team{padding:120px 20px;overflow:hidden;}
.culture-team-summary{margin:40px auto 0;max-width:1024px;text-align:center;overflow:hidden;}
.culture-team-summary h3{margin-bottom:20px;font-size:30px;color:var(--vi-subcolor);}
.culture-team-summary p{font-size:16px;line-height:30px;color:#666;}
.culture-team-slide{position:relative;margin-top:70px;padding:0 115px;overflow:hidden;}
.culture-team-slide .prev,.culture-team-slide .next{position:absolute;top:50%;width:56px;line-height:52px;text-align:center;color:#c1cec9;cursor:pointer;border:#c1cec9 solid 2px;border-radius:50%;transform:translateY(-50%);}
.culture-team-slide .prev{left:0;}
.culture-team-slide .next{right:0;}
.culture-team-slide .prev:hover,.culture-team-slide .next:hover{color:#fff;border-color:var(--vi-subcolor);background:var(--vi-subcolor);}
.culture-swiper{overflow:hidden;}
.culture-swiper li{overflow:hidden;}
.culture-swiper li img{display:block;width:100%;transition:all 1s;}
.culture-swiper li:hover img{transform:scale(1.1);}
@media(max-width:1600px){
.culture-intro-list .item .text span{font-size:24px;}
.culture-intro-list .item .text h3{font-size:28px;}
}
@media(max-width:1600px){
.culture-intro-list .item .text span{font-size:20px;}
.culture-intro-list .item .text h3{font-size:24px;}	
}
@media(max-width:1024px){
.culture-intro{margin-top:0;}
.culture-intro,.culture-team{padding:40px 20px;}
.culture-intro-list{margin:-10px;}
.culture-intro-list .item{margin:10px;width:calc(100% - 20px);}
.culture-intro-list .item .text span{font-size:16px;}
.culture-intro-list .item .text h3{font-size:20px;}
.culture-team-summary{margin-top:25px;}
.culture-team-summary h3{font-size:22px;}
.culture-team-summary p{font-size:14px;}
.culture-team-slide{margin-top:25px;padding:0;}
.culture-team-slide .prev,.culture-team-slide .next{display:none;}
}
/*--end culture--*/

/*--duty--*/
.duty-intro{padding:100px 20px;overflow:hidden;}
.duty-intro-cont{margin-top:40px;}
.duty-intro-top{position:relative;margin-bottom:60px;}
.duty-intro-top .pic{overflow:hidden;}
.duty-intro-top .pic img{display:block;width:100%;}
.duty-intro-top .text{position:absolute;z-index:9;top:0;left:0;padding:7.5%;width:50%;height:100%;overflow:hidden;background:rgba(0,0,0,0.6);}
.duty-intro-top .cont{color:#fff;}
.duty-intro-top .cont h3{font-size:30px;}
.duty-intro-top .cont p{margin-top:20px;font-size:16px;line-height:30px;height:180px;overflow:auto;}
.duty-intro-top .cont p::-webkit-scrollbar{width:3px;background:rgba(255,255,255,.5);}
.duty-intro-top .cont p::-webkit-scrollbar-thumb{;background:var(--vi-subcolor);}
.duty-intro-top .datas{position:absolute;left:15%;bottom:15%;right:15%;display:flex;justify-content:space-between;}
.duty-intro-top .datas:before{display:block;position:absolute;left:50%;width:1px;height:100%;content:"";background:#fff;opacity:.1;}
.duty-intro-top .datas .item dt{display:inline-block;position:relative;padding-right: 35px;}
.duty-intro-top .datas .item dt em{font:72px/60px "Montserrat";letter-spacing:-2px;color:var(--vi-subcolor);}
.duty-intro-top .datas .item dt sub{display:block;position:absolute;right:0;bottom:0;font-size:16px;color:#fff;}
.duty-intro-top .datas .item dt:after{display:block;position:absolute;top:0;right:5px;font-weight:500;font-size:16px;content:"+";color:var(--vi-subcolor);} 
.duty-intro-top .datas .item dd{margin-top:10px;font-size:16px;color:#fff;}
.duty-intro-slide{position:relative;}
.duty-intro-slide .prev,.duty-intro-slide .next{position:absolute;top:50%;width:56px;line-height:52px;text-align:center;color:#c1cec9;cursor:pointer;border:#c1cec9 solid 2px;border-radius:50%;transform:translateY(-50%);}
.duty-intro-slide .prev{left:-106px;}
.duty-intro-slide .next{right:-106px;}
.duty-intro-slide .prev:hover,.duty-intro-slide .next:hover{color:#fff;border-color:var(--vi-subcolor);background:var(--vi-subcolor);}
.duty-intro-swiper{overflow:hidden;}
.duty-intro-swiper .item{position:relative;overflow:hidden;}
.duty-intro-swiper .pic{overflow:hidden;}
.duty-intro-swiper .pic img{display:block;width:100%;transition:all 1s;}
.duty-intro-swiper .text{position:absolute;bottom:0;left:0;padding:25px;width:100%;font-size:16px;line-height:1.5;color:#fff;overflow:hidden;transition:all 1s;}
.duty-intro-swiper .text p{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all 1s;}
.duty-intro-swiper .item:hover .pic img{transform:scale(1.1);}
.duty-intro-swiper .item:hover .text{height:100%;background:rgba(0,121,195,.9);}
.duty-intro-swiper .item:hover .text p{-webkit-line-clamp:8;}
.duty-box{padding:100px 20px;overflow:hidden;}
.duty-box1{background:#f6f7f7;}
.duty-box2{background:#fff;}
.duty-box-hd{display:flex;flex-wrap:wrap;justify-content:space-between;}
.duty-box-hd .text{width:66.125%;}
.duty-box-hd .text h2{font-size:30px;color:#000;}
.duty-box-hd .text p{margin-top:20px;font-size:16px;line-height:30px;color:#666;}
.duty-box-hd .datas{display:flex;width:32.25%;justify-content:space-between;}
.duty-box-hd .datas .item dt{display:inline-block;position:relative;padding-right:35px;}
.duty-box-hd .datas .item dt em{font:72px/60px "Montserrat";letter-spacing:-2px;color:var(--vi-subcolor);}
.duty-box-hd .datas .item dt sub{display:block;position:absolute;right:0;bottom:0;font-size:16px;color:#666;}
.duty-box-hd .datas .item dt:after{display:block;position:absolute;top:0;right:20px;font-weight:500;font-size:16px;content:"+";color:var(--vi-subcolor);} 
.duty-box-hd .datas .item dd{margin-top:10px;font-size:16px;color:#666;}
.duty-box-cont{margin-top:40px;}
@media(max-width:1600px){
.duty-intro-top .cont p{height:150px;}
}
@media(max-width:1440px){
.duty-intro-top .cont p{height:120px;}
}
@media(max-width:1366px){
.duty-intro-top .cont p{height:90px;}
}
@media(max-width:1024px){
.duty-intro,.duty-box{padding:40px 20px;}
.duty-intro-top{margin-bottom:30px;}
.duty-intro-top .text{position:static;padding:20px;width:100%;height:auto;background:#f6f6f6;}
.duty-intro-top .cont{color:#333;}
.duty-intro-top .cont h3{font-size:20px;}
.duty-intro-top .cont p{margin-top:10px;font-size:14px;line-height:25px;}
.duty-intro-top .datas{position:relative;left:unset;bottom:unset;right:unset;margin-top:30px;width:100%;}
.duty-intro-top .datas:before{background:#000;}
.duty-intro-top .datas .item dt em{font-size:36px;line-height:1;}
.duty-intro-top .datas .item dt sub{font-size:14px;color:#666;}
.duty-intro-top .datas .item dd{margin-top:5px;font-size:14px;color:#666;}
.duty-intro-swiper .text{padding:10px;font-size:14px;overflow:auto;}
.duty-intro-swiper .text p{-webkit-line-clamp:1;}
.duty-intro-swiper .item:hover .text p{-webkit-line-clamp:unset;}
.duty-box-hd .text{width:100%;}
.duty-box-hd .text h2{font-size:20px;}
.duty-box-hd .text p{margin-top:10px;font-size:14px;line-height:25px;}
.duty-box-hd .datas{position:relative;margin-top:30px;width:100%;}
.duty-box-hd .datas:before{display:block;position:absolute;top:0;left:50%;width:1px;height:100%;content:"";background:#000;opacity:.1;}
.duty-box-hd .datas .item{width:calc(50% - 20px);}
.duty-box-hd .datas .item dt em{font-size:36px;line-height:1;}
.duty-box-hd .datas .item dt sub{font-size:14px;color:#666;}
.duty-box-hd .datas .item dd{margin-top:5px;font-size:14px;color:#666;}
.duty-box2 .duty-box-hd .datas{flex-direction:row-reverse;}
}
/*--end duty--*/

/*--honor--*/
.honor{padding:100px 20px;overflow:hidden;}
.honor-cont{margin-top:40px;}
.honor-list{display:flex;flex-wrap:wrap;margin:-15px;}
.honor-list .item{margin:15px;padding:50px 25px;width:calc(25% - 30px);text-align:center;overflow:hidden;box-shadow:0 0 10px rgba(0,0,0,0.1);transition:all .85s;}
.honor-list .item .pic{overflow:hidden;}
.honor-list .item .pic img{display:block;width:100%;transition:all 1s;}
.honor-list .item .tit{margin-top:30px;font-size:16px;color:#333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.honor-list .item:hover{box-shadow:0 0 10px rgba(0,0,0,0.3);transform:translateY(-20px);}
.honor-list .item:hover .pic img{transform:scale(1.1);}
@media(max-width:1024px){
.honor{padding:40px 20px;}
.honor-cont{margin-top:25px;}
.honor-list{margin:-5px;}
.honor-list .item{margin:5px;padding:25px 10px;width:calc(50% - 10px);}
.honor-list .item .tit{margin-top:15px;font-size:14px;-webkit-line-clamp:2;}
}
/*--end honor--*/

/*--patent--*/
.patent{padding:100px 20px;overflow:hidden;}
.patent-cont{margin-top:40px;}
.patent-intro{margin:0 auto;width:83.33%;text-align:center;font-size:16px;line-height:30px;color:#666;}
.patent-tag{margin-top:40px;display:flex;flex-wrap:wrap;justify-content:space-between;}
.patent-tag .item{padding:2.5%;width:32%;overflow:hidden;background:#f6f4eb;}
.patent-tag .item h3{font-size:18px;color:var(--vi-color);}
.patent-tag .item p{margin-top:20px;font-size:16px;line-height:30px;color:#666;}
.patent-list-box{margin-top:80px;}
@media(max-width:1024px){
.patent{padding:40px 20px;}
.patent-cont{margin-top:25px;}
.patent-intro{width:100%;font-size:14px;line-height:25px;text-align:justify;}
.patent-tag{margin-top:25px;}
.patent-tag .item{margin-bottom:20px;padding:20px;width:100%;}
.patent-tag .item h3{font-size:16px;}
.patent-tag .item p{margin-top:10px;font-size:14px;line-height:25px;}
.patent-list-box{margin-top:30px;}
}
/*--end patent--*/

/*------------------------END Help------------------------*/



/*------------------------Contact------------------------*/

/*--contact--*/
.contact{padding:100px 20px;overflow:hidden;}
.contact-cont{margin-top:40px;overflow:hidden;}
.contact-infos{display:flex;flex-wrap:wrap;justify-content:space-between;}
.contact-infos .item{padding:0 20px;width:33.33%;text-align:center;}
.contact-infos .item i{display:block;position:relative;z-index:1;margin:0 auto;width:100px;line-height:100px;font-size:32px;color:#fff;background:var(--vi-color);border-radius:50%;}
.contact-infos .item i:after{display:block;position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;content:"";background:rgba(255,255,255,.1);opacity:1 !important;border-radius:50%;animation:zoomIn 2s linear infinite;}
.contact-infos .item h3{margin:25px 0 5px;font-size:24px;color:var(--vi-color);}
.contact-infos .item p{font-size:18px;line-height:30px;color:#666;}
.contact-map{position:relative;margin-top:90px;padding-bottom:43.25%;height:0;overflow:hidden;} 
.contact-map iframe{position:absolute;top:50%;left:50%;width:1600px;height:692px;overflow:hidden;transform:translate(-50%,-50%);}
@media(max-width:1024px){
.contact{padding:40px 20px;}
.contact-cont{margin-top:25px;}
.contact-infos .item{padding:20px 0;width:100%;}
.contact-infos .item i{width:80px;line-height:80px;font-size:30px;}
.contact-infos .item h3{font-size:20px;}
.contact-infos .item p{font-size:14px;line-height:25px;}
.contact-map{margin-top:20px;padding-bottom:60%;}
}
/*--end contact--*/

/*------------------------END Contact------------------------*/



/*------------------------News------------------------*/

/*--news--*/
.news{padding:100px 0;overflow:hidden;}
.news-cont{margin-top:40px;overflow:hidden;}
.news-list{display:flex;flex-wrap:wrap;margin:-20px;}
.news-list .item{display:block;margin:20px;width:calc(33.33% - 40px);background:#f5f5f5;transition:background 1s;}
.news-list .pic{overflow:hidden;}
.news-list .pic img{display:block;width:100%;transition:all 1s;}
.news-list .text{padding:40px;overflow:hidden;}
.news-list .text em{font-size:16px;color:#333;}
.news-list .text h3{margin-top:8px;height:50px;line-height:25px;font-weight:500;font-size:18px;color:#333;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.news-list .text p{margin-top:10px;height:75px;line-height:25px;font-size:14px;color:#666;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.news-list .text span{display:block;margin-top:32px;font-size:16px;color:var(--vi-color);}
.news-list .text span:after{display:inline-block;margin-left:15px;font-weight:bold;font-family:"iconfont";content:"\e609";}
.news-list .item:hover{background:var(--vi-color);}
.news-list .item:hover .pic img{transform:scale(1.1);}
.news-list .item:hover .text *{color:#fff;}
@media(max-width:1024px){
.news{padding:40px 20px;}
.news-cont{margin-top:25px;}
.news-list{margin:-10px;}
.news-list .item{margin:10px;width:calc(100% - 20px);}
.news-list .text{padding:20px;}
}
/*--end news--*/

/*--news-show--*/
.news-show{overflow:hidden;}
.article-meta{padding:80px 20px;height:355px;overflow:hidden;background:url(../images/News/show_bg.jpg) no-repeat center / cover;}
.article-meta .inner{margin:0 auto;max-width:960px;}
.article-meta .back{line-height:25px;}
.article-meta .back a{display:block;font-size:16px;color:#666;}
.article-meta .back a:before{display:inline-block;margin-right:10px;font-size:18px;font-family:"iconfont";font-weight:bold;content:"\e60f";color:var(--vi-color);}
.article-meta .back a:hover{color:var(--vi-color);}
.article-meta .tit{margin-top:25px;overflow:hidden;}
.article-meta .tit h1{height:100px;line-height:50px;font-weight:500;font-size:40px;color:#000;}
.article-meta .source{margin-top:10px;font-size:16px;color:#666;}
.article-meta .source span{display:inline-block;margin-right:20px;}
.article-cont{padding:70px 20px 120px;overflow:hidden;}
.article-cont .inner{margin:0 auto;max-width:960px;}
.article-cont #content{font-size:16px;line-height:2;color:#666;overflow:hidden;}
.article-cont #content img{display:block;width:100%;height:auto!important;}
.article-pager{margin-top:40px;font-size:16px;line-height:2;color:#666;overflow:hidden;}
.article-pager a{display:block;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.article-pager a:hover{color:var(--vi-color);}
@media(max-width:1024px){
.article-meta{padding:40px 20px;height:auto;}
.article-meta .tit h1{height:auto;line-height:1.5;font-size:24px;}
.article-cont{padding:40px 20px 60px;}
.article-pager{margin-top:20px;}
}
/*--end news-show--*/

/*------------------------END News------------------------*/


/*------------------------Brands------------------------*/

/*--bradns--*/
.brand-banner{position:relative;overflow:hidden;}
.brand-banner .item{position:relative;}
.brand-banner .item .pic{overflow:hidden;}
.brand-banner .item .pic img{display:block;width:100%;}
.brand-banner .item .text{position:absolute;left:0;bottom:0;padding:55px 0;width:100%;overflow:hidden;background:linear-gradient(transparent,rgba(0,0,0,0.7));}
.brand-banner .item .text .cont{margin:0 auto;width:83.33vw;max-width:1600px;color:#fff;}
.brand-banner .item .text .cont em{font-size:16px;}
.brand-banner .item .text .cont h3{margin-top:5px;line-height:40px;font-size:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.brand-banner .swiper-pager{position:absolute;z-index:99;left:50%;bottom:65px;width:83.33vw;max-width:1600px;text-align:right;transform:translateX(-50%);}
.brand-banner .swiper-pager span{margin-left:20px !important;margin-right:0 !important;width:10px;height:10px;cursor:pointer;opacity:.5;background:#fff;}
.brand-banner .swiper-pager span.swiper-pagination-bullet-active{opacity:1;}

.brands-group{position:relative;display:flex;height:100vh;background:#006cce;}
.brands-group .item{position:relative;z-index:1;flex:none;width:25%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;}
.brands-group .item-1{background:#6ac505;}
.brands-group .item-2{background:#ff7d0d;}
.brands-group .item-3{background:#ffda39;}
.brands-group .item-4{background:#006cce;}
.brands-group .item .cont{margin:0 auto;width:80%;text-align:center;overflow:hidden;}
.brands-group .item .cont .pic{margin:0 auto;width:230px;}
.brands-group .item .cont .pic img{display:block;filter:contrast(0) brightness(2);}
.brands-group .item .cont .summary{margin-top:25px;font-size:16px;line-height:30px;color:#fff;text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.brands-group .item .cont .more{margin-top:80px;margin-bottom:20px;text-align:center;}
.brands-group .item .cont .more a{display:inline-block;width:224px;line-height:58px;color:#fff;border:#fff solid 1px;border-radius:30px;transition:all .5s;}
.brands-group .item .cont .more a:hover{border-color:var(--vi-color);background:var(--vi-color);}

.brands-mall{padding:220px 0;height:100vh;overflow:hidden;background:url(../images/Brands/mall_bg.jpg) no-repeat center / cover;}
.brands-mall .wrap-title{text-align:left;}
.brands-mall .wrap-title *{color: #fff;}
.brands-mall .summary{margin-top:25px;max-width:640px;font-size:16px;line-height:30px;color: #fff;overflow:hidden;}
.brands-mall .list{margin-top:80px;display:flex;}
.brands-mall .list .item{display:block;margin-right:20px;padding:40px 10px;width:170px;height:170px;text-align:center;background:#fff;border-radius:10px;}
.brands-mall .list .item:last-child{margin-right:0;}
.brands-mall .list .item i{display:block;margin:0 auto;width:70px;}
.brands-mall .list .item span{display:block;line-height:30px;font-size:16px;color:#333;}
.brands-mall .list .item:hover{background:var(--vi-color);transition:all .5s;}
.brands-mall .list .item:hover i{filter:contrast(0) brightness(2);}
.brands-mall .list .item:hover span{color:#fff;}
@media(max-width:1024px){
.brand-banner .item .text .cont{padding:0 20px;width:100%;}
.brand-banner .item .text .cont em{font-size:14px;}
.brand-banner .item .text .cont h3{line-height:25px;font-size:16px;}
.brand-banner .swiper-pager{bottom:20px;text-align:center;}
.brand-banner .swiper-pager span{margin:0 5px !important;}

.brands-group{height:auto;}
.brands-group .item{padding:50px 10px;width:50px;background-size:20px 100% !important;}
.brands-group .item.cur{width:calc(100% - 150px);}
.brands-group .item .cont{padding-right:20px;width:100%;}
.brands-group .item .cont .pic{width:120px;}
.brands-group .item .cont .summary{margin-top:15px;font-size:14px;line-height:25px;}
.brands-group .item .cont .more{margin-top:40px;}
.brands-group .item .cont .more a{width:120px;line-height:45px;font-size:14px;}

.brands-mall{padding:40px 20px;height:auto;background-attachment:unset;}
.brands-mall .summary{font-size:14px;line-height:25px;}
.brands-mall .list{margin-top:40px;}
.brands-mall .list .item{margin-right:10px;padding:20px 10px;width:100px;height:100px;}
.brands-mall .list .item i{width:35px;}
.brands-mall .list .item span{font-size:14px;}
}
/*--end bradns--*/

/*--bradns-show--*/
.bradns-show{padding:100px 20px;overflow:hidden;}
.brands-intro{margin:0 auto;max-width:768px;text-align:center;}
.brands-intro .pic{margin:0 auto;width:280px;animation:fadeInUp 1s;}
.brands-intro .text{margin-top:30px;font-size:16px;line-height:30px;color:#666;overflow:hidden;animation:fadeInUp 2s;}
.brands-intro .text img {
    width: 100% !important;
    height: auto !important;
}
.brands-product{margin-top:120px;overflow:hidden;}
.brands-product-slide{position:relative;margin-top:40px;padding:0 106px;overflow:hidden;}
.brands-product-slide .prev,.brands-product-slide .next{position:absolute;top:50%;width:56px;line-height:52px;text-align:center;color:#c1cec9;cursor:pointer;border:#c1cec9 solid 2px;border-radius:50%;transform:translateY(-50%);}
.brands-product-slide .prev{left:0;}
.brands-product-slide .next{right:0;}
.brands-product-slide .prev:hover,.brands-product-slide .next:hover{color:#fff;border-color:var(--vi-subcolor);background:var(--vi-subcolor);}
.brands-product-swiper{overflow:hidden;}
.brands-product-swiper li{text-align:center;overflow:hidden;}
.brands-product-swiper li img{display:block;width:100%;transition:all 1s;}
.brands-product-swiper li h3{margin-top:25px;font-weight:400;font-size:18px;color:#333;}
.brands-product-swiper li:hover img{transform:scale(1.1);}
@media(max-width:1024px){
.bradns-show{padding:40px 20px;}
.brands-intro .pic{width:200px;}
.brands-intro .text{margin-top:20px;font-size:14px;line-height:25px;}


.brands-product{margin-top:40px;}
.brands-product-slide{margin-top:25px;padding:0;}
.brands-product-slide .prev,.brands-product-slide .next{display:none;}
.brands-product-swiper li h3{margin-top:15px;font-size:16px;}
}
/*--end bradns-show--*/

/*------------------------END Brands------------------------*/


/*------------------------Products------------------------*/

/*--products--*/
.products{padding:300px 20px 120px;overflow:hidden;background:url(../images/Products/products_bg.jpg) no-repeat center / cover;}
.products-cont{margin-top:40px;overflow:hidden;}
.products-slide{position:relative;padding:0 106px;overflow:hidden;}
.products-slide .prev,.products-slide .next{position:absolute;top:50%;width:56px;line-height:52px;text-align:center;color:#fff;cursor:pointer;border:#fff solid 2px;border-radius:50%;transform:translateY(calc(-50% - 25px));opacity:.7;}
.products-slide .prev{left:0;}
.products-slide .next{right:0;}
.products-slide .prev:hover,.products-slide .next:hover{opacity:1;}
.products-swiper{overflow:hidden;}
.products-swiper li{text-align:center;overflow:hidden;}
.products-swiper li i{display:block;overflow:hidden;}
.products-swiper li img{display:block;width:100%;transition:all 1s;}
.products-swiper li h3{margin-top:25px;font-weight:400;font-size:18px;color:#333;}
.products-swiper li:hover img{transform:scale(1.1);}
@media(max-width:1024px){
.products{padding:120px 20px 40px;background-position:center 0;}
.products-cont{margin-top:25px;}
.products-slide{padding:0;}
.products-slide .prev,.products-slide .next{display:none;}
.products-swiper li h3{margin-top:15px;font-size:16px;}
}
/*--end products--*/

/*--products-show--*/
.products-show{padding:100px 20px;overflow:hidden;}
.products-show-cont{margin-top:40px;overflow:hidden;}
.products-show-summary{margin:0 auto;max-width:760px;font-size:16px;line-height:30px;/* text-align:center; */color:#666;overflow:hidden;}
.products-show-slide{position:relative;margin-top:60px;padding:0 106px;overflow:hidden;}
.products-show-slide .prev,.products-show-slide .next{position:absolute;top:50%;width:56px;line-height:52px;text-align:center;color:#c1cec9;cursor:pointer;border:#c1cec9 solid 2px;border-radius:50%;transform:translateY(calc(-50% - 25px));opacity:.7;}
.products-show-slide .prev{left:0;}
.products-show-slide .next{right:0;}
.products-show-slide .prev:hover,.products-show-slide .next:hover{color:#fff;border-color:var(--vi-subcolor);background:var(--vi-subcolor);}
@media(max-width:1024px){
.products-show{padding:40px 20px;}
.products-show-cont{margin-top:25px;}
.products-show-summary{font-size:14px;line-height:25px;}
.products-show-slide{margin-top:30px;padding:0;}
.products-show-slide .prev,.products-show-slide .next{display:none;}
}
/*--end products-show--*/

/*------------------------END Products------------------------*/



/*------------------------Jobs------------------------*/

/*--jobs--*/
.jobs{padding:100px 20px;overflow:hidden;}
.jobs-cont{margin-top:40px;overflow:hidden;}
.jobs-hd{height:90px;line-height:90px;font-size:18px;color:#fff;overflow:hidden;background:#0079c3;}
.jobs-bd{margin-top:20px;}
.jobs-hd ul,.jobs-bd ul{display:flex;}
.jobs-hd li,.jobs-bd li{flex:none;}
.jobs-hd li[data-name],.jobs-bd li[data-name]{padding-left:50px;width:22%;}
.jobs-hd li[data-address],.jobs-bd li[data-address]{width:22%;}
.jobs-hd li[data-num],.jobs-bd li[data-num]{width:16%;}
.jobs-hd li[data-post],.jobs-bd li[data-post]{width:18%;}
.jobs-hd li[data-time],.jobs-bd li[data-time]{width:calc(100% - 78% - 90px);}
.jobs-bd li[data-action]{width:90px;text-align:center;cursor:pointer;border-left:#dde9f2 solid 1px;}
.jobs-bd .item{margin-bottom:20px;overflow:hidden;}
.jobs-bd .item:last-child{margin-bottom:0;}
.jobs-bd .item .hd{height:90px;line-height:90px;font-size:18px;color:#666;overflow:hidden;background:#f4f7f8;}
.jobs-bd .item .bd{display:none;padding:40px;line-height:1.75;overflow:hidden;}
.jobs-bd .item .bd dl{margin-bottom:40px;}
.jobs-bd .item .bd dt{font-size:18px;}
.jobs-bd .item .bd dd{font-size:16px;color:#666;overflow:hidden;}
.jobs-bd .item.cur .hd{color:#fff;background:var(--vi-subcolor);}
@media(max-width:1024px){
.jobs{padding:40px 20px;}
.jobs-cont{margin-top:25px;}
.jobs-hd,.jobs-bd .item .hd{height:50px;line-height:50px;font-size:16px;}
.jobs-hd li[data-name],.jobs-bd li[data-name]{padding-left:15px;width:30%;}
.jobs-hd li[data-address],.jobs-bd li[data-address]{width:25%;}
.jobs-hd li[data-num],.jobs-bd li[data-num]{display:none;width:16%;}
.jobs-hd li[data-post],.jobs-bd li[data-post]{display:none;width:18%;}
.jobs-hd li[data-time],.jobs-bd li[data-time]{width:calc(100% - 55% - 50px);}
.jobs-bd li[data-action]{width:50px;}
.jobs-bd .item{margin-bottom:10px;}
.jobs-bd .item .bd{padding:15px;}
.jobs-bd .item .bd dl{margin-bottom:20px;}
.jobs-bd .item .bd dt{font-size:16px;}
.jobs-bd .item .bd dd{font-size:14px;text-align:justify;}
}
/*--end jobs--*/

/*------------------------END Jobs------------------------*/



/*------------------------Join------------------------*/

/*--join-partner--*/
.join-partner{position:relative;margin-top:-50px;padding:150px 20px 100px;overflow:hidden;background:url(../images/Join/partner_bg.jpg) no-repeat center / cover;}
.join-partner-cont{margin-top:40px;overflow:hidden;}
.join-partner-slide{overflow:hidden;}
.join-partner-slide ul{display:flex;flex-wrap:wrap;margin:-8px;}
.join-partner-slide li{margin:8px;width:calc(100% / 7 - 16px);overflow:hidden;}
.join-partner-slide li img{display:block;width:100%;transition:all 1s;}
.join-partner-slide li:hover img{transform:scale(1.1);}
.join-partner-slide .swiper-pager{margin-top:40px;text-align:center;}
.join-partner-slide .swiper-pager span{margin:0 10px !important;width:10px;height:10px;background:#fff;opacity:.5;}
.join-partner-slide .swiper-pager span.swiper-pagination-bullet-active{opacity:1;}
@media(max-width:1024px){
.join-partner{margin-top:0;padding:40px 20px;}
.join-partner-slide ul{margin:-5px;}
.join-partner-slide li{margin:5px;width:calc(100% / 4 - 10px);}
.join-partner-slide .swiper-pager span{margin:0 5px !important;}
}
/*--end join-partner--*/

/*--join-intro--*/
.join-intro{padding:100px 20px;overflow:hidden;}
.join-intro .wrap-title{text-align:left;}
.join-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
.join-inner .text{width:37.5%;overflow:hidden;}
.join-inner .text .summary{margin-top:40px;font-size:16px;line-height:30px;color:#666;overflow:hidden;}
.join-inner .pic{width:50%;overflow:hidden;}
.join-inner .pic img{display:block;width:100%;transition:all 1s;}
.join-inner .pic:hover img{transform:scale(1.1);}
@media(max-width:1024px){
.join-intro{padding:40px 20px;}
.join-intro .wrap-title{text-align:center;}
.join-inner .text{width:100%;}
.join-inner .text .summary{margin-top:20px;font-size:14px;line-height:24px;}
.join-inner .pic{margin-top:30px;width:100%;}
}
/*--end join-intro--*/

/*--join-msgForm--*/
.join-msgForm{padding:100px 0;overflow:hidden;background:url(../images/Join/msgForm_bg.jpg) no-repeat center / cover;}
.join-msgForm-cont{margin-top:40px;overflow:hidden;}
.join-msgForm-cont .iptBox,.join-msgForm-cont .txtBox,.join-msgForm-cont .btnBox{margin:0 auto 10px;max-width:1010px;}
.join-msgForm-cont .iptBox ul{display:flex;flex-wrap:wrap;justify-content:space-between;}
.join-msgForm-cont .iptBox li{position:relative;width:calc(50% - 5px);}
.join-msgForm-cont .iptBox li:before{display:block;position:absolute;top:25px;left:20px;content:"*";color:#eb2c2c;}
.join-msgForm-cont .iptBox li input{display:block;padding:20px 32px;width:100%;height:64px;font-size:16px;background:#fff;border:#fff solid 1px;border-radius:5px;}
.join-msgForm-cont .iptBox li input::-webkit-input-placeholder{color:#999;}
.join-msgForm-cont .iptBox li[data-errow="true"] input{border-color:red;}
.join-msgForm-cont .txtBox li{position:relative;}
.join-msgForm-cont .txtBox li:before{display:block;position:absolute;top:25px;left:20px;content:"*";color:#eb2c2c;}
.join-msgForm-cont .txtBox li textarea{display:block;padding:20px 32px;width:100%;height:114px;font-size:16px;resize:none;background:#fff;border:#fff solid 1px;border-radius:5px;}
.join-msgForm-cont .txtBox li textarea::-webkit-input-placeholder{color:#999;}
.join-msgForm-cont .txtBox li[data-errow="true"] textarea{border-color:red;}
.join-msgForm-cont .btnBox{margin-top:30px;text-align:center;}
.join-msgForm-cont .btnBox .submit{display:block;margin:0 auto;width:308px;height:64px;line-height:64px;text-align:center;font-size:16px;color:#fff;cursor:pointer;background:var(--vi-subcolor);border-radius:5px;}
.join-msgForm-cont .btnBox .submit:hover{background:var(--vi-color);transition:all 1s;}
@media(max-width:1024px){
.join-msgForm{padding:40px 20px;}
.join-msgForm-cont{margin-top:25px;}
.join-msgForm-cont .iptBox,.join-msgForm-cont .txtBox,.join-msgForm-cont .btnBox{margin-bottom:0;}
.join-msgForm-cont .iptBox li{margin-bottom:10px;width:100%;}
.join-msgForm-cont .iptBox li:before{top:20px;}
.join-msgForm-cont .iptBox li input{padding:5px 32px;height:50px;}
.join-msgForm-cont .btnBox .submit{width:100%;height:50px;line-height:50px;}
}
/*--end join-msgForm--*/

/*------------------------END Join------------------------*/