/* 鎶€鏈爺鍙 */
.technology-development {
    margin-top: 0.59rem;
    background-image: url(../image/jishu/bg1.png);
    background-size: 100% 100%;
    background-position: center;
}

.about-development-text {
    display: flex;
    align-items: center;
}

.about-dtext-left {
    width: 0.06rem;
    height: 0.69rem;
    margin-right: .22rem;
}

.about-dtext-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about-dtext-rtext2 {
    font-size: 0.36rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #343434;
}

.about-dtext-rtext3 {
    margin-top: .18rem;
    font-size: 0.18rem;
    font-family: Arial-Regular, Arial;
    font-weight: 400;
    color: #A4A4A4;
    text-transform: uppercase;
}

.about-development-text {
    margin: 0 auto;
}

.technology-development-con1 {
    padding-right: .23rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    margin-top: 0.64rem;
}

.technology-development-con1left {
    box-shadow: 0.23rem -0.19rem 0px #f0f0f0;
    width: 7.21rem;
    height: 4.02rem;
}

.technology-development-con1left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.technology-development-con1rig-text {
    font-size: 0.42rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #02438D;
}

.solid {
    margin-top: 0.27rem;
    width: 0.72rem;
    height: 0.03rem;
    background: #02438D;
}

.technology-development-con1rig-p {
    width: 7.43rem;
    margin-top: 0.88rem;
    font-size: 0.2rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #333333;
    line-height: 0.43rem;
}

.technology-development-con2 {
    margin-top: .78rem;
    position: relative;
}

.deve2Swiper {
    width: 16rem;
    margin: 0 auto;
}

.technology-development-con2 .swiper-button-next {
    right: 85px;
}

.technology-development-con2 .swiper-button-prev {
    left: 85px;
}

.technology-development-con2 .swiper-button-next:after,
.technology-development-con2 .swiper-button-prev:after {
    color: #000;
}

/* 鎶€鏈爺鍙 end*/
/* 鐮斿彂鑳藉姏 */
.technology-ability {
    margin: 0 auto;
    margin-top: 0.89rem;
}

.technology-p {
    margin-top: 0.41rem;
    font-size: 0.2rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #333333;
    line-height: 0.36rem;
}

.index-fields-wrap {
    margin-top: 0.4rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.index-fields {
    height: 3.2rem;
    margin-top: 0.12rem;
}

.index-fields-img {
    width: 100%;
    height: 100%;
}

.index-fields:nth-child(1) {
    padding-right: 0.11rem;
}

.index-fields:nth-child(3) {
    padding-right: 0.1rem;
}

.index-fields1 {
    width: 6.71rem;
}

.index-fields4 {
    width: 8.12rem;
}

.index-fields3 {
    width: 7.78rem;
}

.index-fields2 {
    width: 9.18rem;
}

.index-fields img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 鐮斿彂鑳藉姏 end*/
/* 绉戠爺鎴愭灉 */
.technology-payoffsbg {
    background-image: url(../image/jishu/bg3.png);
    background-size: 100% 100%;
    background-position: center;
    padding-top: .53rem;
    padding-bottom: .6rem;
}

.technology-payoffs {
    margin: 0 auto;
}

.honor-swiper {
    margin-top: .92rem;
    width: 7.84rem;
    position: relative;
    padding: 0 0.28rem;
    display: none;
}
.honor-swiper.active{
    display: block;
}

.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 #707070;
} */

.honorSwiper .swiper-slide {
    position: relative;
    /* padding-bottom: 0.45rem; */
    position: relative;
    cursor: pointer;
    border: 0.01rem solid #C7C7C7;
    padding: 0.01rem;
}

/* .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.07rem;
    left: 50%;
    transform: translateX(-50%);
} */

.honorSwiper .swiper-slide-active::after {
    width: 0.34rem;
    height: 0.34rem;
    border: 0;
    bottom: 0;
    background-color: #014098;
    background-image: url('../image/jishu/jiantoushang.png');
    background-repeat: no-repeat;
    background-size: 0.2rem 0.18rem;
    background-position: center center;
}

