@charset "utf-8";
@import url('swiper.css');
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.animate__animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-duration:var(--animate-duration);animation-duration:var(--animate-duration);-webkit-animation-fill-mode:both;animation-fill-mode:both}
.animate__animated.animate__infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animate__animated.animate__repeat-1{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-iteration-count:var(--animate-repeat);animation-iteration-count:var(--animate-repeat)}
.animate__animated.animate__repeat-2{-webkit-animation-iteration-count:2;animation-iteration-count:2;-webkit-animation-iteration-count:calc(var(--animate-repeat)*2);animation-iteration-count:calc(var(--animate-repeat)*2)}
.animate__animated.animate__repeat-3{-webkit-animation-iteration-count:3;animation-iteration-count:3;-webkit-animation-iteration-count:calc(var(--animate-repeat)*3);animation-iteration-count:calc(var(--animate-repeat)*3)}
.animate__animated.animate__delay-1s{-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-delay:var(--animate-delay);animation-delay:var(--animate-delay)}
.animate__animated.animate__delay-2s{-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-delay:calc(var(--animate-delay)*2);animation-delay:calc(var(--animate-delay)*2)}
.animate__animated.animate__delay-3s{-webkit-animation-delay:3s;animation-delay:3s;-webkit-animation-delay:calc(var(--animate-delay)*3);animation-delay:calc(var(--animate-delay)*3)}
.animate__animated.animate__delay-4s{-webkit-animation-delay:4s;animation-delay:4s;-webkit-animation-delay:calc(var(--animate-delay)*4);animation-delay:calc(var(--animate-delay)*4)}
.animate__animated.animate__delay-5s{-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-delay:calc(var(--animate-delay)*5);animation-delay:calc(var(--animate-delay)*5)}
.animate__animated.animate__faster{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-duration:calc(var(--animate-duration)/2);animation-duration:calc(var(--animate-duration)/2)}
.animate__animated.animate__fast{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-duration:calc(var(--animate-duration)*.8);animation-duration:calc(var(--animate-duration)*.8)}
.animate__animated.animate__slow{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-duration:calc(var(--animate-duration)*2);animation-duration:calc(var(--animate-duration)*2)}
.animate__animated.animate__slower{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-duration:calc(var(--animate-duration)*3);animation-duration:calc(var(--animate-duration)*3)}
@media (prefers-reduced-motion:reduce),print{
.animate__animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important}
.animate__animated[class*=Out]{opacity:0}}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}
.animate__fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}
.home-banner #banner-swiper{height:100%;min-height:370px}


