﻿.home-static {background:url(/uploads/46999/index/sbg.jpg) no-repeat center;background-size:cover;aspect-ratio:960/231;display:flex;align-items:center;}
.home-static::before {display:none}
.home-static .l-wrap {width:100%}
.home-static .list li {width:auto;max-width:19%}
.home-static .list li .num {text-align:center;font-size:32px;margin-bottom:30px;}
.home-about .about-info .text p{margin-top:15px}
@media (max-width:1280px){.home-static .list li .num{font-size:25px}}
@media (max-width:1024px){.home-static .list{justify-content:flex-start;gap:2%}
.home-static .list li {width:32%;max-width:initial;margin:20px 0!important}
.home-static{padding-top:40px;padding-bottom:40px}}
@media (max-width:768px){.home-static .list{gap:4%}
.home-static .list li {width:48%;}}
.home-application{background:#fff;}
#application-swiper .swiper-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
#application-swiper .swiper-slide{height:auto;}
#application-swiper .swiper-slide>a{display:block;width:100%;height:100%;}
#application-swiper .swiper-slide .item{height:100%;width:100%;display:flex;flex-direction:column;background:#f7f7f7}
.home-application .applist .item .info{flex:1;padding:20px}
.home-application .applist .item .title{padding:0 0 10px;margin-bottom:12px;font-weight:500}
.home-application .applist .item .info p{color:#666;font-size:15px}
#application-swiper .swiper-slide:hover .item{background:var(--color)}
#application-swiper .swiper-slide:hover .item .info p{color:#fff}
.home-product{background:#EDEBE5}
@media (max-width:1024px){#application-swiper .swiper-wrapper{grid-template-columns:repeat(2,1fr);}}
@media (max-width:500px){#application-swiper .swiper-wrapper{grid-template-columns:repeat(1,1fr);}}

.home-mater{padding:0 0 4%;}

.home-mater .l-wrap{margin:auto;padding:0 70px;max-width:1600px;width:100%}
.home-mater .list{display: flex;flex-wrap: wrap;margin-top:20px}
.home-mater .list .item{width: 50%;padding-right: 20px;margin-bottom: 10px;}
.home-mater .list .title{font-weight: bold;color:var(--color);font-size: 20px;}
@media (max-width:1024px) {.home-mater{padding-bottom:40px;}
.home-mater .list .item{width:100%;padding-right: 0;}
.home-mater .l-wrap{padding:0 20px;}
}