.honorSwiper .swiper-slide img {
    width: 100%;
    /* height: 100%; */
    object-fit: contain;
}

.honor-swiper .swiper-button-next {
    right: -0.18rem;
    top: auto;
    bottom: 50%;
    transform: translateY(50%);
}

.honor-swiper .swiper-button-prev {
    left: -0.18rem;
    top: auto;
    bottom: 50%;
    transform: translateY(50%);
}

.honor-swiper .swiper-button-next:after,
.honor-swiper .swiper-button-prev:after {
    color: #000000;
    font-size: 0.32rem;
}

.honorSwiper-box {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.44);
    bottom: 0;
}

.honorSwiper-box img {
    display: block;
    margin: 0 auto;
    margin-top: 1.35rem;
    width: 0.74rem !important;
}

.honorSwiper .swiper-slide-active .honorSwiper-box {
    opacity: 1;
}

.technology-payoffs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.technology-pleft-title {
    display: flex;
    align-items: center;
    margin-top: .55rem;
}

.technology-pltqh {
    margin-right: .27rem;
    width: 1.87rem;
    height: 0.52rem;
    background: #FFFFFF;
    border-radius: 0.31rem 0.31rem 0.31rem 0.31rem;
    border: 0.01rem solid #CFCFCF;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #343434;
    text-align: center;
    line-height: .52rem;
}

.technology-pltqh:last-child {
    margin-right: 0;
}

.technology-pltqh:hover {
    cursor: pointer;
    color: #FFFFFF;
    border: 0.01rem solid #02438D;
    background: #02438D;
}

.technology-pleft-p {
    line-height: .3rem;
    width: 7.84rem;
    margin-top: .71rem;
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #333333;
    display: none;
}

.technology-pleft-p.active {
    display: block;
}

.technology-pleft-title .active {
    color: #FFFFFF;
    border: 0.01rem solid #02438D;
    background: #02438D;
}


.technology-jishubox-left-box{
    display: none;
   
}
.technology-jishubox-left-box {
    /*padding: .02rem;*/
     box-shadow: 0rem 0.03rem 0.06rem 0.01rem rgb(0 0 0 / 10%);
}
.technology-jishubox-left-box.active{
    display: block;
}

/* 绉戠爺鎴愭灉 end*/
/* 璧勮川璁よ瘉 */
.technology-certification{
    margin: 0 auto;
    padding-top: .9rem;
    padding-bottom: 1rem
}
.talent-banner{
    margin-top: .4rem;
}
.qualification-top-box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.85rem;
}
.qualification-top-bt {
    width: 1.2rem;
    height: 0.4rem;
    background: #014098;
    font-size:var(--font18);
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    line-height: 0.4rem;
    text-align: center;
    flex-shrink: 0;
    cursor: pointer;
    padding: 0 0.17rem;
}
.qualification-top-bt:last-child {
    margin-left: 0.2rem;
}
/* 璧勮川璁よ瘉 end*/





/* 鍝佽川淇濋殰 */

/* 妫€娴嬭兘鍔 */
.detectability {
    margin: 0 auto;
}

.detectability-p {
    margin-top: .41rem;
    font-size: 0.22rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #333333;
    line-height: 0.36rem;
}

.detectability-honor {
    margin-top: .4rem;
}

.detectability-honor-img img {
    height: 4.36rem !important;
    width: 100%;
    object-fit: cover;
}

.ww {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.6rem;
}

.ww .detectability-top-bt {
    width: 1.2rem;
    height: 0.4rem;
    background: #014098;
    font-size:var(--font18);
    font-family: MicrosoftYaHei;
    color: #FFFFFF;
    line-height: 0.4rem;
    text-align: center;
    flex-shrink: 0;
    cursor: pointer;
    padding: 0 0.17rem;
}

.ww .detectability-top-bt:last-child {
    margin-left: 0.58rem;
}

.ww .swiper-button-lock {
    display: block;
}

