﻿
.home-service .service-wrap .service-item{background:#7d7d7d;}
#product-swiper2 .swiper-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;}
#product-swiper2 .swiper-wrapper .swiper-slide{height:auto;width:24%;margin-bottom:20px;}
@media (max-width:1024px){#product-swiper2 .swiper-wrapper .swiper-slide{width:48%}}
.home-product{padding-top:30px;}
.home-product .home-title,.home-application .home-title{font-weight:var(--fontbold7);text-transform: uppercase;}
.home-product .home-title-line{display:none;}
.home-product .home-des{padding:0;}
@media (max-width:540px){.home-product .swiper .swiper-slide .info{margin:8px 0 0;padding:0 0 10px}
.home-product .swiper .swiper-slide .info .title{line-height:1.4}
.home-product .swiper .swiper-slide .info i{display:none}}
.home-static{background:#7d7d7d}

.home-service .service-wrap .service-item{background: initial;}
.home-service .service-wrap .service-item,.home-service .service-wrap .service-item .text,.home-service .service-wrap .service-item .bg i{color: #000;}
.home-service .service-wrap .service-item:hover, .home-service .service-wrap .service-item:hover .text, .home-service .service-wrap .service-item:hover .bg i{color: #fff;}
.home-static{background:initial}
.home-static::before{display: none;}
.home-static .list li,.home-static .list li .inner{color: #000;}
.home-static .list li .num::after{background: #000;}
.home-static .list li .icon img{filter: brightness(0);}

.home-application #application-swiper .swiper-wrapper{display:flex;flex-wrap:wrap;justify-content: space-between;transform: none !important;}
.home-application #application-swiper .swiper-wrapper .swiper-slide{width:24% !important;margin-right:0 !important;height:auto;}
.home-application #application-swiper .swiper-wrapper .swiper-slide>a{display:block;width:100%;height:100%;}
.home-application .applist .item{display:flex;flex-direction: column;height:100%;}
.home-application .applist .item .info{flex:1;}
@media (min-width:769px){.home-application #application-swiper .swiper-wrapper .swiper-slide{margin-top:2%;}}
@media (max-width:768px){.home-application #application-swiper .swiper-wrapper .swiper-slide{width:49% !important;margin-bottom:2%;}}
.home-application .applist .item .pic img{aspect-ratio: 1 / 1;object-fit: contain;background: #fff;}

.home-aboutus{position: relative;overflow: hidden;}
.home-aboutus .about-tit{background: #4C4C4C;padding:20px 0;}
.home-aboutus .about-tit .l-wrap{padding-left:80px;padding-right:80px;}
.home-aboutus .about-tit .home-title{color:#fff;text-transform: uppercase;text-align: left;padding-bottom:0;}
.home-aboutus .about-inner{padding:4% 0;background:url(/uploads/44487/page/p2025090509032378431.jpg) no-repeat center/cover;position:relative;}
.home-aboutus .about-inner:after{content:'';width:100%;height:100%;display: block;background:rgba(0,0,0,0.5);position: absolute;top:0;left:0;z-index:1;}
.home-aboutus .about-inner .l-wrap{display:flex;align-items: center;justify-content: space-between;flex-wrap:wrap;z-index:2;position: relative;color:#fff;padding-left:80px;padding-right:80px;}
.home-aboutus .about-inner .about-left{width:49%;}
.home-aboutus .about-inner .about-right{width:49%;}
.home-aboutus .about-inner .about-right .about-right-tit{font-weight:var(--fontbold5);font-size:38px;}
.home-aboutus .about-inner .about-right .about-right-line{width:85%;height:1px;display: block;margin:10px 0 15px;background: #fff;}
.home-aboutus .about-inner .about-right .about-right-des p{margin-bottom:30px;}
.home-aboutus .about-inner .about-right .about-more{text-align: right;}
.home-aboutus .about-inner .about-right .about-more a{margin-right:15%;background:#F10B0B;padding:5px 25px;color:#fff;font-weight:var(--fontbold5);transition: all .3s;}
.home-aboutus .about-inner .about-right .about-more a:hover{background: var(--color);}
.home-aboutus .about-inner .about-bot{width:100%;margin-top:15px;}
.home-aboutus .about-inner .about-bot p{padding-left:30px;position: relative;font-size:20px;}
.home-aboutus .about-inner .about-bot p:before{content:'';width:20px;display:block;height:3px;background: #fff;position: absolute;top:50%;transform: translateY(-50%);left:0;}
.home-aboutus .about-inner .about-bot p:after{content:'';width:100vw;height:1px;display:block;background: #3F5367;position: absolute;top:50%;left:20%;}
.home-aboutus .about-inner .about-side{position: absolute;bottom:42%;right:-6%;font-size:90px;font-weight: var(--fontbold7);color:#5A5A5A;transform: rotate(90deg);text-transform: uppercase;line-height: 1;z-index:2;}
.home-aboutus .about-inner .about-side:after{content:'';width:130%;height:1px;display:block;background: #3F5367;}
@media (max-width:1600px){.home-aboutus .about-inner .about-right{padding-right:70px;}
.home-aboutus .about-inner .about-bot p:after{left:20%;}}
@media (max-width:1440px){.home-aboutus .about-inner .about-right .about-right-tit{font-size:30px;}
.home-aboutus .about-inner .about-side{bottom:35%;font-size:80px;}
.home-aboutus .about-inner .about-bot p:after{left:25%;}}
@media (max-width:1024px){.home-aboutus .about-inner{padding:30px 0;}
.home-aboutus .about-inner .about-side{display:none;}
.home-aboutus .about-inner .about-right{padding-right:0;}
.home-aboutus .about-inner .about-bot{display:none;}
.home-aboutus .about-inner .about-left,.home-aboutus .about-inner .about-right{width:100%;margin:10px 0;}
.home-aboutus .about-inner .about-right .about-right-line{width:100%;}
.home-aboutus .about-inner .about-right .about-more a{margin-right:0;}}
@media (max-width:768px){.home-aboutus .about-inner .l-wrap,.home-aboutus .about-tit .l-wrap{padding-left:15px;padding-right:15px;}
.home-aboutus .about-inner .about-right .about-right-tit{font-size:22px;}}


.home-factory{padding:4% 0;position: relative;}
.home-factory .l-wrap{padding-left:80px;padding-right:80px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.home-factory .fac-left{width:49%;}
.home-factory .fac-left ul{display:flex;flex-wrap:wrap;justify-content: center;align-items: center;}
.home-factory .fac-left ul li{width:32%;margin:0 2% 0 0;}
.home-factory .fac-left ul li:nth-child(3n){margin-right:0;}
.home-factory .fac-left ul li:nth-child(n + 4){margin-top:15px;}
.home-factory .fac-left ul li img{width:100%;display:block;}
.home-factory .fac-right{width:49%;position:relative}
.home-factory .fac-right lite-youtube{max-width:100%;}
@media (min-width:1025px){.home-factory .fac-right lite-youtube{height:100%;position:absolute;top:0;left:0;}
.home-factory .fac-right lite-youtube::after{padding:0}}
@media (max-width:1024px){.home-factory{padding:30px 0;}
.home-factory .fac-left,.home-factory .fac-right{width:100%;margin:10px 0;}}
@media (max-width:768px){.home-factory .l-wrap{padding-left:15px;padding-right:15px;}
.home-factory .fac-left ul li:nth-child(n + 4){margin-top:10px;}}
@media (min-width:769px){.home-service .service-wrap .service-item{padding:20px 25px}
.home-static{padding-top:30px;}}
.home-cate .cateimg img{object-fit: contain;background: #fff;}


.diverse-container2{margin-top:2em;display:flex;flex-wrap:wrap;align-items:center}
.diverse-container2 .left{width:45%;padding-right:5%;z-index:9}
.diverse-container2 .left .p1{font-weight:var(--fontbold6);font-size:20px}
.diverse-container2 .left .list{margin-top:2em}
.diverse-container2 .left .list li{position:relative;display:flex;align-items:center;width:100%;height:100px;background:#fff;box-shadow:0 2px 16px 0 rgba(214,214,214,.45);padding:18px 24px;padding-right:50px;margin-top:1em;transition:.3s ease-in-out}
.diverse-container2 .left .list li .icon{width:72px;height:72px;background:#f4f4f4;display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out}
.diverse-container2 .left .list li .icon em{color:var(--color);font-size:var(--fontsize30);transition:.3s ease-in-out}
.diverse-container2 .left .list li .title{width:300px;font-size:var(--fontsize20);font-weight:var(--fontbold5);padding:0 20px}
.diverse-container2 .left .list li .text{opacity:0;flex:1;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--introcolor);transition:.5s ease-in-out}
.diverse-container2 .left .list li .text p{width:240px}
.diverse-container2 .left .list li .fixed{position:absolute;right:0;top:0;width:45px;height:100%;background:#f4f4f4;display:flex;align-items:center;justify-content:center;transition:all .2s linear}
.diverse-container2 .left .list li .fixed em{font-size:var(--fontsize28)}
.diverse-container2 .left .list li.active{width:calc(100% + 120px)}
.diverse-container2 .left .list li.active .icon{background:var(--color)}
.diverse-container2 .left .list li.active .icon em{color:#fff}
.diverse-container2 .left .list li.active .text{opacity:1;margin-top:15px}
.diverse-container2 .left .list li.active .fixed{background:var(--bgcolor)}
.diverse-container2 .left .list li.active .fixed em{color:#fff;transform:rotate(180deg)}
.diverse-container2 .right{flex:1}
.diverse-container2 .diverse-content{display:none}
.diverse-container2 .diverse-content img{opacity:0}
.diverse-container2 .right .diverse-content.active{display:block}
.diverse-container2 .right .diverse-content.active img{animation:diverseImg .3s .2s linear forwards}
@media (max-width:1280px){.diverse-container2 .left{width:53%}}
@media (max-width:768px){.diverse-container2{flex-direction:column}
.diverse-container2 .left{width:100%;padding:0;margin-bottom:20px}
.diverse-container2 .left .list li.active{width:100%}
.diverse-container2 .left .list li .icon{width:50px;height:50px}
.diverse-container2 .left .list li .title{font-size:var(--fontsize18);flex:1}
.diverse-container2 .left .list li .text{display:none}}
@media (max-width:500px){.diverse-container2 .left .p1{font-weight:var(--fontbold4);font-size:var(--fontsize16)}
.diverse-container2 .left .list li{height:80px;padding:15px 10px;padding-right:40px}
.diverse-container2 .left .list li .title{font-size:var(--fontsize16);padding:0 10px}}