@import url(https://css02.v15cdn.com/m618/aos.css);body{overflow-x:hidden}
.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:0;top:0;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:50%;left:50%;transform:translate(-50%,-50%);width:100%;color:#FFFFFF;opacity:0;text-align:center}
.home-banner .banner-animote .p1{font-size:52px;font-weight:var(--fontbold7);line-height:1.3}
.home-banner .banner-animote .p1 span{color:var(--color)}
.home-banner .banner-animote .p2{font-size:var(--fontsize20);font-weight:var(--fontbold5);margin:40px 0 20px}
.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:40px;max-width:1400px;padding:0 70px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center}
.home-banner .swiper-pagination-bullet{position:relative;width:10px;height:10px;background:#FFFFFF;border-radius:50%;margin:0 10px!important;opacity:.3}
.home-banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width:14px;height:14px;background-color:var(--color);opacity:1}
.home-banner .swiper-pagination-bullet::before{content:"";position:absolute;width:29px;height:29px;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid var(--color);z-index:2;opacity:0;border-radius:50%}
.home-banner .swiper-pagination-bullet.cur::before{opacity:1}
.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;color:#FFFFFF;background:var(--colorbg);z-index:9;cursor:pointer;transition:all .15s linear;border-radius:var(--borderradius)}
.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)}
80%{transform:scale(1.05)}
100%{transform:scale(1.047)}}
@media (max-width:1366px){.home-banner .banner-animote .p1{font-size:50px}}
@media (max-width:1280px){.home-banner .banner-animote .p1{font-size:40px}
.home-about .aboutinfo{padding-left:6%}}
@media (max-width:1024px){.home-banner .banner-animote .p1{font-size:var(--fontsize30)}
.home-banner .banner-animote{top:50%}
.home-banner .bannerswiper-next,.home-banner .bannerswiper-prev{display:none}}
@media (max-width:768px){.home-banner .swiper-slide-active img{min-height:240px}
.home-banner .swiper-pagination{bottom:20px}
.home-banner .banner-animote .p1{font-size:var(--fontsize20)}
.home-banner .banner-animote .p2{display:none}
.home-banner .banner-animote .p3{display:none}
.home-banner .pcimg{display:none}
.home-banner .mobimg{display:block}}
@media (max-width:500px){.home-banner .banner-animote .p1{font-size:var(--fontsize18)}
.home-banner .banner-animote .p2{font-size:var(--fontsize14)}}
.home-title{color:#000}
.home-adv,.home-blog,.home-cooperation,.home-customer,.home-jsm,.home-product,.home-solution{padding:5% 0}
.home-product .home-title{color:#333333}
.home-product .desc{text-align:center;color:var(--color);font-size:var(--fontsize18);font-weight:var(--fontbold7)}
.home-product .txt{text-align:center;color:#000;margin-top:20px;font-weight:var(--fontbold5)}
.home-product .txt .more{color:var(--color);font-weight:var(--fontbold7);display:inline-flex;align-items:center}
.home-product .txt .more em{margin-left:4px;transition:all .2s linear}
.home-product .txt .more:hover em{margin-left:8px}
.home-product .box{margin-top:50px}
.home-product .title-list{display:flex;justify-content:space-between;padding:0 10%;border-bottom:1px solid #cecece}
.home-product .title-list li{width:25%;text-align:center;padding-bottom:25px;position:relative;transition:all .2s linear;font-weight:var(--fontbold7);cursor:pointer}
.home-product .title-list li::before{content:"";position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);width:130px;height:3px;background-color:var(--color);opacity:0;transition:all .2s linear}
.home-product .title-list li.active{color:var(--color)}
.home-product .title-list li.active::before{opacity:1}
.home-product .title-list li:hover{color:var(--color)}
.home-product .item-list .item{display:none;justify-content:space-between;flex-wrap:wrap}
.home-product .item-list .item.active{display:flex}
.home-product .item-list .cate-box{width:30%;margin-top:20px;margin-right:20px;position:relative;border-radius:3px;overflow:hidden;max-height:630px}
.home-product .item-list .cate-box .img{width:100%;height:100%;border-radius:5px;overflow:hidden}
.home-product .item-list .cate-box .img img{width:100%;height:100%;transition:all .2s linear;object-fit:cover}
.home-product .item-list .cate-box .info{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:40px 30px;transition:all .2s linear}
.home-product .item-list .cate-box .info .title{color:#FFFFFF;font-weight:var(--fontbold7);font-size:var(--fontsize34);line-height:1.4;text-transform:uppercase;transition:all .2s linear}
.home-product .item-list .cate-box .info .more{display:flex;align-items:center;justify-content:space-between;width:100%;height:70px;background-color:#FFFFFF;border-radius:3px;color:var(--color);padding:10px 20px;transition:all .2s linear}
.home-product .item-list .cate-box .info .more span{color:var(--color);font-weight:var(--fontbold7);transition:all .2s linear}
.home-product .item-list .cate-box .info .more .icon em{width:30px;height:30px;background-color:var(--color);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;transition:all .2s linear}
.home-product .item-list .cate-box .info .more:hover{padding:10px 30px}
.home-product .item-list .cate-box .info::before{content:"";width:100%;height:100%;background-color:#0a233f;opacity:.8;left:0;top:0;position:absolute;z-index:-1}
.home-product .item-list .cate-box:hover .img img{transform:scale(1.05)}
.home-product .item-list .cate-box:hover .info .title{transform:translateY(5px)}
.home-product .item-list .pro-box{flex:1;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-product .item-list .pro-box.pro-double li{width:100%}
.home-product .item-list .pro-box li{width:49%;background-color:#f6f7f8;border-radius:5px;margin-top:20px;transition:all .2s linear}
.home-product .item-list .pro-box li .img{display:flex;justify-content:center;align-items:center;overflow:hidden}
.home-product .item-list .pro-box li .img img{max-height:240px;transition:all .2s linear}
.home-product .item-list .pro-box li .title{transition:all .2s linear;text-align:center;font-size:var(--fontsize18);color:#333333;font-weight:var(--fontbold7);padding:10px 0 20px}
.home-product .item-list .pro-box li:hover .img img{transform:scale(1.05)}
.home-product .item-list .pro-box li:hover .title{color:var(--color)}
.home-adv{background-repeat:no-repeat;background-size:cover}
.home-adv .home-title{color:#FFFFFF}
.home-adv .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-adv .list li{background-color:#FFFFFF;border-radius:3px;box-shadow:0 7px 17px 1px rgba(205,205,205,.24);padding:20px 26px;width:23%;position:relative;overflow:hidden;margin-top:60px;transition:all .2s linear}
.home-adv .list li .num{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--color);border-radius:50%;color:var(--color);font-weight:var(--fontbold6);margin-bottom:10px}
.home-adv .list li .title{color:#000;font-weight:var(--fontbold7);font-size:var(--fontsize20);line-height:1.4;min-height:80px}
.home-adv .list li .txt{color:#666666;font-weight:var(--fontbold5);min-height:60px}
.home-adv .list li .icon{display:block;text-align:right}
.home-adv .list li .icon em{color:var(--color);line-height:1;font-size:46px}
.home-adv .list li .bg-icon{position:absolute;left:-20px;bottom:-20px;opacity:.1}
.home-adv .list li .bg-icon em{display:block;max-width:100px;font-size:100px;color:var(--color);line-height:1}
.home-adv .list li:hover{transform:translateY(-10px)}
.home-adv .list li:last-child .bg-icon{left:-70px}
.home-adv .list li:nth-child(2) .icon{font-weight:var(--fontbold7)}
.home-jsm .item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:50px}
.home-jsm .item .img{width:54%;position:relative;padding-bottom:30px}
.home-jsm .item .img .jsmSwiper-pagination{position:absolute;bottom:0;display:flex;justify-content:center}
.home-jsm .item .img .jsmSwiper-pagination .swiper-pagination-bullet{width:7px;height:7px;background-color:#9e9e9e;opacity:1}
.home-jsm .item .img .jsmSwiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:var(--color)}
.home-jsm .item .img .swiper-slide{border-radius:5px;overflow:hidden}
.home-jsm .item .img .swiper-slide img{width:100%}
.home-jsm .item .info{width:43%}
.home-jsm .item .info .title{font-size:var(--fontsize30);font-weight:var(--fontbold7);color:#000}
.home-jsm .item .info .txt{margin-top:10px;color:#666}
.home-jsm .item .info .txt span{color:var(--color);text-decoration:underline}
.home-jsm .item .info .more{display:flex;align-items:center;color:var(--color);font-weight:var(--fontbold7);margin-top:8%;transition:all .2s linear}
.home-jsm .item .info .more em{width:50px;height:50px;border-radius:50%;border:2px solid var(--color);display:inline-flex;align-items:center;justify-content:center;margin-right:20px;transition:all .2s linear}
.home-jsm .item .info .more:hover em{background-color:var(--color);color:#FFFFFF}
.home-solution{background-size:cover;background-repeat:no-repeat}
.home-solution .home-title{color:#FFFFFF}
.home-solution .title-box{margin-top:50px;position:relative}
.home-solution .title-box .solution-next,.home-solution .title-box .solution-prev{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;border:1px solid #FFFFFF;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s linear}
.home-solution .title-box .solution-next em,.home-solution .title-box .solution-prev em{color:#FFFFFF;transition:all .2s linear}
.home-solution .title-box .solution-next:hover,.home-solution .title-box .solution-prev:hover{background-color:#FFFFFF}
.home-solution .title-box .solution-next:hover em,.home-solution .title-box .solution-prev:hover em{color:var(--color)}
.home-solution .title-box .solution-next.swiper-button-disabled:hover,.home-solution .title-box .solution-prev.swiper-button-disabled:hover{background-color:transparent}
.home-solution .title-box .solution-next.swiper-button-disabled:hover em,.home-solution .title-box .solution-prev.swiper-button-disabled:hover em{color:#FFFFFF}
.home-solution .title-box .solution-prev{left:-50px}
.home-solution .title-box .solution-prev em{transform:rotate(180deg)}
.home-solution .title-box .solution-next{right:-50px}
.home-solution .title-box .swiper-slide{padding:0 20px;border-left:1px solid rgba(255,255,255,.1);height:auto;cursor:pointer}
.home-solution .title-box .swiper-slide:first-child{border-left:none}
.home-solution .title-box .swiper-slide .icon{text-align:center}
.home-solution .title-box .swiper-slide .icon em{font-size:60px;line-height:1;color:#93b7e0}
.home-solution .title-box .swiper-slide .title{text-align:center;color:#FFFFFF;font-weight:var(--fontbold6);margin-top:20px}
.home-solution .title-box .swiper-slide.active .icon em{color:#FFFFFF}
.home-solution .list-box{margin-top:30px}
.home-solution .list-box .item{padding-bottom:40px;position:relative;display:none;align-items:center}
.home-solution .list-box .item .info{background-color:#FFFFFF;padding:50px;width:45%;position:relative;z-index:2;min-height: 390px;}
.home-solution .list-box .item .info .title{font-size:var(--fontsize30);font-weight:var(--fontbold7);color:#000;line-height:1.4}
.home-solution .list-box .item .info .txt{margin-top:10px;color:#666}
.home-solution .list-box .item .info .txt span{color:#000;font-weight:var(--fontbold7)}
.home-solution .list-box .item .img{width:68%;margin-left:-13%;border-radius:5px;overflow:hidden}
.home-solution .list-box .item .img img{width:100%}
.home-solution .list-box .item .sol-pagination{position:absolute;bottom:0;display:flex;justify-content:center}
.home-solution .list-box .item .sol-pagination .swiper-pagination-bullet{width:10px;height:5px;background-color:#e7f0f7;border-radius:0}
.home-solution .list-box .item .sol-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:30px}
.home-solution .list-box .item.active{display:flex}
.home-customer .list{display:flex;justify-content:space-between}
.home-customer .list li{width:18%;box-shadow:0 1px 16px 0 rgba(205,205,205,.42);border-radius:10px;border:1px solid #f4f4f4;height:140px;display:inline-flex;align-items:center;justify-content:center;margin-top:60px;transition:all .2s linear}
.home-customer .list li:hover{transform:translateY(-10px)}
.home-cooperation{background-color:#e7f0f7}
.home-cooperation .list{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px}
.home-cooperation .item{width:48%;background-color:#FFFFFF;border-radius:5px;border-top:2px solid var(--color);position:relative;padding:60px 40px 40px;margin-top:80px;transition:all .2s linear}
.home-cooperation .item .icon{width:100px;height:100px;border-radius:50%;background-color:var(--color);display:inline-flex;align-items:center;justify-content:center;position:absolute;left:40px;top:-45px;border:1px solid transparent;transition:all .2s linear}
.home-cooperation .item .icon em{color:#FFFFFF;font-size:42px;transition:all .2s linear}
.home-cooperation .item .title{color:#000;font-size:var(--fontsize22);font-weight:var(--fontbold7)}
.home-cooperation .item .txt{color:#000}
.home-cooperation .item:hover{transform:translateY(-10px)}
.home-cooperation .item:hover .icon{border-color:var(--color);background-color:#FFFFFF}
.home-cooperation .item:hover .icon em{color:var(--color)}
.home-blog .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-blog .list li{width:32%;background-color:#f7f7f7;border-radius:5px;margin-top:60px;overflow:hidden}
.home-blog .list li .img{overflow:hidden;display:block;width:100%}
.home-blog .list li .img img{transition:all .2s linear;width:100%}
.home-blog .list li .info{position:relative;padding:50px 30px 30px}
.home-blog .list li .info .date{width:75px;height:80px;background-color:var(--color);position:absolute;z-index:4;left:30px;top:-50px;color:#FFFFFF;text-align:center;font-size:var(--fontsize14);font-weight:var(--fontbold6);display:flex;align-items:center;justify-content:center;flex-direction:column}
.home-blog .list li .info .date span{display:block;font-size:36px;line-height:1}
.home-blog .list li .info .title{font-size:var(--fontsize22);font-weight:var(--fontbold6);color:#000;display:block;min-height:80px;line-height:1.4;transition:all .2s linear}
.home-blog .list li .info .more{font-weight:var(--fontbold7);color:var(--color);display:inline-flex;align-items:center;transition:all .2s linear}
.home-blog .list li .info .more em{margin-left:4px;transition:all .2s linear}
.home-blog .list li .info .more:hover em{margin-left:8px}
.home-blog .list li:hover .img img{transform:scale(1.02)}
.home-blog .list li:hover .info .title{color:var(--color)}
.home-contact{position:relative;z-index:2}
.home-contact::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:190px;background-image:url(https://css02.v15cdn.com/m618/imgs/contact-bg.webp);background-repeat:no-repeat;background-size:cover;background-position:center;z-index:-1}
.home-contact .box{padding:5% 0;background-repeat:no-repeat;background-size:cover;border-radius:5px;overflow:hidden}
.home-contact .box .home-title{color:#FFFFFF;font-size:var(--fontsize32)}
.home-contact .box .btn{margin-top:20px;display:flex;justify-content:center}
.home-contact .box .more{width:210px;height:55px;background-color:#FFFFFF;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;color:var(--color);font-weight:var(--fontbold7);border:1px solid var(--color);transition:all .2s linear}
.home-contact .box .more em{margin-left:6px}
.home-contact .box .more:hover{border-color:#FFFFFF;color:#FFFFFF;background-color:var(--color)}
@media screen and (max-width:1280px){.home-solution .list-box .swiper-slide .info{padding:25px}
.home-solution .list-box .item .info{padding:30px}}
@media screen and (max-width:1024px){.home-adv,.home-blog,.home-cooperation,.home-customer,.home-jsm,.home-product,.home-solution{padding:40px 0}
.home-product .item-list .cate-box .info{padding:30px 20px}
.home-product .item-list .cate-box .info .title{font-size:var(--fontsize24)}
.home-product .box{margin-top:25px}
.home-product .title-list{padding:0}
.home-adv .list li{margin-top:25px;width:48%}
.home-jsm .item{margin-top:25px}
.home-jsm .item .info .title{font-size:var(--fontsize22)}
.home-jsm .item .info .more{margin-top:20px}
.home-solution .title-box{padding:0 50px}
.home-solution .title-box .solution-next{right:0}
.home-solution .title-box .solution-prev{left:0}
.home-solution .list-box .item .info .title{font-size:var(--fontsize22)}
.home-customer .list li{margin-top:25px}
.home-blog .list li{margin-top:25px}
.home-blog .list li .info{padding:40px 15px}
.home-blog .list li .info .date{left:15px;width:70px;height:66px;top:-40px}
.home-blog .list li .info .date span{font-size:var(--fontsize20)}
.home-blog .list li .info .title{font-size:var(--fontsize20);min-height:90px}
.home-contact .box .home-title{font-size:var(--fontsize26)}}
@media screen and (max-width:768px){.home-product .title-list{flex-wrap:wrap}
.home-product .title-list li{width:50%}
.home-product .title-list li.active::before{display:none}
.home-product .item-list .item{flex-wrap:wrap}
.home-product .item-list .cate-box{width:100%}
.home-product .item-list .cate-box .info{height:240px}
.home-product .item-list .cate-box .img{height:240px}
.home-product .item-list .pro-box{width:100%}
.home-jsm .item:nth-child(even){flex-direction:column-reverse}
.home-jsm .item .img{width:100%}
.home-jsm .item .info{width:100%;margin-top:20px}
.home-solution .title-box{margin-top:25px}
.home-solution .title-box .swiper-slide .icon em{font-size:var(--fontsize34)}
.home-solution .title-box .swiper-slide .title{margin-top:10px}
.home-solution .list-box .item{flex-wrap:wrap}
.home-solution .list-box .item .info{width:100%}
.home-solution .list-box .item .img{width:100%;margin-left:0}
.home-customer .list{flex-wrap:wrap}
.home-customer .list li{width:48%}
.home-cooperation .item{width:100%;margin-top:45px;padding:40px 20px 20px}
.home-cooperation .item .icon{width:60px;height:60px;top:-25px;left:20px}
.home-cooperation .item .icon em{font-size:var(--fontsize24)}
.home-blog .list li{width:100%}
.home-blog .list li .info .title{min-height:auto;margin-bottom:10px}
.home-blog .list li .img img{width:100%}}
@media screen and (max-width:500px){.home-adv .list li{width:100%}
.home-solution .list-box .item .info{padding:15px}
.home-solution .title-box .solution-next,.home-solution .title-box .solution-prev{width:30px;height:30px}
.home-solution .title-box .solution-next em,.home-solution .title-box .solution-prev em{font-size:var(--fontsize14)}
.home-solution .title-box{padding:0 30px}
.home-solution .title-box .swiper-slide{padding:0 10px}
.home-product .item-list .cate-box .info .more{height:54px}
.home-solution .title-box .swiper-slide .title{font-size:var(--fontsize14)}
.home-product .item-list .pro-box li .title{font-size:var(--fontsize14)}
.home-product .item-list .cate-box .info .title{font-size:var(--fontsize22)}}