﻿   @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500&display=swap');
@font-face{font-family:AGRESSIVE;src:url('/js/46940/AGRESSIVE.otf') format('truetype')}
.home-about{background:#f4f6f7}
.home-product1{background:#eef2f4}
.home-product1 .swiper .swiper-slide::after{display:none}
#product-swiper1{touch-action:none !important;overflow:visible !important}
#product-swiper1 .swiper-wrapper{transform:none !important;transition:none !important;display:grid !important;grid-template-columns:repeat(4,1fr) !important;grid-template-rows:repeat(2,auto) !important;gap:15px !important}
#product-swiper1 .swiper-slide{width:100% !important}
.home-product1 .product-list .home-button-next,.home-product1 .product-list .home-button-prev{display:none !important}
@media (max-width:1024px){#product-swiper1 .swiper-wrapper{grid-template-columns:repeat(2,1fr) !important}
.home-product1 .product-list{padding:0 2%}
}
@media (max-width:450px){#product-swiper1 .swiper-wrapper{grid-template-columns:repeat(1,1fr) !important}
}
.home-product1 .swiper .swiper-slide .img{overflow:hidden}
.home-product1 .swiper .swiper-slide .info{display:flex;justify-content:space-between}
.home-product1 .swiper .swiper-slide .info .title{font-size:var(--fontsize18);color:var(--fontcolor);text-transform:capitalize}
.home-product1 .swiper .swiper-slide .img a img{height:auto;aspect-ratio:1/1;object-fit:contain;width:100%}
.home-product1 .swiper .swiper-slide:hover .img img{transform:scale(1.1)}
.home-product1 .swiper .swiper-slide .info i{color:var(--color);font-size:var(--fontsize20)}
.home-product1 .swiper .swiper-slide .info{padding-bottom:0;margin-top:10px;padding-top:0}
.home-service .service-wrap{max-width:unset}
.home-application .applist .item .info p img{max-width:40px}
@media (min-width:1025px){.home-banner .swiper-slide a img{height:100vh}
}.home-service .service-wrap .service-item{color:var(--fontcolor);background:#F9F9F9}
.home-service .service-wrap .service-item .text{color:var(--fontcolor)}
.home-service .service-wrap .service-item .bg i{color:#00000035}
.home-service .service-wrap .service-item:hover,.home-service .service-wrap .service-item:hover .text,.home-service .service-wrap .service-item:hover .icon i{color:#fff}
.home-application .applist .item .pic img{aspect-ratio:13/10}
@media (min-width:1025px){.home-application .applist .item .title{height:78px;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2}
.banner-animote{max-width:700px;top:40%}
.banner-animote .title{color:#fff}
.banner-animote .text{color:#fff}
}.home-banner .ban{position:absolute;top:36%;left:50%;transform:translate(-50%,-50%);width:max-content;opacity:0}
.home-banner .swiper-slide-active .ban{animation:bannerup1 1s forwards}
@keyframes bannerup1{0%{margin-top:20px;opacity:0}
100%{margin-top:0;opacity:1}
}
.home-banner{font-family:"Poppins"}
.home-banner .swiper-slide a img{height:auto}
.home-banner .ban1{top:31%;text-align:center;line-height:1}
.home-banner .ban2{top:25%}
.home-banner .ban1 .p1{font-size:2.4vw;font-weight:bold;font-family:AGRESSIVE !important}
.home-banner .ban1 .p2{margin-top:.3vw;font-size:1.2vw}
.home-banner .ban3{top:44%;left:41%;width:46%;line-height:1}
.home-banner .ban3 .p1{margin-left:30%;font-size:1.2vw;font-family:AGRESSIVE !important}
.home-banner .ban3 .p2{margin:1vw 0 0;font-size:3vw;font-weight:bold;font-family:AGRESSIVE !important}
.home-banner .ban3 .p2 span{margin-left:5%}
.home-banner .ban3 .p3{font-size:1.8vw;font-weight:bold}
.home-banner .ban3 .p3 span{margin-left:5%}
.home-video .videowrap .videoinner iframe{display:block;height:auto;aspect-ratio:16/9}
.home-video .videowrap .videoitem{width:48%}
.home-video .videowrap .title{display:none}
@media (max-width:768px){.home-video .videowrap .videoitem{width:100%}
}.home-product1{padding:3% 0}
.home-product1 .l-wrap{padding:0px 80px}
@media (max-width:1024px){.home-product1 .l-wrap{padding:0px}
}

.home-about .about-info .more a {background: #d9791f;border-color:#d9791f;}
.home-about .about-info .more a:hover {color: #d9791f;}
.home-honor,.home-product{background:#f5f7f8}
@media (min-width:1025px){.home-service .service-wrap {justify-content:center}}
.home-static{background:url(https://css02.v15cdn.com/m421/static-bg.webp) var(--color1) no-repeat left top}

.home-title{font-weight:var(--fontbold6)}
.home-des{font-size:var(--fontsize15)}
.home-product1 .swiper .swiper-slide .info .title,
.home-product .swiper .swiper-slide .info .title{font-weight:var(--fontbold6)}

@font-face {font-family:"iconfont2";font-display:swap;src:url('https://css02.v15cdn.com/m439/fonts/iconfont.woff2?t=1773210533151') format('woff2'),url('https://css02.v15cdn.com/m439/fonts/iconfont.woff?t=1773210533151') format('woff'),url('https://css02.v15cdn.com/m439/fonts/iconfont.ttf?t=1773210533151') format('truetype');}
.icon-jiahao{font-family:"iconfont2" !important;}
.icon-jiahao:before {content:"\e727";}
.home-banner .swiper-slide >a{position:relative}
.home-banner .swiper-slide >a:after{content:'';width:100%;height:84%;position:absolute;bottom:0;left:0;background: linear-gradient(90deg, rgba(32, 42, 49, 0.88), rgba(32, 42, 49, 0.52) 44%, rgba(32, 42, 49, 0.14)), linear-gradient(0deg, rgba(32, 42, 49, 0.42), transparent 48%);}
.banner-animote{z-index:2;color:#fff;text-transform:initial}
.banner-animote>.p1:first-child{color:#f5cda7}
.home-banner .banner-animote .p1{font-size:var(--fontsize18);font-weight:400}
.home-banner .banner-animote .home-title{font-size:40px;font-weight:var(--fontbold5);color:var(--fontcolor);text-align:center;text-transform:capitalize;line-height:1.4;position:relative;padding-bottom:15px;color:#FFFFFF;text-align:left;margin-bottom:20px}
.home-banner .banner-animote .home-title::after{content:"";position:absolute;bottom:0;width:60px;height:4px;background:#d9791f ;border-radius:3px;left:0px;transform:none}
.home-banner .banner-animote .p3{margin-top:2em;display:flex}
.home-banner .home-more{width:auto!important;min-width:180px;padding:10px 15px;border-radius:24px;font-weight:400;background:#d9791f ;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;transition:all .1s linear;font-size:var(--fontsize16);position:relative;z-index:1;overflow:hidden}
.home-banner .home-more.line em{padding-left:10px}
.home-banner .home-more.line em::after{content:"";position:absolute;left:0px;top:50%;transform:translateY(-50%);width:1px;height:12px;background:#FFFFFF}
.home-banner .home-more em{margin-left:10px;transition:all .1s linear;position:relative}
.home-banner .home-more:hover{opacity:.9}
@media (max-width:1024px){.banner-animote{width:92%;left:4%;top:20%}
.home-banner .banner-animote .home-title{font-size:26px;padding-bottom:10px;margin-bottom:12px}
.home-banner .banner-animote .p3{margin-top:20px}}
@media (max-width:768px){.home-banner .banner-animote .p1{font-size:var(--fontsize13);}
.home-banner .banner-animote .home-title{font-size:20px;padding-bottom:7px;margin-bottom:8px}
.home-banner .banner-animote .home-title::after{width:40px;height:2px}
.home-banner .banner-animote .p3{margin-top:15px}
.home-banner .home-more{min-width:initial;padding:7px 15px;font-size:var(--fontsize13)}
.home-banner .home-more.line em{font-size:var(--fontsize13)}
.home-banner .home-more.line em{padding-left:5px;margin-left:5px}}
@media (max-width:600px){.banner-animote{width:100%;left:0%;}
.home-banner .banner-animote .p1{font-size:var(--fontsize12);}
.home-banner .banner-animote .home-title{font-size:16px;}
.home-banner .banner-animote .p3{display:none}}
@media (max-width:500px){.banner-animote>.p1:first-child{display:none}
.home-banner .banner-animote .home-title{font-size:14px;}}
.home-honor .honorwrap .item img{cursor:pointer}
.certi-body{position:fixed;left:0;top:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:9}
.certi-body::after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
.certi-body img{z-index:1;position:relative;height:80%}