.bg-one {
    background-image: url(../image//jishu//bg2.png);
    background-size: 100% 100%;
    background-position: center;
    padding-bottom: .72rem;
}

/* 妫€娴嬭兘鍔 end*/
/* 瀹㈡埛鏈嶅姟 */
.customer {
    margin: 0 auto;
    padding-top: 1rem;
    padding-bottom: .97rem;
}

.customer-conk {
    margin-top: .77rem;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.customer-conk-left {
    width: 7.3rem;
}

.customer-conk-leftimg {
    margin: 0 auto;
    /*width: .7rem;*/
    width: auto;
    height: .7rem;
}

.customer-conk-leftimg img {
    /*width: 100%;*/
    height: 100%;
    /*object-fit: cover;*/
    margin: 0 auto;
}

.customer-conk-lefttext {
    text-align: center;
    margin-top: .27rem;
    font-size: 0.32rem;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #014098;
}

.customer-conk-leftp {
    margin-top: .44rem;
    font-size: 0.2rem;
    font-family: MicrosoftYaHei-, MicrosoftYaHei;
    font-weight: normal;
    color: #444444;
    line-height: 0.36rem;
}

.k1 .customer-conk-rig {
    width: 7.79rem;
    height: 4.39rem;
    box-shadow: .2rem -.2rem 0 rgba(238, 238, 238, 1);
}

.k2 .customer-conk-rig {
    width: 7.79rem;
    height: 4.39rem;
    box-shadow: -.2rem -.2rem 0 rgba(238, 238, 238, 1);
}

.customer-conk-rig img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.customer-con .k1 {
    padding-right: .2rem;
}

.customer-con .k2 {
    padding-left: .2rem;
}

/* 瀹㈡埛鏈嶅姟 end*/
/* 璐ㄩ噺杩芥函  */
.quality {
    margin: 0 auto;
}

.quality-con1 {
    margin-top: .4rem;
    display: flex;
    align-items: center;
}

.quality-con1k {
    display: flex;
    align-items: center;
}

.quality-con1k-warp {
    width: 2.12rem;
    height: 1.06rem;
    background: #014098;
    border: 0.01rem solid #81A7DD;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.quality-con1k-text {
    font-size: 0.2rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
}

.quality-con1k-p {
    margin-top: .12rem;
    font-size: 0.14rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.85);
    line-height: 0.24rem;
    text-align: center;
}

.quality-con1k-img {
    margin-left: .21rem;
    margin-right: .16rem;
    width: .29rem;
    height: .22rem;
}

.quality-con1k-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.quality-con2 {
    position: relative;
    margin-top: .63rem;
    margin-bottom: 1rem;
}

.quality-con2-img {
    width: 100%;
    height: 8rem;
}

.quality-con2-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.quality-con2-warp {
    position: absolute;
    bottom: .26rem;
    right: 1.8rem;
    display: flex;
    flex-wrap: wrap;
    width: 5.73rem;
}

.quality-con2-k {
    margin-bottom: .2rem;
    margin-right: .21rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 2.76rem;
    height: 2rem;
    background: #FFFFFF;
    border: 0.01rem solid #AFAFAF;
}

.quality-con2-k:nth-child(2n) {
    margin-right: 0;
}

.quality-con2-kimg {
    margin: 0 auto;
    height: .83rem;
}

.quality-con2-kimg img {
    width: 100%;
    height: 100%;
    /*object-fit: cover;*/
}

.quality-con2-ktext {
    margin-top: .19rem;
    font-size: 0.3rem;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #014098;
    text-align: center;
}

/* 璐ㄩ噺杩芥函  end*/
/* 鍝佽川淇濋殰 end*/
@media only screen and (max-width: 1024px) {
    .technology-development-con1rig-p{
        width: 100%;
        margin-top: .38rem;
        font-size: .24rem;
        line-height: .36rem;
    }
    .honorSwiper .swiper-slide{
        background: #FFFFFF;
    }
    .deve2Swiper{
        width: 80%;
    }
    .about-profile-text {
        padding: 0 0.2rem;
    }

    .technology-development {
        margin-top: 0.8rem;
    }

    .technology-development-con1 {
        display: block;
    }

    .technology-development-con1 {
        padding: 0 0.2rem;
    }
    .technology-pleft-p.active{
        width: 100%;
    }
    .technology-development-con1left {
        width: 97%;
        margin-top: .4rem;
    }

    .technology-development-con1rig {
        margin-top: 0.6rem;
        margin-left: 0;
    }

    .technology-development-con2 {
        margin-top: 0.6rem;
    }
    .technology-development-con2 .swiper-button-next:after, .technology-development-con2 .swiper-button-prev:after{
        font-size: .5rem;
        font-weight: bold;
    }
    .technology-development-con2 .swiper-button-next{
        right: 10px;
    }
    .technology-development-con2 .swiper-button-prev{
        left: 10px;
    }
    .honor-swiper{
        width: 100%;
        padding: 0;
    }
    .index-fields:nth-child(3){
        padding-right: 0; 
    }
    .honor-swiper .swiper-button-prev{
        left: 0;
    }
    .honor-swiper .swiper-button-next{
        right: 0;
    }
    .technology-payoffs{
        padding: 0 .2rem;
        display: block;
    }
    .honorSwiper{
        width: 85%;
    }
    .technology-development-con2-p {
        padding: 1.3rem 1.3rem;
    }
    .technology-jishubox-left{
        width: 80%;
        margin: 0 auto;
        margin-top: 0.3rem;
    }

    .technology-ability {
        padding: 0 0.2rem;
    }

    .index-fields-wrap {
        display: block;
        margin-bottom: 0.6rem;
    }
    .technology-certification{
        padding: 1rem 0.2rem;
    }
    .index-fields {
        width: 100%;
        margin-top: 0.15rem;
    }

    .index-fields:nth-child(1),
    .index-fields:nth-child(2),
    .index-fields:nth-child(4) {
        padding-right: 0;
    }

    .technology-p, .technology-pleft-p{
        font-size: 0.24rem;
        line-height: .36rem;
        text-align: justify;
    }

    .technology-Patented {
        height: auto;
    }

    .technology-Patented-con {
        display: block;
    }

    .technology-Patented {
        padding: 0.3rem 0;
        padding-bottom: 0.6rem;
    }

    .technology-Patented-con {
        padding: 0 0.2rem;
    }

    .technology-Patented-con1 {
        margin-right: 0;
    }

    .technology-Patented-cp {
        font-size: 0.26rem;
    }

    .technology-Patented-con2 {
        margin-top: 0.3rem;
    }

    .technology-Patented-con2 {
        align-items: center;
        justify-content: center;
    }

    .technology-qualification {
        padding: 0 0.2rem;
        padding-bottom: 0.6rem;
    }

    .technology-qualification {
        margin-top: 0;
    }

    .technology-qualification-p {
        margin: 0.3rem 0;
    }

    .biaozhun-prev,
    .biaozhun-next {
        display: none;
    }
    .detectability{
        padding: 0 .2rem;
        padding-top: .88rem;
    }
    .detectability-p{
        font-size: .24rem;
    }
    .customer{
        padding: 0 .2rem;
        padding-top: .88rem;
    }
    .customer-conk{
        display: block;
    }
    .quality-con1{
        flex-wrap: wrap;
    }
    .k2 .customer-conk-rig{
        width: 100%;
        margin-bottom: 0.4rem;
    }
    .k1 .customer-conk-rig{
        width: 100%;
        margin-top: 0.4rem;
    }
    .customer-conk-leftp{
        font-size: .24rem;
    }
    .customer-con .k2{
        padding-left: 0;
    }
    .customer-con .k1{
        padding-right: 0;
    }
    .quality{
        padding: 0 .2rem;
        padding-top: .88rem;
    }
    .quality-con1k-warp{
        width: 2.8rem;
        height: 1.38rem;
        margin-bottom: .2rem;
    }
    .quality-con2-warp{
        bottom: 0;
        right: 0;
    }
    .quality-con2-kimg{
        height: .53rem;
        width: 0.53rem;
    }
}