@charset "utf-8";
@import url("aos.css");
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative;display:flex}
/*.home-banner .swiper-slide>a::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(21,21,21,.6)}*/
.home-banner .swiper-slide img{width:100%;height:100%;object-fit:cover}
.home-banner .pcimg{display:block}
.home-banner .mobimg{display:none}
.home-banner .banner-animote{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1400px;color:#FFFFFF;padding:0px 70px;opacity:0;text-align:center}
.home-banner .banner-animote .p1{font-size:50px;font-weight:var(--fontbold6);max-width:700px;margin:0px auto 30px}
.home-banner .banner-animote .p2{display:flex;justify-content:center;margin-top:50px}
.home-banner .banner-animote .p2 a{margin-right:20px;min-width:160px;height:48px;font-size:var(--fontsize14);background:var(--color);border-radius:30px;color:#FFFFFF;font-weight:var(--fontbold6);text-transform:capitalize;display:flex;align-items:center;justify-content:center;transition:all .1s linear}
.home-banner .banner-animote .p2 a:nth-child(2){background:#FFFFFF;color:var(--fontcolor)}
.home-banner .banner-animote .p2 a:hover{opacity:.9}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
.home-banner .swiper-pagination{bottom:20px!important;max-width:1400px;padding:0px 70px;left:50%!important;transform:translateX(-50%)}
.home-banner .swiper-pagination-bullet{width:20px;height:8px;background:rgba(28,206,126,0);border:2px solid var(--color);border-radius:5px;transition:all .1s linear;position:relative;overflow:hidden}
.home-banner .swiper-pagination-bullet-active{width:35px;height:10px;border-width:1px}
.home-banner .swiper-pagination-bullet-active::after{content:'';position:absolute;left:0px;top:0px;width:0px;height:100%;background:var(--color)}
.home-banner .swiper-pagination-bullet-active.cur::after{animation:paginationwidth 6s linear forwards}
@keyframes paginationwidth{0%{width:0px}100%{width:100%}}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:0 0;border:2px solid rgba(231,231,231,.5);color:#FFFFFF;z-index:9;cursor:pointer;transition:all .15s linear;border-radius:50%}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:rgba(255,255,255,.6);color:var(--fontcolor)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.home-banner .bannerswiper-prev{left:70px}
.home-banner .bannerswiper-next{right:70px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0px}}
@keyframes bannerimg{0%{transform:scale(1)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
.home-case,.home-indexadv,.home-news,.home-solution{padding:4% 0;position:relative}
.home-indexadv{background:no-repeat center;background-size:cover}
.home-indexadv .l-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.home-indexadv .indexadv-left{width:45%}
.home-indexadv .indexadv-left .indexadv-left-text p{margin-bottom:10px}
.home-indexadv .indexadv-left .home-title{text-align:left;margin-bottom:20px}
.home-indexadv .indexadv-left .indexadv-video{display:flex;flex-wrap:wrap;align-items:center;margin-top:2em}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap{width:228px;height:100px;background:#F7F7F7;position:relative}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#F7F7F7;border-radius:50%;color:var(--color);display:inline-flex;align-items:center;justify-content:center;font-size:var(--fontsize22);cursor:pointer}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap iframe,.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap video{width:100%;height:100%;object-fit:cover}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content{flex:1;padding-left:20px}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content span{font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.home-indexadv .indexadv-left .home-more{margin-top:2em}
.home-indexadv .indexadv-right{flex:1;padding-left:30px}
.home-indexadv .indexadv-right ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;padding:0px}
.home-indexadv .indexadv-right ul li{width:48%;box-shadow:0px 3px 20px 0px #DEDEDE;border-radius:var(--borderradius);background:#FFFFFF;padding:30px 20px;transition:all .2s linear}
.home-indexadv .indexadv-right ul li:nth-child(1),.home-indexadv .indexadv-right ul li:nth-child(2){margin-bottom:2em}
.home-indexadv .indexadv-right ul li .icon{width:70px;height:70px;background:var(--bgcolor);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.home-indexadv .indexadv-right ul li .icon::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.01);background:#f3f8f6;z-index:-1;width:100%;height:100%;transition:all .3s linear;border-radius:50%}
.home-indexadv .indexadv-right ul li .icon em{font-size:var(--fontsize32);background-image:var(--bgcolor);-webkit-background-clip:text;color:transparent;transition:all .3s linear}
.home-indexadv .indexadv-right ul li span{font-size:var(--fontsize22);font-weight:var(--fontbold6);display:inline-block;padding:15px 0px 10px;text-transform:capitalize}
.home-indexadv .indexadv-right ul li p{color:var(--introcolor)}
.home-indexadv .indexadv-right ul li:hover .icon::after{transform:translate(-50%,-50%) scale(0)}
.home-indexadv .indexadv-right ul li:hover .icon em{color:#FFFFFF}
.indexadv-video-fixed{position:fixed;left:0px;top:0px;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:999;display:none}
.indexadv-video-fixed>iframe,.indexadv-video-fixed>lite-youtube,.indexadv-video-fixed>video{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:90%;max-height:90%}
.indexadv-video-fixed .indexadv-video-colse{position:absolute;top:38px;right:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear}
@keyframes loading{0%{transform:rotate(0)}
100%{transform:rotate(180deg)}}
.home-solution{background-color:#171717;background-size:cover;overflow:hidden;padding-bottom:10%}
.home-solution .loading{position:absolute;right:40px;top:-12%;border-radius:50%;animation:loading 10s linear infinite}
.home-solution .home-title{color:#FFFFFF;position:relative;z-index:2}
.home-solution .homesolution-wrap{margin-top:2%;position:relative}
.home-solution .mySwiper2 .swiper-slide{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.home-solution .mySwiper2 .swiper-slide img{width:45%;border-radius:var(--borderradius)}
.home-solution .mySwiper2 .swiper-slide .content{flex:1;color:#FFFFFF;padding-left:50px;padding-top:20px}
.home-solution .mySwiper2 .swiper-slide .content .title{font-size:var(--fontsize30);font-weight:var(--fontbold6);margin-bottom:20px}
.home-solution .mySwiper2 .swiper-slide .content .text{font-size:var(--fontsize16);opacity:.8;margin-bottom:2em}
.home-solution .mySwiper2 .swiper-slide .content .more{min-width:160px;height:48px;font-size:var(--fontsize14);border:1px solid #FFFCFC;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;padding:0px 20px;vertical-align:middle;transform:perspective(1px) translateZ(0);box-shadow:0 0 1px transparent;position:relative;transition-property:color;transition-duration:.5s;cursor:pointer}
.home-solution .mySwiper2 .swiper-slide .content .more::before{content:"";position:absolute;z-index:-1;top:0px;left:0px;right:0px;bottom:0px;background:#FFFFFF;transform:scaleX(0);transform-origin:0 50%;transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;border-radius:3px}
.home-solution .mySwiper2 .swiper-slide .content .more:hover{color:var(--fontcolor)}
.home-solution .mySwiper2 .swiper-slide .content .more:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66)}
.home-solution .mySwiper{position:absolute;left:48%;bottom:20px;padding:0px 30px;width:45%}
.home-solution .mySwiper .swiper-slide{display:flex;align-items:center;justify-content:center}
.home-solution .mySwiper .swiper-slide.swiper-slide-thumb-active .icon{box-sizing:border-box;padding:5px;border-radius:50%;background-image:var(--bgcolor)}
.home-solution .mySwiper .swiper-slide .icon{border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center;width:110px;height:110px;padding:4px;position:relative;z-index:1;cursor:pointer}
.home-solution .mySwiper .swiper-slide .icon::after{content:"";width:95%;height:95%;background:#000000;position:absolute;border-radius:50%;z-index:-1;left:50%;top:50%;transform:translate(-50%,-50%)}
.home-solution .mySwiper .swiper-slide .icon img{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:all .1s linear}
.homepro-recommend-item .home-solution .mySwiper .swiper-slide .icon:hover img{transform:scale(1.02)}
.home-solution .mySwiper .swiper-slide.swiper-slide-thumb-active .icon img{animation:float 5s linear infinite}
@keyframes float{0%{transform:scale(1)}
25%{transform:scale(1.05)}
50%{transform:scale(1)}
75%{transform:scale(.95)}
100%{transform:scale(1)}}
.home-solution .mySwiper-button-next,.home-solution .mySwiper-button-prev{position:absolute;cursor:pointer;left:0px;top:50%;transform:translateY(-50%);z-index:1}
.home-solution .mySwiper-button-next.swiper-button-disabled em,.home-solution .mySwiper-button-prev.swiper-button-disabled em{color:var(--introcolor)}
.home-solution .mySwiper-button-next em,.home-solution .mySwiper-button-prev em{color:#FFFFFF;font-weight:var(--fontbold3);font-size:var(--fontsize30)}
.home-solution .mySwiper-button-next{left:auto;right:0px}
.home-callus{position:relative;z-index:1}
.home-callus .l-wrap{margin-top:-90px}
.home-callus .homecallus-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;background:#FFFFFF;border-radius:var(--borderradius);overflow:hidden;height:160px;width:100%;box-shadow:0px 3px 20px 0px rgba(233,233,233,.60)}
.home-callus .homecallus-wrap .homecallus-img{width:35%;height:100%}
.home-callus .homecallus-wrap .homecallus-img img{width:100%;height:100%;object-fit:cover}
.home-callus .homecallus-wrap .homecallus-info{flex:1;padding:0 8%}
.home-callus .homecallus-wrap .homecallus-info .homecallus-top{font-size:var(--fontsize32);font-weight:var(--fontbold6);line-height:1.2;margin-bottom:15px}
.home-callus .homecallus-wrap .homecallus-info .homecallus-top .homecallus-tel{color:var(--color);margin-left:20px}
.home-product{padding-top:4%;background: #f5f5f5;margin-top: 2%}
.homepro-recommend-list{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:2%}
.homepro-recommend-item{width:49%;margin-bottom:2em;padding:20px;display:flex;align-items:center;justify-content:space-between;position:relative;background:#FFFFFF;box-shadow:0px 3px 20px 0px #DEDEDE;border-radius:var(--borderradius)}
.homepro-recommend-item:nth-last-child(-n+2){margin-bottom:0px}
.homepro-recommend-item:hover img{transform:translateY(-5px)}
.homepro-recommend-item:hover .name{color:var(--color)}
.homepro-recommend-item .img{width:40%;display:flex;align-items:center;justify-content:center}
.homepro-recommend-item .img a{overflow:inherit}
.homepro-recommend-item .img img{width:100%;border-radius:var(--borderradius);transition:all .2s linear}
.homepro-recommend-item .img .icon-videoplay{margin-bottom:10px;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:1;background:rgba(0,0,0,.5);color:#FFFFFF;font-size:var(--fontsize18);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.homepro-recommend-item .info{flex:1;padding-left:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.homepro-recommend-item .info .name{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.4;position:relative;padding-bottom:10px;margin-bottom:10px}
.homepro-recommend-item .info .name::after{content:"";position:absolute;bottom:0px;left:0px;width:59px;height:3px;background:var(--color)}
.homepro-recommend-item .info .text{margin-bottom:1em;color:var(--introcolor)}
.homepro-recommend-item .info .home-more{min-width:140px;height:45px}

.home-product .list{margin-top:3em;display:flex;flex-wrap:wrap}
.home-product .list li{width:24%;margin-right:1.3%;background:#FFFFFF;box-shadow:0px 10px 30px 0 rgba(0,0,0,.07);border-radius:4px;padding:20px;margin-bottom:2em;transition:all .15s linear;position:relative;z-index:1;overflow:hidden}
.home-product .list li::after{content:"";position:absolute;left:0px;top:0px;width:100%;height:100%;background:var(--bgcolor);z-index:-1;opacity:0;transform:translateY(-30px);transition:all .15s linear}
.home-product .list li:nth-child(4n){margin-right:0px}
.home-product .list li .img{border-radius:4px}

.home-product .list li .img{
    border-radius:4px;
    width:100%;
    height:0;
    padding-bottom:75%; /* 容器比例 4:3，可以自行修改 */
    overflow:hidden;
    position:relative;
    background: #fff; /* 图片留白区域底色，可删掉或改色 */
}
.home-product .list li .img img{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    object-fit:contain; /* 完整显示图片，不裁切 */
    object-position:center;
}

.home-product .list li .img .pro-meta{display:none}
.home-product .list li .info{padding-top:20px}
.home-product .list li .info .title{font-size:var(--fontsize18);color:var(--titlecolor);font-weight:var(--fontbold5);line-height:1.6;margin-bottom:6px}
.home-product .list li .info .text{color:var(--introcolor);line-height:1.6}
.home-product .list li .info .more{width:30px;height:30px;background:var(--bgcolor);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;margin-top:10px}
.home-product .list li .info .more em{color:#FFFFFF}
.home-product .list li:hover::after{transform:translateX(0);opacity:1}
.home-product .list li:hover .info .title{color:#FFFFFF}
.home-product .list li:hover .info .text{color:#FFFFFF}
.home-product .list li:hover .info .more{background:#FFFFFF}
.home-product .list li:hover .info .more em{background:var(--bgcolor);color:transparent;-webkit-background-clip:text;background-clip:text}



.home-cate{background-color:#f5f5f5;padding: 2% 0px}
.home-cate .box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:40px}
.home-cate .img{overflow:hidden;position: relative;}
.home-cate .img img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}



.home-cate .img::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(21,21,21,.6)
}


.home-cate .left{width:49%;position:relative}
.home-cate .left .info{bottom:12%;left:8%}
.home-cate .left .info .list{max-width:360px;display:flex;flex-wrap:wrap}
.home-cate .left .info .list li{width:48%}
.home-cate .left .info .tit{font-size:48px}
.home-cate .left:hover img{transform:scale(1.03)}
.home-cate .right{width:49%;position:relative}
.home-cate .top{position:relative}
.home-cate .top:hover img{transform:scale(1.03)}
.home-cate .bottom{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:3.3%}
.home-cate .bottom .item{width:48%;position:relative}
.home-cate .bottom .item:hover img{transform:scale(1.03)}
.home-cate .bottom .info .list{min-height:210px}
.home-cate .info{position:absolute;left:36px;color:#fff;z-index:2;bottom:8%}
.home-cate .info .tit{font-size:var(--fontsize36);font-weight:var(--fontbold6)}
.home-cate .info .line{display:block;width:70px;height:6px;background-color:#fff;margin:15px 0 30px}
.home-cate .info .list li{margin-bottom:4px;transition:all .2s linear}
.home-cate .info .list li a{display:flex;align-items:center}
.home-cate .info .list li a em{margin-right:10px}
.home-cate .info .list li:hover{transform:translateX(5px)}


.home-case .homecase-wrap{margin-top:2%;padding-bottom:20px;overflow:hidden;position:relative}
.home-case .homecase-wrap .swiper-slide{transform:scale(.8);transition:all .1s linear}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active{transform:scale(1)}
.home-case .homecase-wrap .swiper-slide.swiper-slide-active .item .content{display:block}
.home-case .homecase-wrap .swiper-slide .img img{width:100%;height:100%;object-fit:cover;border-radius:var(--borderradius)}
.home-case .homecase-wrap .swiper-slide .item{position:relative;margin:-50px auto 0;width:90%;background:#FFFFFF;box-shadow:0 3px 20px 4px rgba(233,233,233,.79);border-radius:var(--borderradius);z-index:1;padding:20px 20px;text-align:center}
.home-case .homecase-wrap .swiper-slide .item .title{font-size:var(--fontsize18);font-weight:var(--fontbold6);line-height:1.2;margin-bottom:10px}
.home-case .homecase-wrap .swiper-slide .item .content{margin-bottom:10px;display:none;color:var(--introcolor)}
.home-case .homecase-wrap .swiper-slide .item .more{color:var(--color);font-weight:var(--fontbold6)}
.home-case .homecase-wrap .swiper-slide .item .more:hover{text-decoration:underline}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{width:38px;height:38px;border:1px solid var(--color);color:var(--color);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;bottom:30px;left:28%;z-index:2;transition:all .2s linear}
.home-case .homecase-wrap .homecase-button-next:hover,.home-case .homecase-wrap .homecase-button-prev:hover{background:var(--color);color:#FFFFFF}
.home-case .homecase-wrap .homecase-button-next{left:auto;right:28%}

.home-about{padding:4% 0;background:no-repeat top;background-size:cover;background-image:url(../images/homeaboutbg.png)}
.home-about .about-label{font-weight:var(--fontbold6);font-size:var(--fontsize18);color:var(--color);text-transform:uppercase;margin-bottom:10px}
.home-about .about-con{width:46%}
.home-about .about-con .home-label{text-align:left}
.home-about .about-con .home-label:after{display:none}
.home-about .about-con .home-title{text-align:left}
.home-about .about-con .about-des{color:#656567;margin-top:20px}
.home-about .about-con .more-btn{border-radius:0px;padding:10px 18px;border-bottom:1px solid var(--color);margin-top:40px;margin-right:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--color);transition: all 0.2s linear;}
.home-about .about-con .more-btn:hover{background-color: var(--color);color: #fff;border-radius: 5px;}
.home-about .about-con .more-btn em{margin-left:6px;transition: all 0.2s linear;}
.home-about .about-con .more-btn.btn1{background:var(--color);color:#fff;padding:10px 20px;min-width:180px;border-radius:5px}
.home-about .about-con .more-btn.btn1:hover em{transform: translateX(4px);}
.home-about .about-con .more-btn:hover{border-color:var(--color)}
.home-about .about-img{width:50%;position:relative;z-index:1}
.home-about .about-img img{border-radius:10px}
.home-about .about-img .lazy-wrap::after{padding-bottom:0}

.home-choose{padding:4% 0}
.home-choose .chooselist{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-choose .chooselist li{width:32%;background:#fff;box-shadow:0 2px 32px 11px rgba(237,240,254,.73);border-radius:10px;padding:50px 30px;transition:all .1s linear;margin-top:40px;min-height:350px;display:flex;flex-direction:column;justify-content:space-between}
.home-choose .chooselist li:hover{transform:scale(.98)}
.home-choose .chooselist li:hover .more{color:var(--color)}
.home-choose .chooselist li .icon{display:flex;justify-content:space-between;align-items:center}
.home-choose .chooselist li .icon span{font-family:Mulish;font-weight:var(--fontbold6);font-size:50px;color:#eaf1fb}
.home-choose .chooselist li .icon em{font-size:60px;line-height:1.2;color:var(--color)}
.home-choose .chooselist li .p1{font-weight:var(--fontbold7);font-size:var(--fontsize24);color:#00204a;line-height:1.6}
.home-choose .chooselist li .p2{color:#656567;margin-top:10px;margin-bottom:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:var(--fontsize15);height:50px}
.home-choose .chooselist li .more{color:#656567;font-weight:var(--fontbold7)}




/* 外层容器 */
.timeline-wrap {
 
  margin: 0 auto;
  position: relative;margin-top: 2%;
}
/* PC端中间黄色竖线 */
@media (min-width: 768px) {
  .timeline-wrap::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: #ffbc2c;
    transform: translateX(-50%);
    z-index: 1;
  }
}

/* 每一条图片单元（模板循环输出这个div） */
.timeline-item {
  position: relative;
  margin-bottom: 40px;
  display: flex;
}
/* 黄色圆点 */
.timeline-item::before {
  content: "";
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #ffbc2c;
  z-index: 2;
}

/* ========== PC ≥768px 左右交替布局 ========== */
@media (min-width: 768px) {
  /* 奇数：靠左 */
  .timeline-item:nth-child(odd) {
    justify-content: flex-start;
  }
  /* 偶数：靠右 */
  .timeline-item:nth-child(even) {
    justify-content: flex-end;
  }
  .timeline-item .timeline-img-box {
    width: 46%;
  }
  /* 奇数圆点贴中线右侧 */
  .timeline-item:nth-child(odd)::before {
    top: 18px;
    right: calc(50% - 7px);
  }
  /* 偶数圆点贴中线左侧 */
  .timeline-item:nth-child(even)::before {
    top: 18px;
    left: calc(50% - 7px);
  }
}

/* ========== 移动端 <768px 单列布局 ========== */
@media (max-width: 767px) {
  .timeline-item {
    flex-direction: column;
  }
  .timeline-item .timeline-img-box {
    width: 100%;
  }
  /* 移动端隐藏圆点和竖线 */
  .timeline-item::before,
  .timeline-wrap::before {
    display: none;
  }
}

/* 图片容器 */
.timeline-img-box {
  overflow: hidden;
  border-radius: 6px;
  background: #fff;
}
.timeline-img-box img {
  width: 100%;
  height: auto;
  display: block;
}




@media (max-width:900px){.home-about{padding:0}
.home-about .l-wrap{flex-direction:column;padding-bottom:20px}
.home-about .about-con{width:100%;padding:5% 0}
.home-about .about-con .more-btn{margin-top:30px}
.home-about .about-img{width:100%}}

.home-news .homenews-wrap{margin-top:2%;display:flex;justify-content:space-between;align-items:flex-start}
.home-news .homenews-img{width:40%}
.home-news .homenews-img img{width:100%;border-radius:var(--borderradius);transition:all .1s linear}
.home-news .homenews-img img:hover{transform:scale(1.01)}
.homenews-list{flex:1;padding-left:30px;list-style:none}
.homenews-list li{position:relative;padding-bottom:15px;margin-bottom:15px;padding-left:30px;border-bottom:1px solid #EAEAEA}
.homenews-list li.act .icon{background:var(--color);color:#FFFFFF;border-color:var(--color)}
.homenews-list li.act .name{color:var(--color)}
.homenews-list li .info{display:none}
.homenews-list li .icon{cursor:pointer;position:absolute;left:0px;top:4px;width:20px;height:20px;line-height:1;background:rgba(146,146,146,0);border:1px solid var(--introcolor);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--fontsize14)}
.homenews-list li .name{font-size:var(--fontsize20);font-weight:var(--fontbold6);line-height:1.2}
.homenews-list li .date{color:var(--introcolor);display:flex;align-items:center;font-size:var(--fontsize14);padding:4px 0px}
.homenews-list li .date em{margin-right:10px;font-size:var(--fontsize14)}
.homenews-list li .text{color:var(--introcolor);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.homenews-list li .home-more{min-width:125px;height:42px;margin-top:1em}
.home-foottop{position:relative;padding:2% 0;background:var(--bgcolor);color:var(--headercolor);z-index:1}
.home-foottop::after,.home-foottop::before{content:"";position:absolute;top:0px;right:0px;width:100%;height:100%;background:url(../images/foottop-bg.png) no-repeat right;z-index:-1}
.home-foottop::after{transform:rotate(180deg)}
.home-foottop .l-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}
.home-foottop .title{text-align:center;font-size:var(--hometitlefont);font-weight:var(--fontbold6);line-height:1.2}
.home-foottop .btn{margin-top:2em}
.home-foottop .btn a{min-width:160px;height:48px;font-size:var(--fontsize14);background:rgba(255,84,0,0);border:1px solid #FFFCFC;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;margin:0px 15px;font-weight:var(--fontbold6);transition:all .2s linear}
.home-foottop .btn a:nth-child(2){background-color:#FFFFFF;color:var(--fontcolor)}
.home-foottop .btn a:nth-child(2):hover{opacity:.8}
.home-foottop .btn a:hover{background:#FFFFFF;color:var(--fontcolor)}

@media screen and (max-width:1660px){.home-cate .info .tit{font-size:var(--fontsize24)}
}
@media screen and (max-width:1440px){.home-cate .info{bottom:20px}
.home-cate .right .info{bottom:5px;left:10px}
.home-cate .right .info .line{margin:10px 0 15px}
.home-cate .bottom .info .list{height:200px}}
@media screen and (max-width:1280px){.home-cate .left .info .tit{font-size:var(--fontsize24)}
.home-cate .info .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-cate .info .list li{width:48%}
.home-cate .info .list li span{font-size:var(--fontsize14)}
.home-cate .bottom .info .list{height:auto;min-height:100px}
.home-cate .right .info{bottom:10px;left:20px}}

@media(max-width:1440px){
.home-banner .banner-animote .p1{font-size:40px}
.home-solution .mySwiper2 .swiper-slide .content{padding-top:0px}
.home-solution .mySwiper2 .swiper-slide .content .title{margin-bottom:10px}
.home-solution .mySwiper2 .swiper-slide .content .text{margin-bottom:15px}
.home-solution .mySwiper{width:40%}
.home-solution .mySwiper .swiper-slide .icon{width:90px;height:90px}
.home-about .homeabout-info .homeabout-p2,.home-foottop .title,.home-solution .mySwiper2 .swiper-slide .content .title{font-size:var(--fontsize26)}}
@media(max-width:1280px){
.home-solution .mySwiper{position:relative;left:auto;bottom:auto;width:100%;margin-top:20px}
.home-callus .l-wrap{margin-top:2em}
.home-solution{padding-bottom:4%}
.home-callus .homecallus-wrap .homecallus-img{width:24%}
.home-callus .homecallus-wrap .homecallus-info{padding:20px 20px}}
@media(max-width:1024px){
	.home-about{padding:40px 0}
.home-about .about-img{width:100%}
.home-about .about-con{width:100%;padding-top:25px;padding-left:0}
.home-choose{padding:40px 0}
.home-choose .chooselist li{width:49%;margin-top:25px}

.home-cate .box{margin-top:25px}
.home-cate .left{width:100%;max-height:400px}
.home-cate .left .img{max-height:100%}
.home-cate .left img{width:100%;height:100%;object-fit:cover}
.home-cate .left .info{left:20px;bottom:10px}
.home-cate .right{margin-top:25px;width:100%}

.home-banner .banner-animote .p1{font-size:var(--fontsize24)}
.home-banner .banner-animote .p2 a{min-width:150px;height:45px}
.home-indexadv .indexadv-left{width:100%}
.home-indexadv .indexadv-right{padding-left:0px;padding-top:30px}
.homepro-recommend-item{padding:10px 10px}
.homepro-recommend-item .img{width:35%}
.homepro-recommend-item .info .name{padding-bottom:5px;font-size:var(--fontsize18)}
.home-choose .chooselist li{padding:20px}
.home-products .homeprolist .left,.home-products .homeprolist .right{width:100%}
.home-products .homeprolist .right{margin-bottom:20px}
.home-products .homeprolist .left .li{width:49%}
.home-about{padding:40px 0}
.home-about .about-img{width:100%}
.home-about .about-con{width:100%;padding-top:25px;padding-left:0}
.home-choose{padding:40px 0}
.home-choose .chooselist li{width:49%;margin-top:25px}

.home-case .homecase-wrap .swiper-slide{transform:scale(1)!important}
.home-case .homecase-wrap .swiper-slide .item .content{display:block}
#homecase{padding-bottom:50px}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{bottom:0px}
.home-about .homeabout-info{padding-left:20px}}
@media(max-width:768px){
	.home-cate .top .img{height:260px}
.home-cate .top .img img{width:100%;height:100%;object-fit:cover}
.home-cate .bottom{margin-top:0}
.home-cate .bottom .item{width:100%;margin-top:25px}
.home-banner .pcimg{display:none}
.home-banner .mobimg{display:block;height:260px}
.home-case,.home-indexadv,.home-news,.home-solution{padding:40px 0px}
.home-products{padding-top:40px}
.home-product .list{justify-content:space-between;margin-top:2em}
.home-product .list li{width:49%;margin-right:0px;margin-bottom:1em;padding:10px}
.home-choose .chooselist li{width:100%;margin-bottom:0}
.home-products .homeprolist .li{height:auto}
.home-products .homeprolist .left .li{width:100%}
.home-products .homeprolist .left .li:first-child{margin-bottom:20px}
.home-products .homeprolist .li .title{font-size:var(--fontsize18)}
.home-products .homeprolist .li .title br{display:none}
.home-products .homeprolist .li img{height:auto;max-height:300px}
.home-products .homeprolist .li2 img{position:static}
.home-about .about-label{font-size:var(--fontsize16)}
.home-choose .chooselist li{width:49%;margin-bottom:20px;min-height:auto}
.home-choose .chooselist li .p1{font-size:var(--fontsize18)}
.home-choose .chooselist li .more{font-size:var(--fontsize14)}
.home-banner .banner-animote .p1{font-size:var(--fontsize18);margin:0px}
.home-banner .banner-animote .p2{display:none}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-banner .swiper-pagination{bottom:10px!important}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:28px;height:8px;background:var(--color)}
.home-indexadv{background:none !important}
.home-indexadv .indexadv-left .home-title{text-align:center}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap{width:100%;height:auto}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-wrap em{width:44px;height:44px;font-size:var(--fontsize30)}
.home-indexadv .indexadv-left .indexadv-video .indexadv-video-content{padding-left:0px;padding-top:20px}
.home-indexadv .indexadv-right ul li{width:100%;margin-bottom:2em}
.home-indexadv .indexadv-right ul li .icon{width:60px;height:60px}
.home-indexadv .indexadv-right ul li .icon em{font-size:var(--fontsize26)}
.home-solution .mySwiper2 .swiper-slide img{width:100%}
.home-about .homeabout-info .homeabout-p2,.home-foottop .title,.home-solution .mySwiper2 .swiper-slide .content .title,.homepro-recommend-item .info .name{font-size:var(--fontsize18)}
.home-solution .mySwiper2 .swiper-slide .content{padding-left:0px;padding-top:20px}
.home-callus .homecallus-wrap .homecallus-info .homecallus-top{font-size:var(--fontsize22)}
.homepro-recommend-item{width:100%;margin-bottom:1em!important}
.homepro-recommend-item .info{padding-left:10px}
.homepro-recommend-item .info .text{margin-bottom:0px}
.homepro-recommend-item .info .home-more{display:none}
.home-about>div{width:100%}
.home-news .homenews-img{display:none}
.homenews-list{padding-left:0px}
.homenews-list li{padding-left:0px}
.homenews-list li .icon{display:none}
.homenews-list li .info{height:auto!important;display:block!important}
.homenews-list li .name{font-size:var(--fontsize18)}
.home-foottop{padding:30px 0px}
.home-foottop .btn{display:flex;justify-content:space-between;width:100%}
.home-foottop .btn a{min-width:inherit;width:48%}
.home-callus .homecallus-wrap{height:auto}
.home-callus .homecallus-wrap .homecallus-img{width:100%}}
@media screen and (max-width:1440px){.home-products .homeprolist li{width:28%;padding:20px}
.home-products .homeprolist li:last-child{width:38%}
.home-products .homeprolist li .title{font-size:var(--fontsize20)}}

@media screen and (max-width:768px){.home-products .homeprolist li{width:100%!important}
.home-products .homeprolist li img{height:auto;max-height:140px}
.home-products .homeprolist li .title{min-height:auto}

}