@import url(https://css02.v15cdn.com/m624/aos.css);
.home-banner .swiper-slide{overflow:hidden}
.home-banner .swiper-slide>a{position:relative;display:flex}
.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:45%;left:50%;transform:translate(-50%,-50%);width:100%;color:#fff;opacity:0}
.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 .bannerswiper-next,.home-banner .bannerswiper-prev{position:absolute;top:45%;width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:0 0;background:rgba(255,255,255,.1);color:#fff;z-index:1;cursor:pointer;transition:all .15s linear;border-radius:50%}
.home-banner .bannerswiper-next:hover,.home-banner .bannerswiper-prev:hover{background:var(--color)}
.home-banner .bannerswiper-next em,.home-banner .bannerswiper-prev em{font-size:var(--fontsize24)}
.home-banner .bannerswiper-prev{left:25px}
.home-banner .bannerswiper-next{right:25px}
@keyframes bannerani{0%{margin-top:20px}
100%{opacity:1;margin-top:0}
}
@keyframes bannerimg{0%{transform:scale(1)}
50%{transform:scale(1.05)}
100%{transform:scale(1)}
}
.home-banner .swiper-pagination{bottom:100px;max-width:1400px;padding:0 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{background:#b9b9b9;opacity:1;width:20px;height:6px;border-radius:6px}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--color)}
.home-banner .banner-animote .banner-box{max-width:880px}
.home-banner .banner-animote .tit{background:linear-gradient(0deg,#14457b 0,#041c67 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:54px;font-weight:var(--fontbold6);text-transform:uppercase;line-height:1.2}
.home-banner .banner-animote .list{display:flex;flex-wrap:wrap;margin:6% 0 4%}
.home-banner .banner-animote .list li{width:48%;font-size:var(--fontsize20)}
.home-banner .banner-animote .list li span{color:#000003;font-weight:var(--fontbold6);font-style:italic;text-shadow:0 4px 8px rgba(20,69,123,.14)}
.home-banner .banner-animote .img-logo{max-width:600px}
.home-banner .banner-animote .home-more{margin-top:30px}
.home-about,.home-coll,.home-contact,.home-control,.home-models,.home-news,.home-num,.home-solution{padding:5% 0}
.home-adv{background:#e9f5fa}
.home-adv ul{transform:translateY(-70px);display:flex;justify-content:space-between;flex-wrap:wrap;position:relative;z-index:10}
.home-adv li{width:24%;background-color:#14457b;border-radius:10px;overflow:hidden;padding:40px 30px;position:relative;z-index:1;color:#fff;transition:all .2s linear}
.home-adv li::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://css02.v15cdn.com/m624/imgs/adv-bg.webp);background-size:cover;background-repeat:no-repeat;z-index:2;transition:all .2s linear}
.home-adv li::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:url(https://css02.v15cdn.com/m624/imgs/adv-bg2.webp);background-size:cover;background-repeat:no-repeat;z-index:2;opacity:0;transition:all .2s linear}
.home-adv li .icon{margin-bottom:40px}
.home-adv li .icon em{font-size:70px;color:#fff;line-height:1;transition:all .2s linear}
.home-adv li .title{font-size:var(--fontsize22);line-height:1.4}
.home-adv li .more{display:inline-block;margin-top:20px;position:relative;z-index:4}
.home-adv li:hover{background-color:var(--color)}
.home-adv li:hover .icon em{color:#14457b}
.home-adv li:hover::before{opacity:0}
.home-adv li:hover::after{opacity:1}
.home-coll .list{display:flex;flex-wrap:wrap}
.home-coll .list li{width:32%;margin-right:2%;padding:0 20px;color:#000003;border-bottom:5px solid var(--color);margin-top:60px;padding-bottom:80px;position:relative;transition:all .2s linear}
.home-coll .list li:nth-child(3n){margin-right:0}
.home-coll .list li .img{display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:4/3;margin-bottom:20px;position:relative;z-index:2}
.home-coll .list li .img img{transition:all .2s linear}
.home-coll .list li .info{position:relative;z-index:2}
.home-coll .list li .info .title{font-size:var(--fontsize22);font-weight:var(--fontbold6)}
.home-coll .list li .info .txt{margin-top:10px;line-height:1.4;min-height:100px}
.home-coll .list li .btn{position:absolute;left:0;bottom:0;height:80px;width:100%;padding:0 30px;z-index:4}
.home-coll .list li .btn .more{border-top:1px solid #e6e6e6;display:flex;justify-content:space-between;align-items:center;padding:20px 0;font-weight:var(--fontbold6);transition:all .2s linear}
.home-coll .list li::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:70%;background-color:#f6f6f6;z-index:1;transition:all .2s linear}
.home-coll .list li:hover::before{background-color:#e9f5fa;box-shadow:0 3px 9px 1px rgba(20,69,123,.14)}
.home-coll .list li:hover .img img{transform:scale(1.03)}
.home-coll .list li:hover .info .title{color:var(--color)}
.home-coll .list li:hover .btn .more{color:var(--color)}
.home-solution .l-wrap{max-width:1920px}
.home-solution .top{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.home-solution .top .home-title{width:32%;color:#fff;text-align:left}
.home-solution .top .txt{color:#fff;width:64%;max-width:900px}
.home-solution .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-solution .list li{width:24%;overflow:hidden;border-radius:var(--borderradius);position:relative;z-index:1;margin-top:70px}
.home-solution .list li .img{overflow:hidden}
.home-solution .list li .img img{width:100%}
.home-solution .list li .title{color:#fff;font-size:var(--fontsize24);font-weight:var(--fontbold6)}
.home-solution .list li .more{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color);margin-top:60px;font-weight:var(--fontbold6);transition:all .2s linear}
.home-solution .list li .more em{transform:rotate(-45deg)}
.home-solution .list .img-item::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(12,41,78,.2);transition:all .2s linear}
.home-solution .list .img-item .info{position:absolute;left:0;bottom:-120px;width:100%;padding:60px 40px;z-index:4;transition:all .2s linear}
.home-solution .list .img-item .more{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background-color:#fff;color:var(--color);margin-top:60px;font-weight:var(--fontbold6);border:1px solid #fff;transition:all .2s linear}
.home-solution .list .img-item .more:hover{background-color:var(--color);color:#fff}
.home-solution .list .img-item:hover::before{background:linear-gradient(0deg,#1c315f,#00bde0);opacity:.87}
.home-solution .list .img-item:hover .info{bottom:0}
.home-solution .list .txt-item{background-color:#27477d;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.home-solution .list .txt-item .more{background-color:var(--color);color:#fff;margin-top:40px}
.home-solution .list .txt-item .more:hover{background-color:#fff;color:var(--color)}
.home-about .box{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}
.home-about .img{width:50%;position:relative}
.home-about .img .img-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:50%;cursor:pointer;z-index:2}
.home-about .img .img-play img{max-width:80%;max-height:80%}
.home-about .img .img-play::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% + 40px);height:calc(100% + 40px);background-color:var(--color);opacity:.4;border-radius:50%;z-index:-1;animation:scaleopacity 2s linear infinite}
.home-about .aboutiframe{display:none;height:600px}
.home-about .info{width:46%}
.home-about .info .tip{color:var(--color);font-size:var(--fontsize18);font-weight:var(--fontbold6)}
.home-about .info .home-title{text-align:left;color:#080d41}
.home-about .info .txt{color:#666;margin-top:20px}
.home-about .info .txt strong{color:#000}
.home-about .home-more{margin-top:40px}
@keyframes scaleopacity{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}
50%{opacity:.4;transform:translate(-50%,-50%) scale(.94)}
100%{opacity:.6;transform:translate(-50%,-50%) scale(1)}
}
.home-num .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-num .list li{text-align:center}
.home-num .list li .num-box{display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:54px;font-weight:var(--fontbold6)}
.home-num .list li .ti{font-size:var(--fontsize24);margin-top:14px}
.home-num .list li .tit{font-size:var(--fontsize20);color:#fbfbfb}
.home-control .home-des{max-width:1200px}
.home-control .box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:60px}
.home-control .left{width:29%;display:flex;flex-direction:column;justify-content:space-between}
.home-control .img{width:36%}
.home-control .right{width:29%;display:flex;flex-direction:column;justify-content:space-between;text-align:right}
.home-control .item{margin-bottom:20px}
.home-control .item .icon{width:80px;height:80px;background-color:#e5f6fd;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:var(--color);margin-bottom:20px;transition:all .2s linear}
.home-control .item .icon em{font-size:40px;line-height:1}
.home-control .item .tit{color:#000003;font-size:var(--fontsize24);font-weight:var(--fontbold6)}
.home-control .item .txt{margin-top:10px;color:#656567}
.home-control .item:hover .icon{transform:translateY(-5px)}
.home-models{background:#e9f5fa}
.home-models .title-list{display:flex;justify-content:center;margin:50px 0 60px}
.home-models .title-list li{margin:10px;width:280px;display:inline-flex;align-items:center;justify-content:center;height:66px;border-radius:10px;background-color:#fff;color:#000003;font-size:var(--fontsize18);position:relative;cursor:pointer;transition:all .2s linear}
.home-models .title-list li span{position:relative;padding-left:20px}
.home-models .title-list li span::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background-color:#252525;border-radius:50%;transition:all .2s linear}
.home-models .title-list li.act{background-color:#1c315f;color:#fff}
.home-models .title-list li.act span::before{background-color:#fff}
.home-models .box{background-color:#fff;border-radius:10px;padding:40px 30px}
.home-models .item-box{display:none}
.home-models .item-box.act{display:block}
.home-models .item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.home-models .item .img{width:49%;border-radius:10px;overflow:hidden}
.home-models .item .img img{width:100%;height:100%;max-height:450px;object-fit:cover}
.home-models .item .info{width:48%}
.home-models .item .info .tit{color:#000003;font-size:var(--fontsize30);font-weight:var(--fontbold6)}
.home-models .item .info .txt{color:#666;margin:15px 0 20px}
.home-models .item .info .list li{display:flex;color:#000006;font-weight:var(--fontbold5)}
.home-models .item .info .list li em{color:var(--color);font-weight:var(--fontbold6);margin-right:10px}
.home-models .item .info .home-more{margin-top:40px}
.home-news .box{margin-top:40px}
.home-news .homenewsswiper-pagination{display:flex;justify-content:center;width:100%;margin-top:60px}
.home-news .homenewsswiper-pagination .swiper-pagination-bullet{width:30px;height:8px;border-radius:4px;background-color:#e0e9ef;opacity:1}
.home-news .homenewsswiper-pagination .swiper-pagination-bullet-active{width:40px;background-color:#1c315f}
.home-news .swiper{padding:20px 10px}
.home-news .swiper-slide{box-shadow:0 5px 12px 1px #ebebeb;border-radius:10px;overflow:hidden;background-color:#fff}
.home-news .swiper-slide .img{overflow:hidden}
.home-news .swiper-slide .img img{transition:all .2s linear}
.home-news .swiper-slide .info{padding:20px 30px 30px}
.home-news .swiper-slide .info .date{display:flex;align-items:center;color:#666;margin-bottom:6px}
.home-news .swiper-slide .info .date em{color:var(--color);margin-right:10px}
.home-news .swiper-slide .info .title{color:#151515;font-size:var(--fontsize22);font-weight:var(--fontbold6);transition:all .2s linear;display:block;min-height:80px}
.home-news .swiper-slide .info .more{display:flex;justify-content:space-between;align-items:center;color:var(--color);font-weight:var(--fontbold6);text-transform: capitalize;}
.home-news .swiper-slide .info .more em{width:36px;height:36px;background-color:#f5f6f8;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#1c315f;transition:all .2s linear;transform:rotate(-45deg)}
.home-news .swiper-slide:hover .img img{transform:scale(1.03)}
.home-news .swiper-slide:hover .info .title{color:var(--color)}
.home-news .swiper-slide:hover .info .more em{background-color:var(--color);color:#fff}
.home-contact{background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:50px 50px 0 0}
.home-contact .home-title{color:#fff}
.home-contact .home-des{color:#fff}
.home-contact .btn{display:flex;justify-content:center;margin-top:60px}
@media screen and (max-width:1660px){.home-banner .banner-animote .tit{font-size:var(--fontsize40)}
}
@media screen and (max-width:1440px){.home-banner .banner-animote .tit{font-size:var(--fontsize36)}
.home-banner .banner-animote .list{margin:20px 0 40px}
.home-banner .banner-animote .list li span{font-size:var(--fontsize14)}
.home-banner .banner-animote .img-logo{max-width:400px}
}
@media screen and (max-width:1280px){.home-adv li{display:flex;flex-direction:column}
.home-adv li .icon{margin-bottom:20px}
.home-adv li .icon em{font-size:var(--fontsize40)}
.home-adv li .title{flex:1;font-size:var(--fontsize18)}
.home-adv li .title br{display:none}
.home-coll .list li .info .title{font-size:var(--fontsize20)}
.home-coll .list li .btn{height:auto}
.home-solution .list .img-item .info{padding:25px;bottom:-80px}
.home-solution .list .img-item .title{font-size:var(--fontsize20)}
.home-solution .list .img-item .more{margin-top:40px}
.home-num .list li .num-box{font-size:var(--fontsize36)}
.home-num .list li .tit{font-size:var(--fontsize16)}
.home-control .item .tit{font-size:var(--fontsize20)}
}
@media screen and (max-width:1024px){.home-about,.home-coll,.home-contact,.home-control,.home-models,.home-news,.home-num,.home-solution{padding:50px 0}
.home-title br{display:none}
.home-des br{display:none}
.home-banner .banner-animote .img-logo{display:none}
.home-banner .banner-animote .home-more{margin-top:0}
.home-banner .swiper-pagination{bottom:40px}
.home-adv ul{transform:translateY(-20px)}
.home-adv li{width:49%;margin-bottom:25px}
.home-coll .list{justify-content:space-between}
.home-coll .list li{width:49%;margin-right:0}
.home-solution .top .home-title{width:100%;text-align:center}
.home-solution .top .txt{width:100%;margin-top:10px}
.home-solution .list li{width:32%;margin-top:30px}
.home-about .img{width:100%;text-align:center}
.home-about .info{width:100%;margin-top:30px}
.home-control .box{margin-top:40px}
.home-control .left{width:100%}
.home-control .img{width:100%;text-align:center;margin:20px 0}
.home-control .right{width:100%}
.home-models .title-list{margin:40px 0;flex-wrap:wrap;justify-content:space-between}
.home-models .title-list li{width:49%;margin:10px 0}
.home-models .item .info .tit{font-size:var(--fontsize20)}
.home-models .item .info .txt{margin:5px 0 10px}
.home-models .item .info .home-more{margin-top:20px}
.home-news .swiper-slide .info .title{font-size:var(--fontsize20)}
}
@media screen and (max-width:768px){.home-banner .banner-animote .tit{font-size:var(--fontsize18)}
.home-banner .banner-animote .p3{display:none}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}
.home-num .list li{width:49%;margin:10px 0}
.home-models .item .img{width:100%}
.home-models .item .info{width:100%;margin-top:25px}
.home-news .box{margin-top:25px}
.home-news .homenewsswiper-pagination{margin-top:30px}
.home-contact{border-radius:20px 20px 0 0}
.home-contact .home-des{margin-top:20px}
.home-contact .btn{margin-top:30px}
}
@media screen and (max-width:500px){.home-banner .banner-animote .tit{line-height:1.6}
.home-banner .banner-animote .list{display:none}
.home-banner .swiper-pagination{bottom:20px}
.home-adv{padding:20px 0}
.home-adv ul{transform:translateY(0)}
.home-adv li{padding:15px 10px;margin:10px 0}
.home-adv li .title{font-size:var(--fontsize14)}
.home-coll .list li{margin-top:30px;padding:0 10px;padding-bottom:80px}
.home-coll .list li .info .title{font-size:var(--fontsize14)}
.home-coll .list li .info .txt{display:none}
.home-coll .list li .btn{font-size:var(--fontsize14);padding:0 10px}
.home-coll .list li .btn .more{padding:10px 0}
.home-solution .list li{width:49%;margin-top:20px}
.home-solution .list .img-item .info{padding:10px;bottom:0}
.home-solution .list .img-item .title{font-size:var(--fontsize16)}
.home-solution .list .img-item .more{width:24px;height:24px;margin-top:20px}
.home-solution .list .txt-item{padding:10px}
.home-solution .list .txt-item .title{font-size:var(--fontsize16)}
.home-solution .list .txt-item .more{width:24px;height:24px;margin-top:20px}
.home-about .img .img-play{width:80px;height:80px}
.home-about .img .img-play img{max-width:40%}
.home-about .aboutiframe{height:500px}
.home-control .item .icon{width:60px;height:60px}
.home-control .item .icon em{font-size:var(--fontsize30)}
.home-models .title-list{margin:25px 0}
.home-models .title-list li{padding:10px;height:50px;font-size:var(--fontsize14)}
.home-models .title-list li span{padding-left:0}
.home-models .title-list li span::before{display:none}
.home-models .box{padding:15px}
.home-news .swiper-slide .info{padding:15px}
.home-news .swiper-slide .info .title{font-size:var(--fontsize18)}
}