@import url(aos.css);
.index>main>section{position:relative}
body.index header{background:0 0}
.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(--fontblod6);color:#0b2154;text-align:center;text-transform:none;line-height:1.2}
.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:#fff;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;width:100%}
.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:#fff;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:#fff;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:none}
.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:linear-gradient(120deg,#eaf4ff 0%,#f7fbff 48%,#edf5fb 100%);overflow:hidden}
.home-adv .advwrap{margin-top:3%;position:relative}
.home-adv .advwrap::before{content:"";position:absolute;right:-90px;top:-70px;width:260px;height:260px;border:42px solid rgba(254,125,65,.08);border-radius:50%;pointer-events:none}
.home-adv .adv-intro{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:34px;align-items:stretch}
.home-adv .intro-copy{background:#fff;border:1px solid rgba(7,32,64,.08);border-radius:8px;padding:36px 40px;box-shadow:0 18px 48px rgba(7,32,64,.08);position:relative;z-index:1}
.home-adv .intro-copy .eyebrow{display:inline-flex;color:var(--color);font-weight:var(--fontblod6);font-size:14px;margin-bottom:14px}
.home-adv .intro-copy h3{font-size:32px;line-height:1.25;color:#072040;margin-bottom:18px}
.home-adv .intro-copy p{color:#536273;margin-top:12px;line-height:1.8}
.home-adv .intro-points{display:grid;gap:16px;position:relative;z-index:1}
.home-adv .intro-points li{background:#072040;color:#fff;border-radius:8px;padding:24px 22px;box-shadow:0 16px 36px rgba(7,32,64,.14)}
.home-adv .intro-points li strong{display:block;font-size:30px;line-height:1;color:var(--color);margin-bottom:10px}
.home-adv .intro-points li span{display:block;font-size:15px;line-height:1.5}
.home-adv .adv-card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:28px;position:relative;z-index:1}
.home-adv .adv-card{background:#fff;border:1px solid rgba(7,32,64,.08);border-radius:8px;overflow:hidden;box-shadow:0 18px 48px rgba(7,32,64,.08);transition:all .18s linear}
.home-adv .adv-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(7,32,64,.14)}
.home-adv .adv-card .card-img{width:100%;aspect-ratio:4/3;background:#dcecff}
.home-adv .adv-card .card-img::after{padding-bottom:0}
.home-adv .adv-card .card-img img{width:100%;height:100%;object-fit:cover;object-position:left top}
.home-adv .adv-card .card-body{padding:24px}
.home-adv .adv-card .card-body h4{font-size:22px;color:#072040;margin-bottom:10px}
.home-adv .adv-card .card-body p{color:#536273;line-height:1.75}
.home-adv .adv-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;background:#072040;color:#fff;border-radius:8px;padding:24px 28px;position:relative;z-index:1}
.home-adv .adv-footer p{font-size:20px;font-weight:var(--fontblod5)}
@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:center}
.home-about .l-wrap .about-img{width:42%;overflow:hidden;border-radius:5px}
.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(1.02)}
.home-about .about-right{flex:1;padding-left:45px}
.home-about .about-right .home-des{justify-content:flex-start;margin-bottom:20px}
.home-about .about-right>p{color:#727a84;margin:50px 0}
.home-about .about-right .home-title{text-align:left;text-transform:none}
.home-about .about-right ul li{color:#0b2154;font-weight:var(--fontblod5);margin-bottom:10px;position:relative}
.home-about .about-right ul li:last-child{margin-bottom:0}
.home-about .about-right ul li em{color:var(--color);margin-right:10px}
.home-about .about-right .about-right-middle{position:relative;margin-bottom:40px}
.home-about .about-right .about-right-middle .middle-img{position:absolute;top:50%;transform:translate(-50%,-50%);left:0;z-index:1;max-width:39%;border-bottom:5px solid #27b6ff}
.home-about .about-right .about-right-middle img{transition:.3s;width:100%}
.home-about .about-right .about-right-middle img:hover{transform:scale(1.02)}
@media (max-width:1440px){
.home-about .about-right>p{margin:20px 0}}
@media (max-width:1366px){
.home-about .about-right>p{margin:15px 0}
.home-about .about-right .about-right-middle{margin-bottom:30px}}
@media(max-width:1024px){
.home-about .about-right .about-right-middle .middle-img{position:static;transform:none;margin-bottom:10px}
.home-about .about-right .about-right-middle{padding-left:0;margin-bottom:20px}}
@media (max-width:768px){
.home-about .about-right{padding-left:0;margin-top:20px}}
@media (max-width:480px){
.home-about .about-right .about-right-middle .middle-img{max-width:100%}}
.home-mainproduct{background:no-repeat top;background-image:url(../images/homepro-bg.webp);background-size:cover}
.home-mainproduct .homepro-list{display:flex;flex-wrap:wrap;margin-top:30px}
.home-mainproduct .homepro-list li{position:relative;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:#fff;background:var(--color)}
.home-mainproduct .homepro-list li a:hover .info .text,.home-mainproduct .homepro-list li a:hover .info .title{color:#fff}
.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{flex:1;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-mainproduct .homepro-list li .icon-hottitle{position:absolute;top:15px;left:-14px;color:#fff;width:50px;height:25px;background:var(--color);font-size:14px;display:flex;align-items:center;justify-content:center;text-transform:uppercase}
.home-mainproduct .homepro-list li .icon-hottitle::before{content:"";position:absolute;bottom:-9px;left:4px;border:10px solid transparent;border-bottom:10px solid var(--color);opacity:.8;transform:rotate(45deg)}
.home-mainproduct .homepro-list li .icon-hottitle::after{position:absolute;content:"Hot";top:50%;left:50%;transform:translate(-50%,-50%)}
.home-case{background:no-repeat center bottom;background-size:cover;overflow:hidden}
.home-case::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,19,45,.36),rgba(4,19,45,.12) 42%,rgba(4,19,45,.52));pointer-events:none}
.home-case .l-wrap{position:relative;z-index:1}
.home-case .home-des,.home-case .home-title{color:#fff}
.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(--color);border-radius:50%;color:#fff;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;padding:8px 14px}
.home-case .homecase-list .swiper-slide:hover .img{transform:translateY(-4px)}
.home-case .homecase-list .swiper-slide:hover .img img{transform:scale(1.025)}
.home-case .homecase-list .swiper-slide:hover .info .title{color:var(--color)}
.home-case .homecase-list .swiper-slide::after{display:none}
.home-case .homecase-list .swiper-slide .img{width:100%;padding:0;aspect-ratio:16/11;display:block;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(255,255,255,.08);box-shadow:0 20px 48px rgba(1,16,42,.28);transition:all .18s linear}
.home-case .homecase-list .swiper-slide .img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(4,19,45,.08));pointer-events:none}
.home-case .homecase-list .swiper-slide .img img{width:100%;height:100%;object-fit:cover;transition:all .18s linear}
.home-case .homecase-list .swiper-slide .info{display:none}
.home-case .homecase-list .swiper-slide .info .icon{position:absolute;top:-40px;left:50%;transform:translateX(-50%);border-radius:50%;background:#fff;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:#fff;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:#fff}
.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;background:#eaf4ff;display:flex;align-items:center;justify-content:center;min-height:570px}
.choosewrap .right img{width:100%;height:100%;object-fit:contain;display:none;padding:12px}
.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:var(--color);width:100%}
.homenews-list .homenews-item:hover .info .title{color:var(--color)}
.homenews-list .homenews-item .img{position:relative;display:block}
.homenews-list .homenews-item .img .date{position:absolute;bottom:0;left:20px;width:60px;height:70px;background:var(--color);color:#fff;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(--color)}
.homenews-list .homenews-item .info .title{font-size:22px;font-weight:var(--fontblod6);color:#0b2154;transition:all .1s linear}
.homenews-list .homenews-item .info .text{margin-top:10px;font-size:16px;color:#727a84;padding-bottom:5px;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:var(--color)}
.home-contact{background:no-repeat center;background-size:cover;color:#fff;text-align:center}
.home-contact .home-title{color:#fff}
.home-contact ul{margin-top:25px;display:inline-flex;flex-direction:column;align-items:flex-start}
.home-contact ul li{display:flex;justify-content:center;margin-top:15px}
.home-contact ul li span{transform:skew(-10deg);margin-right:20px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:#fff;margin-right:10px}
.home-contact ul li em{font-weight:var(--fontblod6);font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:18px;color:#0e57a2;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:var(--color)}
.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 .intro-copy h3{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 .adv-intro{grid-template-columns:1fr}
.home-adv .intro-points{grid-template-columns:repeat(3,1fr)}
.home-adv .adv-card-list{grid-template-columns:repeat(2,1fr)}
.home-adv .intro-copy h3{font-size:26px}
.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 .intro-copy{padding:28px 24px}
.home-adv .intro-points{grid-template-columns:1fr}
.home-adv .adv-card-list{grid-template-columns:1fr}
.home-adv .adv-footer{align-items:flex-start;flex-direction:column}
.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 .right{min-height:360px}
.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:12px;margin-top:10px}
.home-adv .intro-copy h3{font-size:22px}
.home-adv .adv-card .card-body{padding:20px}
.home-adv .adv-footer p{font-size:18px}
.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:#333;border-radius:50%;margin:0 10px}
.choosewrap .highlight span.act{background:var(--color)}
.home-txt{padding:5% 0;max-width:1200px;margin:0 auto}
.home-txt .home-title{margin-bottom:20px}
.home-txt .tip{font-size:20px;margin:4px 0 0;font-weight:var(--fontblod6)}
.home-txt .home-more{margin-top:30px}
@media screen and (max-width:768px){
.home-txt{padding:30px 0}}