.A{
    padding: .8rem 0;
}
.A1 .content p,
.A1 .content span,
.A1 .content a
{
    font-size: .18rem !important;
    line-height: 1.5 !important;
}
.A1 .right{
    width: 45%;
    margin-left: 3%;
    margin-bottom: .05rem;
    height: 3.8rem;
    margin-top: -1rem;
}
.A2{
    background: url(../images/aboutbg.jpg) no-repeat center;
    background-size: cover;
}
.A2 ul{
    margin: .5rem 0;
}
.A2 li{
    width: 25%;
}
.A2 li span{
    display: inline-block;
    font-size: .2rem;
    color: #666;
    line-height: 1.5;
    width: 100%;
    text-align: center;
}
.A2 li  strong{
    font-size: .68rem;
    color: var(--color);
}
.A2 em{
    font-size: .2rem;
    line-height: 24px;
    text-align: center;
    display: block;
    width: 100%;
}
/* 企业文化 */
.A3{
    /* background: url(../images/about_b3.jpg) no-repeat bottom center; */
    /* background-size: cover; */
}
.A3 li{
    width: 32%;
    padding: .4rem .6rem;
    border-radius: 10px;
    border: 1px solid #3a3a3a;
    margin-top: .3rem;
}

.A3 li h2{
    font-size: .3rem;
    font-weight: 700;
    position: relative;
    opacity: .85;
}
.A3 li h2::before{
    content: '';
    position: absolute;
    bottom: -.185rem;
    left: 0;
    width: .6rem;
    height: 3px;
    background: var(--linear-gradient-g);
}
.A3 li p{
    opacity: .8;
    font-size: .24rem;
    line-height: 1.5;
    margin-top: .3rem;
}
/* 荣誉 */
.A4{
    background: url(../images/a_honor_bg.jpg) no-repeat bottom center;
    background-size: cover;
}
#a_honor{
    padding: .5rem;
}
#a_honor  .swiper-slide {
	width: 4rem;
	/* height: 408px; */
	background: #fff;
	box-shadow: 0 8px 30px #ddd;
    margin: 0 .13rem;

}
#a_honor  .swiper-slide::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    transition: all 1s;
}
#a_honor .swiper-slide-active::after{
    /* position: static; */
    transition: all 1s;
    background: transparent;


}
@media screen and (max-width:960px) {
    .A1 .content{
        display: flex;
        flex-flow: column-reverse;
        flex-wrap: wrap;
    }
    .A1 .content p, .A1 .content span, .A1 .content a {
        font-size: .2rem !important;
        line-height: 1.5 !important;
    }
    .A1 .right {
        width: 100%;
        margin-left: 0%;
        height: 4rem;
        margin-top: 0rem;
        float: none;
    }
    .A2 ul{flex-wrap: wrap;}
    .A2 li{
        width: 50%;
    }
    .A3 li{
        width: 100%;
    }
}