.n_gywm .hz1 {
}


.n_gywm .hz1 ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.n_gywm .hz1 .tt{
    font-weight: 400;
}
.n_gywm .hz1 li {
    border-left: 1px solid #c0c2c5;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.n_gywm .hz1 li .txt {
    display: flex;
    align-items: flex-start;
}

.n_gywm .hz1 li p {
    font-size: var(--f60);
    color: var(--themeColor);
}

.n_gywm .hz1 li i {
    font-size: var(--f32);
    font-weight: bold;
    color: var(--themeColor);
    font-style: normal;
}

.n_gywm .hz1 li span {
    transform: translateY(.625rem);
    margin-left: .4rem;
    font-size: var(--f16);
    color: #1f1e24;
}

.n_gywm .hz1 li:last-child {
    border-right: 1px solid #c0c2c5;
}

.n_gywm .hz1 li h6 {
    font-size: var(--f18);
    color: #1f1e24;
    margin-top: .4rem;
}
.n_gywm .hz1 .about-video {
    gap: 1rem;
}
.n_gywm .hz1 .about-video .video-bg{
    width: 48%;
    height: auto;
    aspect-ratio: 750/480;
}
.n_gywm .hz1 .about-video .about-swiper{
    flex: 1;
    height: auto;
    /*aspect-ratio: 825/480;*/
}

.n_gywm .ar_article{
    line-height: 2.4;
}

.about-swiper .swiper-button{
    height: 5rem;
    width: 2.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--themeColor);
    --swiper-navigation-sides-offset:0;
}
.about-swiper .swiper-button i{
    color: #fff;
    font-size: var(--f22);
}
.about-swiper .swiper-button::after{
    /*display: none;*/
    font-size: var(--f22);
    color: #fff;
}
.about-swiper .swiper-button-next{
    background: #fff;
}
.about-swiper .swiper-button-next::after{
    color: #333;
}





/*企业文化*/
.n_gywm .hz2 {
}

.n_gywm .hz2 ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem
}

.n_gywm .hz2 li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

.n_gywm .hz2 li a .txt {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 20%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .5s ease;
}

.n_gywm .hz2 li a .img {
    width: 100%;
    height: 100%;
    position: relative;
}

.n_gywm .hz2 li a .img::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0,0,0,.2),transparent);
    z-index: 1;
}

.n_gywm .hz2 li a .txt img {
    width: 2.4rem;
    height: auto;
    aspect-ratio: 1/1;
    margin-bottom: 1rem;
}

.n_gywm .hz2 li a .txt h2 {
    font-size: var(--f28);
    color: #fff;
    margin-bottom: 1rem;
}

.n_gywm .hz2 li a .txt .p {
    text-align: center;
    padding: 0 3rem;
    font-size: var(--f18);
    font-weight: 300;
    color: #fff;
    /*margin-bottom: 4rem;*/
    line-height: 2;
    opacity: 0;
}

.n_gywm .hz2 li:hover a .txt {
    background-color: rgba(2,53,110,.85);
    height: 100%;
}
.n_gywm .hz2 li:hover a .txt .p{
    opacity: 1;
}



/*智慧厂区*/
.about-zh .top .rt{
    width: 70%;
    display: flex;
    align-items: flex-end;

}
.about-zh .swiper-scrollbar{
    position: static;
    width: 100%;
}
.about-zh .swiper-scrollbar{
    height:1px;
    background: #dbdde0;
    border-radius: 0;
}
.about-zh .swiper-scrollbar-drag{
    background: var(--themeColor);
    height:4px ;
    top: -2px;
}
.about-zh .swiper{
    overflow: unset;
}
.about-zh .item .img-db{
    height: auto;
    aspect-ratio: 550/380;
    border-radius: .6rem;
}
.about-zh .item p {
    font-size: var(--f18);
    color: #1f1e24;
    margin-top: .8rem;
    text-align: center;
}

/*资质荣誉*/
.about-ry .n_honor .ul .li .img{
    padding: 5%;
}
.zizhi .swiper{
    height: 40rem;
}
.about-ry .n_honor .ul .li .img{
    width: 100%;
}
.about-ry .n_honor .ul .li a::before{
    width: 90%;
    bottom: 1%;
}
.about-ry .n_honor .ul .li a i{
    margin: 12% auto 1.2rem;
}
.about-ry .swiper-btn .swiper-button::after{
    display: block;
    font-size: var(--f20);
}
.about-ry .swiper-btn .swiper-button-prev{
    background: #d4dfeb;
    border-color: #d4dfeb;
}
.about-ry .swiper-btn .swiper-button:hover::after{
    color: #fff;
}
.about-ry .swiper-btn .swiper-button-next{
    transform: none;
    background: #d4dfeb;
    border-color: #d4dfeb;
}
.about-ry .swiper-btn .swiper-button:hover{
    background: var(--themeColor);
    border-color: var(--themeColor);
}