.banner{
    background:url('../images/about/banner.png');
}

 .about-introduce{
    font-size:0.18rem;
    color:#666666;
    line-height:0.38rem;
    padding:0.6rem 0;
}
 .about-introduce p{
    /*margin-bottom:0.4rem;*/
}
 .introduce-left{
    margin-right:0.6rem;
}
 .about-img1{
    margin-bottom:1rem;
}
 .about-img1 img{
    width:100%;
}
 .about-conImg{
    padding-bottom:0.3rem;
}
 .about-conImg-item{
    position:relative;
    margin-bottom:1.9rem;
}
 .about-conImg-left{
    width:12.5rem;
    text-align:right;
}
 .about-conImg-left img{
    width:100%;
}
 .about-conImg-right{
    width:6.35rem;
    height:3.8rem;
    background-color:#149448;
    position:absolute;
    right:0;
    bottom:-0.9rem;
    justify-content:center;
    padding:0 0.65rem;
}
 .about-conImg-right .title{
    font-size:0.3rem;
    color:#FFFFFF;
    line-height:0.36rem;
}
 .about-conImg-right .text{
    font-size:0.16rem;
    color:#FFFFFF;
    line-height:0.38rem;
    /*width:5.75rem;*/
    margin-top:0.3rem;
}
 .flex-flow .about-conImg-right{
    left:0;
    right:auto;
}
 .imgs-list{
    padding-top:0.8rem;
}
 .uls li{
    width:3.2rem;
    height:3.2rem;
    margin-right:0.4rem;
    overflow:hidden;
    cursor:pointer;
    position:relative;
}
 .uls li:nth-child(4+4n){
    margin-right:0;
}
 .uls li img{
    width:100%;
    height:100%;
    transition:0.5s;
}
 .uls li p{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:0.5rem;
    text-align:center;
    line-height:0.5rem;
    background:rgba(0,0,0,0.6);
    font-size:0.2rem;
    color:#FFFFFF;
}
 .uls li:hover img{
    transform:scale(1.1);
}
 .honor-com{
    width:100%;
    height:7.4rem;
    background:url(../images/about/about-2-img1.png)no-repeat;
    background-size:cover;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    margin-top:1rem;
}
 .honor-com-con{
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:1.3rem;
}
 .honor-line{
    align-items:center;
    width:8.4rem;
    margin-top:0.42rem;
}
 .honor-line .line{
    width:100%;
    border:0.01rem dashed #FFFFFF;
    margin:0 0.1rem;
}
 .arrowL{
}
 .arrowL,.arrowR{
    font-size:0.16rem;
    color:#FFFFFF;
    cursor:pointer;
}
 .honor-com-left{
    width:8.66rem;
    overflow:hidden;
}
 .honor-item-list{
    width:1000%;
}
 .honor-item{
    margin-right:0.4rem;
    position:relative;
}
 .honor-item::after{
    position:absolute;
    content:"";
    display:block;
    width:0.16rem;
    height:0.16rem;
    border-radius:50%;
    bottom:-0.57rem;
    left:0.74rem;
    background:#fff;
    cursor:pointer;
}
 .honor-avtive::after{
    background:#971616;
}
 .honor-item img{
    width:1.8rem;
    height:1.26rem;
}
 .honor-item .name{
    width:1.8rem;
    font-size:0.14rem;
    color:#FFFFFF;
    margin-top:0.3rem;
    text-align:center;
}
 .honor-com-right{
    width:4.14rem;
}
 .honor-com-right-img{
    width:100%;
    height:2.89rem;
    margin-top:0.4rem;
    margin-bottom:1.04rem;
}
 .honor-com-right-img img{
    width:100%;
    height:100%;
}
 .honor-com-right .name{
    font-size:0.24rem;
    color:#FFFFFF;
    line-height:0.4rem;
}


/*swiper*/
.honor-swiper {
    width: 100%;
    position: relative;
    padding: 0 0.28rem;
}

.honorSwiper {
    width: 100%;
    /* height: 2.2rem; */
    position: relative;
}

.honorSwiper::after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0.17rem;
    border-bottom: 0.01rem dashed #fff;
}

.honorSwiper .swiper-slide {
    padding-bottom: 0.45rem;
    position: relative;
    cursor: pointer;
    background: transparent;
}

.honorSwiper .swiper-slide::after {
    content: '';
    width: 0.16rem;
    height: 0.16rem;
    background: #FFFFFF;
    opacity: 1;
    /*border: 0.02rem solid #014098;*/
    border-radius: 50%;
    position: absolute;
    bottom: 0.09rem;
    left: 50%;
    transform: translateX(-50%);
}

.honorSwiper .swiper-slide-active::after {
    /*width: 0.16rem;*/
    /*height: 0.16rem;*/
    /*border: 0;*/
    /*bottom: 0;*/
    background-color: #971616;
}

.honorSwiper .swiper-slide img {
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
}
.honorSwiper .name {
    /*width: 1.8rem;*/
    font-size: 0.14rem;
    color: #FFFFFF;
    margin-top: 0.3rem;
    text-align: center;
}

.honor-swiper .swiper-button-next {
    right: 0;
    top: auto;
    bottom: -0.1rem;
}

.honor-swiper .swiper-button-prev {
    left: 0;
    top: auto;
    bottom: -0.1rem;
}

