@import url(https://css02.v15cdn.com/m604/aos.css);
.index>main>section{position:relative}
body.index header{background:none}
.home-des{text-transform:uppercase;color:#afb5bb;font-size:14px;display:flex;justify-content:center;align-items:center;font-weight:var(--fontblod6);margin-bottom:15px}
.home-des em{margin-right:10px;font-style:inherit;border:2px solid #b8bdc2;display:inline-flex;width:16px;height:16px;transform:rotate(-45deg);position:relative}
.home-des em::before{content:"";position:absolute;left:-4px;top:-4px;width:3px;height:14px;background:var(--color)}
.home-des em::after{content:"";position:absolute;left:-2px;top:-4px;width:14px;height:3px;background:var(--color)}
.home-title{font-size:var(--hometitle);font-weight:var(--fontblod5);color:#0b2154;text-align:center;text-transform:capitalize}
.home-more{min-width:180px;height:50px;padding:0 15px;background:var(--color);font-weight:var(--fontblod5);border-radius:3px;display:inline-flex;align-items:center;justify-content:center;color:#FFFFFF;position:relative;overflow:hidden}
.home-more em{margin-left:10px}
.home-more:hover::after{width:300px;height:300px}
.home-more::after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s linear;width:0;height:0;border-radius:50%;background:rgba(0,0,0,.05)}
.home-about,.home-adv,.home-case,.home-choose,.home-contact,.home-mainproduct,.home-news,.home-withus{padding:3% 0}
.home-banner .pcimg{display:block}
.home-banner .pcimg img{display:block}
.home-banner .mobimg{display:none}
.home-banner .mobimg img{display:none}
.banner-button-next,.banner-button-prev{position:absolute;left:70px;top:50%;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;background:rgba(0,0,0,.3);color:#FFFFFF;font-size:22px;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer;font-weight:var(--fontblod5)}
.banner-button-next{left:auto;right:70px}
.home-banner .swiper-slide{overflow:hidden}
@media (max-width:768px){.banner-button-next,.banner-button-prev{display:none}
.home-banner .swiper-slide img{width:100%}
.home-banner .pcimg{display:none}
.home-banner .pcimg img{display:none}
.home-banner .mobimg{display:block}
.home-banner .mobimg img{display:block}}
.home-banner .swiper-pagination-bullet{background-color:#e2e2e2;border-radius:999px;height:4px;opacity:1;overflow:hidden;position:relative;width:32px}
.home-banner .swiper-pagination-bullet:after{background-color:var(--color);border-radius:999px;content:"";display:block;height:100%;width:0}
.home-banner .swiper-pagination-bullet-active.cur::after{transition:width 6s linear;width:100%}
.home-banner .banner-animote{position:absolute;top:35%;text-align:center;color:#FFFFFF;opacity:0;width:100%;padding:0 15px}
.home-banner .banner-animote .title{font-size:44px;font-weight:var(--fontblod5);line-height:1.4;text-transform:capitalize}
.home-banner .banner-animote .text{margin-top:20px;font-size:18px}
.home-banner .banner-animote .btn{margin-top:4em}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s}
@keyframes bannerani{0%{opacity:0;transform:scale(0)}
100%{opacity:1;transform:scale(1)}}
.home-adv{background:#e7edf4}
.home-adv .advwrap{margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
.home-adv .advwrap .advwrap-nav{width:275px}
.home-adv .advwrap .advwrap-nav li{width:100%;height:65px;line-height:65px;padding:0 15px;color:#0b2154;font-size:20px;font-weight:var(--fontblod5);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.home-adv .advwrap .advwrap-nav li.act{background:#FFFFFF;box-shadow:0 6px 18px 3px rgba(208,208,208,.36);color:var(--color)}
.home-adv .advwrap .advwrap-container{flex:1;padding-left:50px}
.home-adv .advwrap .advwrap-content{display:flex;align-items:center;display:none}
.home-adv .advwrap .advwrap-content.act{display:flex;animation:slidecustom .5s forwards}
.home-adv .advwrap .advwrap-content .img{width:40%}
.home-adv .advwrap .advwrap-content .info{flex:1;padding-left:50px}
.home-adv .advwrap .advwrap-content .info .title{font-size:32px;line-height:1.2;margin-bottom:10px;font-weight:var(--fontblod5);color:#0b2154}
.home-adv .advwrap .advwrap-content .info p{color:#727a84}
.home-adv .advwrap .advwrap-content .info ul{color:#727a84;margin-bottom:2em}
.home-adv .advwrap .advwrap-content .info ul li{padding:3px 0;position:relative;padding-left:20px}
.home-adv .advwrap .advwrap-content .info ul li em{display:inline-flex;align-items:center;justify-content:center;width:6px;height:6px;background:var(--color2);border-radius:50%;margin-right:5px;position:absolute;left:0;top:12px}
@keyframes slidecustom{0%{opacity:0;transform:scale(.8)}
100%{opacity:1;transform:scale(1)}}
.home-about .l-wrap{display:flex;flex-wrap:wrap;align-items:flex-start}
.home-about .l-wrap .about-img{width:43%}
.home-about .l-wrap .about-img img{transition:all .1s linear;border-radius:4px;width:100%}
.home-about .l-wrap .about-img:hover img{transform:scale(.99)}
.home-about .about-info{flex:1;padding-left:50px}
.home-about .about-info .flex{display:flex;align-items:center;margin-left:-140px}
.home-about .about-info .img{background:#EEEEEE;border-bottom:5px solid var(--color2);margin-right:20px}
.home-about .about-info .img img{width:100%}
.home-about .about-info .home-des{justify-content:flex-start}
.home-about .about-info h1{font-size:var(--hometitle);font-weight:var(--fontblod5);position:relative;margin:20px 0;max-width:500px;line-height:1.2}
.home-about .about-info .p{margin:40px 0;color:#727a84;line-height:1.8}
.home-about .about-info .list{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-about .about-info .list li{width:100%;padding:2px 0}
.home-about .about-info .list li .title{font-size:16px;color:#0b2154;display:flex;align-items:center}
.home-about .about-info .list li .title em{color:var(--color2);margin-right:10px}
.home-about .about-info .home-more{margin-top:30px}
.home-mainproduct{background:no-repeat top;background-image:url(https://admin.seo.com.cn/uploads/42217/page/p20240528142532cdb59.jpg);background-size:cover}
.home-mainproduct .homepro-list{display:flex;flex-wrap:wrap;margin-top:30px}
.home-mainproduct .homepro-list li{width:24%;margin-right:1.3%;margin-bottom:20px}
.home-mainproduct .homepro-list li:nth-child(4n){margin-right:0}
.home-mainproduct .homepro-list li a{border-radius:10px;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;border:1px solid #ddd;transition:all .1s linear}
.home-mainproduct .homepro-list li a:hover{border-color:var(--color)}
.home-mainproduct .homepro-list li a:hover .info{color:#FFFFFF;background:#0073e6}
.home-mainproduct .homepro-list li a:hover .info .text,.home-mainproduct .homepro-list li a:hover .info .title{color:#FFFFFF}
.home-mainproduct .homepro-list li .img{position:relative;aspect-ratio:3/2}
.home-mainproduct .homepro-list li .img.lazy-loaded .lazy-load{display:none}
.home-mainproduct .homepro-list li .img img{width:100%;height:100%;object-fit:cover}
.home-mainproduct .homepro-list li .info{background:#f7f7f7;padding:20px;text-align:center;transition:all .1s linear}
.home-mainproduct .homepro-list li .info .title{color:#000003;font-weight:var(--fontblod6);font-size:18px;transition:all .1s linear}
.home-mainproduct .homepro-list li .info .text{color:#727a84;transition:all .1s linear}
.home-case{background:no-repeat center;background-size:cover;padding-bottom:7%}
.home-case .home-title{color:#FFFFFF}
.home-case #homecaseswiper{width:100%}
.home-case .homecase-wrap{padding:0 100px;margin-top:3%;position:relative}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{position:absolute;left:0;top:50%;transform:translateY(-50%);width:50px;height:50px;background:var(--color2);border-radius:50%;color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer}
.home-case .homecase-wrap .homecase-button-next em,.home-case .homecase-wrap .homecase-button-prev em{font-size:22px}
.home-case .homecase-wrap .homecase-button-next{left:auto;right:0}
.home-case .homecase-list .swiper-slide{position:relative}
.home-case .homecase-list .swiper-slide:hover .img img{transform:scale(1.01)}
.home-case .homecase-list .swiper-slide:hover .info .title{color:var(--color)}
.home-case .homecase-list .swiper-slide::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:60%;background:#FFFFFF;z-index:-1}
.home-case .homecase-list .swiper-slide .img{width:100%;padding:0 20px;aspect-ratio:3/2}
.home-case .homecase-list .swiper-slide .img img{width:100%;height:100%;object-fit:cover}
.home-case .homecase-list .swiper-slide .info{text-align:center;position:relative;padding:35px 20px 30px}
.home-case .homecase-list .swiper-slide .info .icon{position:absolute;top:-40px;left:50%;transform:translateX(-50%);border-radius:50%;background:#FFFFFF;width:80px;height:80px;display:flex;align-items:center;justify-content:center}
.home-case .homecase-list .swiper-slide .info .icon img{width:50px}
.home-case .homecase-list .swiper-slide .info .title{font-weight:var(--fontblod5);font-size:22px;color:#072040;line-height:1.4}
.home-case .homecase-list .swiper-slide .info .text{color:#727a84;margin-top:15px;line-height:1.8}
.home-choose .des{text-align:center;color:#727a84;margin-top:10px}
.choosewrap{display:flex;flex-wrap:wrap;margin-top:3%}
.choosewrap .left{width:50%;background:#f5f5f5;padding:40px}
.choosewrap .left .list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.choosewrap .left .list li{width:20%;aspect-ratio:1/1;background:#FFFFFF;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:50%;font-weight:var(--fontblod5);transition:all .1s linear;cursor:pointer}
.choosewrap .left .list li em{font-size:40px;color:var(--color);line-height:1;transition:all .1s linear}
.choosewrap .left .list li span{font-size:18px;color:#232323;padding-top:5px;transition:all .1s linear}
.choosewrap .left .list li.act{background:var(--color)}
.choosewrap .left .list li.act em,.choosewrap .left .list li.act span{color:#FFFFFF}
.choosewrap .left .p1{font-size:22px;font-weight:var(--fontblod5);margin:30px 0}
.choosewrap .left .p2{color:#232323;margin-bottom:30px}
.choosewrap .left .p2 li{padding:3px 0}
.choosewrap .left .choose1,.choosewrap .left .choose2,.choosewrap .left .choose3,.choosewrap .left .choose4{display:none}
.choosewrap .left .choose1,
.choosewrap .left .choose2,
.choosewrap .left .choose3,
.choosewrap .left .choose4 {
  display:none;
}
.choosewrap .left .choose1.act,
.choosewrap .left .choose2.act,
.choosewrap .left .choose3.act,
.choosewrap .left .choose4.act {
  display:block;
}
.choosewrap .right{flex:1}
.choosewrap .right img{width:100%;height:100%;object-fit:cover;display:none}
.choosewrap .right img.act{display:block}
.home-withus #withusswiper{margin-top:3%}
.home-withus .swiper .swiper-wrapper{align-items:center;-webkit-transition-timing-function:linear!important;-moz-transition-timing-function:linear!important;-ms-transition-timing-function:linear!important;-o-transition-timing-function:linear!important;transition-timing-function:linear!important}
.home-withus .swiper-slide{width:auto!important}
.homenews-list{margin-top:3%;display:flex;flex-wrap:wrap;justify-content:space-between}
.homenews-list .homenews-item{width:32%;background:#f5f5f5;border-radius:5px}
.homenews-list .homenews-item:hover .img img{transform:scale(1.02)}
.homenews-list .homenews-item:hover .info::after{background:#00b0ff;width:100%}
.homenews-list .homenews-item:hover .info .title{color:#00b0ff}
.homenews-list .homenews-item .img{position:relative;display:block;aspect-ratio:3/2}
.homenews-list .homenews-item .img .date{position:absolute;bottom:0;left:20px;width:60px;height:70px;background:#00b0ff;color:#FFFFFF;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;font-weight:var(--fontblod5);line-height:24px}
.homenews-list .homenews-item .img img{width:100%;height:100%;object-fit:cover}
.homenews-list .homenews-item .info{padding:30px 20px;position:relative}
.homenews-list .homenews-item .info::after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:70%;height:3px;background:#d8d8d8;transition:all .1s linear}
.homenews-list .homenews-item .info .icon{color:var(--color2)}
.homenews-list .homenews-item .info .title{font-size:22px;font-weight:var(--fontblod5);color:#0b2154;transition:all .1s linear}
.homenews-list .homenews-item .info .text{margin-top:10px;font-size:16px;color:#727a84;padding-bottom:15px;border-bottom:1px solid #e2e9f0}
.homenews-list .homenews-item .info .more{display:inline-flex;align-items:center;font-size:16px;margin-top:20px;color:var(--color);line-height:1}
.homenews-list .homenews-item .info .more em{margin-left:5px;font-weight:var(--fontblod6);font-size:18px;color:#0073e6}
.home-contact{background:no-repeat center;background-size:cover;color:#FFFFFF;text-align:center}
.home-contact .home-title{color:#FFFFFF}
.home-contact ul{margin-top:25px}
.home-contact ul li{display:flex;justify-content:center;margin-top:15px}
.home-contact ul li span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#FFFFFF;margin-right:10px}
.home-contact ul li em{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;color:#0e57a2;font-style:italic;background:linear-gradient(0deg,#0e57a2 39.3798828125%,#d3e9ff 98.193359375%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.home-contact ul li p a{color:#00b0ff}
.home-contact ul li p a:hover{text-decoration:underline}
@media (max-width:1500px){.home-banner .banner-animote .title{font-size:34px}}
@media (max-width:1440px){.home-adv .advwrap .advwrap-content .info .title{font-size:30px}}
@media (max-width:1280px){.home-about .about-info .p{margin:30px 0}
.home-case .homecase-list .swiper-slide .info .title,.homenews-list .homenews-item .info .title{font-size:20px}
.home-case .homecase-wrap{padding:0 70px}}
@media (max-width:1024px){.home-more{min-width:150px;height:46px}
.home-about .about-info .home-more{margin-top:10px}
.home-mainproduct .homepro-list{justify-content:space-between}
.home-mainproduct .homepro-list li{width:48%;margin-right:0}
.homenews-list{justify-content:space-between}
.homenews-list .homenews-item{width:48%;margin-right:0;margin-bottom:30px}
.home-adv .advwrap .advwrap-nav{width:100%;display:flex;flex-wrap:wrap}
.home-adv .advwrap .advwrap-nav li{width:auto}
.home-adv .advwrap .advwrap-container{padding:0;margin-top:20px}
.home-adv .advwrap .advwrap-content .info .title{font-size:24px}
.home-banner .banner-animote{top:20%}}
@media (max-width:768px){.home-des{padding-left:10px}
.home-about,.home-adv,.home-case,.home-choose,.home-contact,.home-mainproduct,.home-news,.home-withus{padding:30px 0}
.home-banner .banner-animote{top:0;padding:0 15px;width:100%;height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center}
.home-banner .banner-animote .title{font-size:26px}
.home-banner .banner-animote .text{font-size:16px}
.home-banner .banner-animote .btn{display:none}
.home-about .l-wrap .about-img{width:100%}
.home-about .about-info{padding:0;margin-top:20px}
.home-about .about-info .p{margin:15px 0}
.home-about .about-info .flex{margin-left:0;flex-wrap:wrap;flex-direction:column;align-items:flex-start}
.home-about .about-info .list{margin-top:20px}
.home-mainproduct .homepro-list li{width:49%}
.home-mainproduct .homepro-list li .info{padding:20px 10px}
.home-adv .advwrap .advwrap-content{flex-wrap:wrap}
.home-adv .advwrap .advwrap-content .img{width:100%}
.home-adv .advwrap .advwrap-content .info{padding:0;margin-top:20px}
.home-case .homecase-wrap{padding:0 50px}
.home-case .homecase-wrap .homecase-button-next,.home-case .homecase-wrap .homecase-button-prev{width:40px;height:40px}
.choosewrap{flex-direction:column}
.choosewrap .left{width:100%;padding:20px 10px}
.choosewrap .left .list{justify-content:space-around}
.choosewrap .left .list li{width:40%;margin-bottom:20px}
.choosewrap .left .p1{margin:20px 0}}
@media (max-width:500px){.home-banner .banner-animote .title{font-size:16px}
.home-banner .banner-animote .text{font-size:14px;margin-top:10px}
.home-adv .advwrap .advwrap-nav li{width:100%;font-size:16px;height:45px;line-height:45px}
.homenews-list .homenews-item{width:100%}
.home-contact ul li{justify-content:flex-start;text-align:left}}
.choosewrap .highlight{display:flex;justify-content:center;margin-top:20px}
.choosewrap .highlight span{width:10px;height:10px;background:#333333;border-radius:50%;margin:0 10px}
.choosewrap .highlight span.act{background:var(--color)}