/*banner*/
.banner{position: relative;}
.banner h1{color:#fff;width:80%;margin:0 auto;text-align:center;padding-top:8%;margin-bottom: 4%;}
.s-btn{margin:0 auto;position: absolute;z-index: 9;left: 35%;top: 30%}
.banner-btn{padding:6% 0 2%}
.s-btn a h3{padding:12px 12px;font-size:22px;background-color:#ff0000;color:#fff;border-radius:4px;background-image:url(../images/logo.png);background-repeat:no-repeat;text-align:center;padding-left:90px;background-position:8px 0px;display:inline-block;transition:.4s;background-size: 60px}
.s-btn a h3:hover{background-color:#fff;color:#ff0000;background-image:url(../images/logo.png);background-repeat:no-repeat;transition:.4s;}

.s-btn a span img{padding-right:12px;}
.btn-dian{position:absolute;bottom:0;margin-left: calc((100% - 1280px) / 2);}

@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1280px){
    
    .header-cen, .header-cen,#banner .banner,.footer-main,#main .main, .news{width:98%;margin:0 auto;}
    .btn-dian {margin-left: calc((100% - 98%) / 2);width: 98%;}
  
    
}

@media screen and (max-width:1200px){
  
    .s-btn a h3, .index-products .list h2{font-size:20px;}
    .followala-left h1, .analysis-right h1{font-size:24px;}


    .banner{background-size:cover;}
   
}

@media screen and (max-width:1120px){
 
  
}
@media screen and (max-width:1000px){



}
@media screen and (max-width:980px){
    .followala{background-size: cover;border-radius: 10px;}
}
@media screen and (max-width:973px){
    .header-right{width:61%;}
}
@media screen and (max-width:956px){
    .right-img{margin-right: 3%;}
}

@media screen and (max-width:900px){
    .followala .followala-litter{width:100%;}
    .news_list_one .img{
        height:auto;
    }
}
@media screen and (max-width:890px){

    .btn-dian {margin-left: calc((100% - 88%) / 2);width: 88%;}
}
@media screen and (max-width:800px){


}
  .banner img{max-width: 100%}
@media screen and (max-width:783px){
    .banner{margin-top:0;}
     .banner img{max-width: 100%}
    .banner h1{padding-top:10%;font-size:22px;}
    .s-btn a h3, .index-products .list h2{font-size:18px;}
    .s-btn a h3{background-position: 12px 9px;}
    .s-btn a{padding:5% 4%;}
  
    .btn-dian {margin-left: calc((100% - 72%) / 2);width: 72%;}
    .followala-title{height:338px;}
    .banner h1{font-size:18px;}
   
}
@media screen and (max-width:780px){

   
}

@media screen and (max-width:768px){

    .banner h1{margin-bottom: 1%;}
    .s-btn a h3{font-size:16px;}
 
  
    #banner h1{font-size:14px;}

    .banner-btn a img{width:100%;}
    
}




@media screen and (max-width:700px){
    .banner h1 {padding-top: 14%;}
    .s-btn{left: 15%}
}

@media screen and (max-width:657px){
    .s-btn a h3, .index-products .list h2{font-size:14px;}


    .banner h1 {font-size: 16px;}
    .btn-dian {margin-left: calc((100% - 62%) / 2);width: 62%;}
   
}

    
    
}

@media screen and (max-width:597px){



}

    
@media screen and (max-width:530px){

    .banner h1 { padding-top: 16%;}

}

@media screen and (max-width:506px){
    .followala-title {height: 384px;}
    
}
@media screen and (max-width:478px){


    .followala-left{width:44%;}
    .analysis-left{max-width:100%;margin-left:0%;}
    .analysis-right {width: 90%;}
    .header-right{margin-top:10px;}
    
}

@media screen and (max-width:425px){

    .s-btn a h3{font-size:12px;}

    .banner h1 {font-size: 14px;}
    .business ul li, .hezuo ul li, .social ul li{width:100%;}
}
@media screen and (max-width:414px){
    .followala-title{height:382px;}

   
}
@media screen and (max-width:400px){

    .banner h1 {padding-top: 19%;}
    .btn-dian {margin-left: calc((100% - 56%) / 2);width: 56%;}
 
}
@media screen and (max-width:380px){
    .banner h1 {padding-top: 21%;}
    .s-btn a h3{background-image:none;padding-left:12px;}
  x

}

@media screen and (max-width:347px){
 
    .banner h1 {padding-top: 26%;}


    
}



@media(max-width:768px){
.home-banner .slide-pc,.home-banner .slide-pc img{display:none!important}
.home-banner .slide-mb,.home-banner .slide-mb img{display:block!important}}
.home-service .service-wrap{max-width:1600px;margin:0px auto;display:flex;justify-content:space-between;flex-wrap:wrap;margin-top: 2%}
.home-service .service-wrap .service-item{width:25%;background:#20242d;color:#FFF;border-right:1px solid #4d5057;padding:60px 40px 50px;transition:all .2s linear;position:relative}
.home-service .service-wrap .service-item:nth-child(4){border-right:none}
.home-service .service-wrap .service-item:hover{background:var(--color)}
.home-service .service-wrap .service-item:hover .title::after{background:#FFF}
.home-service .service-wrap .service-item:hover .bg i{color:#FFF}
.home-service .service-wrap .service-item .title{font-size:18px;position:relative;padding-bottom:8px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.home-service .service-wrap .service-item .title::after{content:"";width:40px;height:3px;background:var(--color);position:absolute;left:0px;bottom:0px}
.home-service .service-wrap .service-item .text{padding-top:25px;font-size:16px;line-height:1.8;color:#EEE;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.home-service .service-wrap .service-item .icon{margin-top:20px}
.home-service .service-wrap .service-item .icon i{font-size:30px}
.home-service .service-wrap .service-item .bg{position:absolute;right:20px;bottom:20px}
.home-service .service-wrap .service-item .bg i{color:#494c54;font-size:60px}

.hovermaincolor{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top: 10px}
.hovermaincolor ul{display:flex;justify-content:space-between;flex-wrap:wrap}
.hovermaincolor ul li{margin-left: 10px;}



.home-service button{background:0 0;height:100%}
.home-service button i{font-size:24px;color:var(--color);font-weight:var(--fontbold6)}
.home-service button::after{display:none}

.dd .search-input{margin:0px auto;background:#EEE;display:flex;justify-content:space-between;align-items:center;height:40px;padding:0px 10px}
.dd .search-input input{background:0 0;flex:1;padding-left:10px}
.dd .search-input .search-btn{cursor:pointer;background:var(--color);color:#FFF;border-radius:4px;height:30px;line-height:30px;padding:0px 10px;transition:all .3s linear}
.dd .search-input .search-btn:hover{opacity:.9}
.dd.search-box-show{transform:translateY(0);opacity:1;z-index:1}

.clear{clear: both;}

.home-product .product-list{position:relative;padding:0px 80px;margin-bottom: 2%}
.home-product .product-list .home-button-next,.home-product .product-list .home-button-prev{top:30%}
.swiper-pagination{display:none}
.home-product .swiper2::after{content:"";position:absolute;bottom:0px;left:0px;width:100%;height:0px;background:var(--color);transition:all .2s linear}
.home-product .product-list .swiper2{width: 31%;margin-left: 1%;margin-right: 1%;float: left;}
.home-product .swiper2 .img{width:100%;border:1px solid #DFDFDF}
.home-product .swiper2 .img a{display:block;width:100%;height:100%;overflow:hidden;position:relative}
.home-product .swiper2 .img a img{width:100%;height:100%;}
.home-product .swiper2 .info{width:100%;position:relative;height: 65px;align-content:center;display: grid;}
.home-product .swiper2 .info .title{font-size:18px;color:var(--fontcolor);text-transform:capitalize}
.home-product .swiper2 .info .text{font-size:14px;color:#555}
.home-product .swiper2 .info i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color);font-size:20px}
.home-button-next,.home-button-prev{position:absolute;left:0px;top:40%;background:0 0;width:40px;height:40px;border:1px solid #DFDFDF;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear;cursor:pointer}
.home-button-next:hover,.home-button-prev:hover{background:var(--color);border-color:var(--color)}
.home-button-next:hover i,.home-button-prev:hover i{color:#FFF}
.home-button-next i,.home-button-prev i{color:#000}
.home-button-next{left:auto;right:0px}
.home-application{background:#F9F9F9}
.home-application .applist{padding:0px 80px;position:relative}
.home-application .applist .item{background:#FFF;width:100%;transition:all .1s linear;cursor:pointer;color:var(--fontcolor)}
.home-application .applist .item:hover{background:var(--color);color:#FFF;transform:scale(1.01)}
.home-application .applist .item:hover .title::after{background:#FFF}
.home-application .applist .item .info{padding:30px 20px}
.home-application .applist .item .icon{line-height:1}
.home-application .applist .item .icon i{font-size:44px}
.home-application .applist .item .title{font-size:18px;padding:10px 0px;position:relative}
.home-application .applist .item .title::after{content:"";position:absolute;bottom:0px;left:0px;width:40px;height:3px;background:var(--color)}
.home-application .applist .item .pic img{width:100%;height:auto}
.home-video .videowrap{position:relative;padding:0px 80px;display:flex;justify-content:space-between;flex-wrap:wrap}
.home-video .videowrap .videoitem{background:#F8F8F8;transition:all .2s linear;margin-bottom:20px;width:23%}
.home-video .videowrap .videoitem:hover{background:var(--color);color:#FFF}
.home-video .videowrap .videoitem:hover i{color:var(--color)}
.home-video .videowrap .videoinner{position:relative;width:100%}
.home-video .videowrap .videoinner img{width:100%;height:100%;}
.home-video .videowrap .videoinner iframe,.home-video .videowrap .videoinner video{width:100%;height:100%}
.home-video .videowrap .videoinner i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#FFF;font-size:40px;cursor:pointer}
.home-video .videowrap .title{height:60px;line-height:20px;padding:0px 10px;display:flex;align-items:center;justify-content:center;text-align:center}
.home-honor{background:url(https://css02.v15cdn.com/m421/honor-bg.webp) no-repeat center;background-size:cover}
.home-honor .honorwrap{position:relative;padding:0px 80px}
.home-honor .honorwrap .item{width:100%;overflow:hidden;transition:all .2s linear}
.home-honor .honorwrap .item:hover{transform:scale(1.05)}
.home-honor .honorwrap .item img{width:100%;height:100%}
.home-news .homenews-wrap{margin-top:3%;display:flex;justify-content:space-between;align-items:flex-start}
.home-news .homenews-img{width:40%}
.home-news .homenews-img img{width:100%;}
.home-news .homenews-img img:hover{}
.homenews-list{flex:1;padding-left:30px;list-style:none}
.homenews-list li{position:relative;padding-bottom:20px;margin-bottom:20px;padding-left:35px;border-bottom:2px solid #eaeaea}
.homenews-list li.act .icon{}
.homenews-list li.act .name{color:var(--color)}
.homenews-list li .info{display:none}
.homenews-list li .icon{cursor:pointer;display:flex;align-items:center;justify-content: space-between}
.homenews-list li .icon2{}

.homenews-list li .name{font-size:22px;font-weight:var(--fontbold6);line-height:1.2}
.homenews-list li .date{color:#717171;display:flex;align-items:center;font-size:14px;padding:4px 0}
.homenews-list li .date em{margin-right:10px}
.homenews-list li .text{color:#666;line-height: 2;padding-top: 1%}
.homenews-list li .home-more{min-width:125px;height:40px;margin-top:1em}
.home-about .l-wrap{padding:0px 80px}
.home-static .list{padding:0px 50px}
.home-static{position:relative;z-index:1}
.home-static::before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.1);z-index:-1}
@media(max-width:1366px){
.home-news .newswrap{padding:0px}}
@media(max-width:1024px){
.home-banner #banner-swiper{min-height:inherit}
.home-service .service-wrap .service-item{width:50%}
.home-about .l-wrap{padding:0px}
.home-video .videowrap{padding:0px}
.home-static .list{padding:0px}
.home-video .videowrap .videoitem{width:48%}
.home-news .newswrap .item{width:48%;margin-bottom:20px;margin-right:4%}
.home-news .newswrap .item:nth-child(2n){margin-right:0px}}
@media(max-width:768px){
    .home-product .product-list .swiper2{width: 100%;float: none;margin: 0px;margin-bottom: 10px}
.home-news .homenews-img{display:none}
.homenews-list{padding-left:0}
.homenews-list li{padding-left:0}
.homenews-list li .icon{display:none}
.homenews-list li .info{height:auto!important;display:block!important}
.homenews-list li .name{font-size:18px}
.home-banner .swiper-button-next{right:10px;width:30px;height:30px;display:none}
.home-banner .swiper-button-prev{left:10px;width:30px;height:30px;display:none}
.home-about .about-info .home-title{text-align:center}
.home-about .about-info .home-title-line{margin:0px auto}
.head-info{padding:0px 15px}
.home-application .applist,.home-honor .honorwrap,.home-product .product-list{padding:0px}
.home-application .applist .swiper,.home-honor .honorwrap .swiper,.home-product .product-list .swiper{padding-bottom:40px}
.home-button-next,.home-button-prev{width:35px;height:35px;background:#FFF;display:none}
.home-service .service-wrap .service-item{width:100%;padding:20px 15px 10px;border-bottom:1px solid #333;border-right:none}
.home-service .service-wrap .service-item .text{padding-top:15px;font-size:14px}
.home-service .service-wrap .service-item .icon{margin-top:10px}
.home-service .service-wrap .service-item .bg{bottom:10px}
.home-service .service-wrap .service-item .bg i{font-size:40px}
.home-product .swiper2 .info{padding:0px 30px 15px 10px;margin-top:15px}
.home-application .applist .item .info{padding:15px}
.home-application .applist .item .info .title{font-size:16px;font-weight:var(--fontbold5)}
.home-application .applist .item .info i{font-size:5.86667vw}
.home-news .newswrap .item .news-info .title{font-size:16px;font-weight:normal}
.home-news .newswrap .item .news-info .text{line-height:20px;display:none}
.swiper-pagination{display:block;bottom:0!important}
.swiper-pagination .swiper-pagination-bullet-active{background:var(--color)}
.home-video .videowrap .videoitem{width:100%}
.home-product .swiper2 .info .title{text-align:center;display:block}
.home-product .swiper2 .info .text{display:none}}
.banner-animote{position:absolute;top:36%;left:7%;z-index:1;padding:20px;border-radius:10px;transform:translateY(20px);opacity:0;text-transform:uppercase;font-weight:700}
.swiper-slide-active .banner-animote{animation:bannerup 1s forwards}
.banner-animote .title{font-size:42px;color:#232323}
.banner-animote .text{margin-top:10px;max-width:680px;color:#333}
@media(max-width:768px){.banner-animote{top:20%;padding:0px 15px;left:0px;width:100%}
.banner-animote .title{font-size:18px}
.banner-animote .text{font-size:14px;margin-top:5px;font-weight:normal;text-transform:capitalize}
.banner-animote .btn{display:none}}
@keyframes bannerup{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}