.honor-swiper .swiper-button-next:after,
.honor-swiper .swiper-button-prev:after {
    color: #fff;
    font-size: 0.2rem;
}
/*swiper*/



 .culture-box{
    padding-bottom:1.2rem;
}
 .culture-box-item{
    position:relative;
    margin-top:0.8rem;
}
 .culture-box-item-img{
    width:12.5rem;
    height:5rem;
}
 .culture-box-item-img img{
    width:100%;
}
 .culture-box-item-right{
    width:6.36rem;
    height:2.9rem;
    background-color:#149448;
    position:absolute;
    right:1.7rem;
    top:1.1rem;
    justify-content:center;
    align-items:center;
}
 .culture-box-item-right .numImg{
    position:absolute;
    left:-0.21rem;
    bottom:-0.3rem;
}
 .title-box{
    width:4rem;
    position:relative;
    margin-top:0.4rem;
}
 .culture-box-item-right .name{
    font-size:0.3rem;
    color:#FFFFFF;
}
 .culture-box-item-right .text{
    font-size:0.16rem;
    color:#FFFFFF;
    line-height:0.38rem;
    width:4rem;
    margin-top:0.25rem;
}
 .flex-flow .culture-box-item-right{
    left:1.7rem;
    right:auto;
}
 .technology-box{
    padding:0.6rem 0;
}
 .technology-img img{
    width:100%;
}
 .technology-box-text{
    font-size:0.18rem;
    color:#666666;
    line-height:0.38rem;
    margin:0.5rem 0;
}
 .technology-box-text p{
    margin-bottom:0.5rem;
}
 .quality-list{
    padding-bottom:1rem;
}
 .quality-item{
    width:4.2rem;
    justify-content:center;
    cursor:pointer;
    margin:0.6rem 0.23rem 0rem 0.23rem;
}
 .quality-item img{
    width:100%;
    height:100%;
    transition:0.5s;
}
 .quality-item-img{
    width:100%;
    height:5.44rem;
    overflow:hidden;
}
 .quality-item-img:hover img{
    transform:scale(1.1);
}
 .quality-item-name{
    font-size:0.2rem;
    color:#2C2C2C;
    text-align:center;
    margin-top:0.3rem;
}
 @media only screen and (max-width: 1024px) {
     .content-nav-list{
         width: 100%;
         flex-wrap: wrap;
     }
    
     .content-nav-item-img img{
         width: 50%;
     }
     .content-nav-item-text{
         font-size: .26rem;
     }
     .width {
        width: 100%;
     }
     .about-introduce{
         padding: 0.6rem 0.3rem;
     }
     .about-introduce p{
         text-indent: 2em;
        font-size: .28rem;
        line-height: .45rem;
     }
     .content-nav-item:nth-child(4), .content-nav-item:nth-child(5){
         margin-top: .25rem;
     }
     .about-conImg-right{
         position: initial;
         height: auto;
        
     }
     .about-conImg-item{
         flex-direction: column;
     }
     .about-conImg-left{
         width: 100%;
     }
     .about-conImg-right{
         width: 100%;
          padding: 0.3rem 0.3rem;
     }
     .about-conImg-item{
         margin-bottom: 0.9rem;
     }
     .about-conImg-right .text{
         font-size: .28rem;
         text-indent: 2em;
         line-height: .45rem;
     }
     .uls{
         flex-wrap: wrap;
     }
     .uls li{
         width: 49%;
         margin-right: 2%;
     }
     .uls li:nth-child(2n){
         margin-right: 0;
     }
     .uls li:nth-child(3),.uls li:nth-child(4){
         margin-top: .2rem;
     }
     .uls li p{
         font-size: .24rem;
     }
     .honor-com-con{
         align-items: center;
         flex-direction: column;
     }
     .honor-com-left{
         width: 100%;
     }
     .honor-com-con{
         margin-bottom: 0;
     }
     .honorSwiper{
         width: 90%;
     }
     .honor-swiper .swiper-button-next, .honor-swiper .swiper-button-prev{
        bottom: -0.2rem;
     }
     .honorSwiper .name{
         font-size: 0.2rem;
     }
     .culture-box-item-right{
        position: initial;
     }
     .culture-box-item{
        flex-direction: column-reverse;
     }
     .culture-box-item-img{
         width: 100%;
        height: 100%;
     }
     .culture-box-item-right{
         height: 3.5rem;
         width: 100%;
     }
     .culture-box-item-right .numImg{
         width: 30%;
     }
     .culture-box-item-right .text{
         font-size: .28rem;
     }
     .title-box, .culture-box-item-right .text{
         width: 5.5rem;
     }
     .technology-box-text{
         padding: 0 .3rem;
     }
     .technology-box-text p span{
        font-size: .28rem !important;
        line-height: .45rem !important;
     }
     .quality-item{
         width: 49%;
         margin: 0 2% .3rem 0;
     }
     .quality-item:nth-child(2n){
         margin-right: 0;
     }
     .quality-list{
         padding: 0 .3rem;
         margin-top: .6rem;
         margin-bottom: .3rem;
     }
     .quality-item-img{
         height: auto;
     }
     .quality-item-name{
         font-size: .28rem;
     }
     .technology-box-text p{
         text-indent: 2em;
     }
 }