.about1 {
    background: url('../img/abj0.jpg') no-repeat center center/cover;
}
.his-en p{
    margin-bottom: 0.5em;
}
.sec1-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.sec1 .sec1-tit{
    line-height: 1.41;
    font-weight: 500;
    color: #333333;
    
}
.sec1 .con-tit1 {
    text-align: left;
    line-height: 2;
    padding-bottom: 12px;
}

.sec1 .sec1-des {
    color: #666666;
    line-height: 30px;
    text-align: left;
}

.sec1 .con-tit1:after {
    left: 0;
    transform: none;
}
.about-data{
    display: flex;
    flex-wrap: wrap;
}
.aboutd-item {
    flex: 0 0 22.91%;
    margin-right: calc(8.36% / 3);
    border: 1px solid #D9D9D9;
    padding-left: 3.05%;
    padding-right: 3.05%;
}

.sec1-ico{
    width: 45px;
    height: 45px;
}
.sec1-ico img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.sec1-img {
    border-top-right-radius: 60px;
    overflow: hidden;
}
.sec1-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.aboutd-item:nth-child(4n){
    margin-right: 0;
}


.aboutd-item .p_num {
    line-height: 0.875;
    font-weight: bold;
    color: #333333;
}

.aboutd-item .p_plus {
    color: #333333;
    line-height: 1.5;
}

.aboutd-item .e_text {
    color: #333333;
    line-height: 1.5;
    font-weight: 500;
}

.sec1-lf {
    flex: 0 0 45.45%;
}

.sec1-rg {
    flex: 0 0 43.88%;
}

.cullist {
    display: flex;
}

.cul-item {
    flex: 1;
    transition: all .5s;
    height: 483px;
    margin-right: 2%;
    overflow: hidden;
    position: relative;
}

.cul-item:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
    height: 90.47%;
    width: 94.38%;
    border-top-right-radius: 60px;
    border: 1px solid #fff;
    opacity: 0;
    transition: all .5s;
}

.cul-item.act:before {
    opacity: 1;
}

.cul-item:last-child {
    margin-right: 0;
}

.cul-item>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cul-item.act {
    flex: 0 0 56.875%;
    border-top-right-radius: 60px;
}

.culbox {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
}

.culbox .cul-ico {
    width: 60px;
    margin: 0 auto;
}

.culbox .cul-ico img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.culbox .cul-tit {
    color: #fff;
    margin-top: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 1.46875;
}

.culbox .cul-des {
    color: #fff;
    margin-top: 16px;
    opacity: 0;
    text-align: center;
    line-height: 1.5;
    opacity: 0;
    height: 1.5em;
    transition: all .5s;
}

.cul-item.act .cul-des {
    opacity: 1;
    height: auto;
}

.history {
    display: flex;
    margin-top: 14px;
    justify-content: space-between;

}

.history .his-lf {
    width: 160px;
}

.hisswpthumb {
    width: 100%;
    height: 500px;
}

.hisswpthumb .swiper-slide {
    width: 100%;
    padding-left: 38px;
    color: #666;
    font-weight: 500;
    line-height: 1.5;
    height: 50px;
    cursor: pointer;
}

.hisswpthumb .swiper-slide:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 12px;
    height: 100%;
    background: url('../img/s00.png') no-repeat center center/contain;
}

.hisswpthumb .swiper-slide-thumb-active:after {
    background-image: url('../img/s0.png');
}

.hisswpthumb .swiper-slide p {
    transition: all .5s;
}

.hisswpthumb .swiper-slide-thumb-active p {
    font-size: 24px;
    color: #F48917;
}

.hisbox {
    display: flex;
}

.his-rg {
    width: 84.375%;
}

.swphis {
    width: 100%;
    overflow: hidden;
}

.hislf {
    flex: 0 0 48%;
    margin-right: 3.2%;
}

.hisrg {
    flex: 0 0 48.8%;
}

.his-year {
    font-size: 90px;
    line-height: 1.35;
    font-weight: bold;
    color: #333;
}

.his-year .his-thing {
    line-height: 1.2;
    color: #333;
    margin-top: 12px;
}

.his-year .his-thing {
    line-height: 1.5;
    color: #666;
    margin-top: 13px;
}

.hisimg {
    width: 100%;
    overflow: hidden;
    border-top-right-radius: 60px;
    position: relative;
}

.hisimg:after {
    content: '';
    position: absolute;
    width: 93.08%;
    height: 92%;
    box-sizing: border-box;
    border: 1px solid #fff;
    border-top-right-radius: 60px;
}

.hisimg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.his-rg{
    position: relative;
}
.his-rg  .swiper-button-prev {
    position: absolute;
    left: 0;
 
    width: 56px;
    height: 56px;
    top: 100%;
    margin-top: 0;
}
.his-rg .swiper-button-next:after,
.his-rg .swiper-button-prev:after {
    content: none;
}
.his-rg .swiper-button-next:hover circle,
.his-rg .swiper-button-prev:hover circle {
    fill: var(--color);
}

.his-rg  .swiper-button-next:hover path,
.his-rg  .swiper-button-prev:hover path {
    fill: #fff;
}

.his-rg  .swiper-button-next {
    position: absolute;
    left: 70px;

    width: 56px;
    height: 56px;
      top: 100%;
    margin-top: 0;
    right: auto;
}

.sec3 {

    background: url('../img/abj1.jpg') no-repeat center center/cover;
}

.sec4 .swiper-button-prev:after,
.sec4 .swiper-button-next:after,
.swiper .swiper-button-prev:after,
.swiper .swiper-button-next:after {
    content: none;
}

.honor {
    display: flex;
    align-items: center;
}

.honor-lf {
    width: 39.5%;
    position: relative;
    height: 100%;
}

.honor-lf .q1 {
    width: 74.25%;
    object-fit: contain;

}

.honor-lf .q2 {
    position: absolute;
    top: 0;
    left: 14%;
    z-index: 5;
    width: 80.2%;
    transform: translateY(-30.55%);
}

.honor-center {
    flex: 0 0 24.375%;
    width: 24.475%;
    position: relative;
    padding: 82px 0;
}

.sec4 .swiper-button-prev {
    top: 0;
    left: 34px;
    width: 56px;
    height: 56px;
    margin-top: 0;
    transform: rotate(90deg);
}

.sec4 .swiper-button-next {
    bottom: 0;
    left: 34px;
    right: auto;
    top: auto;
    width: 56px;
    height: 56px;
    margin-top: 0;
    transform: rotate(90deg);
}

.honor-rg {
    flex: 0 0 35.48%;
    margin-left: auto;
    width: 35.48%;
}

.honorswpthumb {
    height: 386px;
}

.honorswpthumb .swiper-slide {
    height: 22px;
}


.honorbox {
    display: flex;
    cursor: pointer;
}

.honorbox .honor-ico {
    width: 22px;
    margin-right: 20px;
    flex: none;
}

.honorswpthumb .swiper-slide-thumb-active svg path {
    fill: #F48917;
}

.honorbox .honor-name {
    color: #333333;
    line-height: 22px;
    flex: none;
    width: calc(100% - 42px);
    transition: all .5s;
    position: relative;
    white-space: nowrap;
    height: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.honorswpthumb .swiper-slide-thumb-active .honor-name {
    font-size: 20px;
    color: var(--color);
    padding-left: 27.48%;
}

.honorswpthumb .honor-name:before {
    content: '';
    width: 0%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: var(--color);
    transition: all .5s;
}

.honorswpthumb .swiper-slide-thumb-active .honor-name:before {

    width: 23.84%;
}

.sec5 {
    background: url('../img/abj3.jpg') no-repeat center center/cover;
}

.patent {
    position: relative;
}


.sec6 .swiper-button-prev,
.sec5 .swiper-button-prev {
    position: absolute;
    top: 40%;
    width: 56px;
    height: 56px;
    left: -82px;
    margin-top: 0;
}

.sec6 .swiper-button-next:hover circle,
.sec6 .swiper-button-prev:hover circle,
.sec5 .swiper-button-next:hover circle,
.sec5 .swiper-button-prev:hover circle {
    fill: var(--color);
}

.sec6 .swiper-button-next:hover path,
.sec6 .swiper-button-prev:hover path,
.sec5 .swiper-button-next:hover path,
.sec5 .swiper-button-prev:hover path {
    fill: #fff;
}

.sec6 .swiper-button-next,
.sec5 .swiper-button-next {
    position: absolute;
    right: -82px;
    width: 56px;
    height: 56px;
    top: 40%;
    margin-top: 0;

}

.sec5 .pat-img {
    background-color: #fff;
    height: 0;
    padding-bottom: 71.3%;
    position: relative;
    overflow: hidden;
}

.sec5 .pat-img img {
    max-height: 89.35%;
    max-width: 80%;
    position: absolute;
    left: 50%;
    top: 50%;
    object-fit: contain;
    transform: translate(-50%, -50%);
    transition: all .5s;
}

.sec5 .swiper-slide:hover .pat-img img {
    transform: scale(1.05) translate(-50%, -50%);
}

.pat-txt {
    background-color: #fff;
    padding: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    transition: all .5s;
}

.sec5 .swiper-slide:hover .pat-txt {
    background-color: var(--color);
}

.pat-type {
    color: #333;
    text-align: center;
    line-height: 1.5;
    transition: all .5s;
}

.sec5 .swiper-slide:hover .pat-type {
    color: #fff;
}

.pat-name {
    font-weight: bold;
    color: #333;
    text-align: center;
    line-height: 1.5;
    transition: all .5s;
}

.sec5 .swiper-slide:hover .pat-name {
    color: #fff;
}

.sec6 .swiper-button-prev:after,
.sec6 .swiper-button-next:after,
.sec5 .swiper-button-prev:after,
.sec5 .swiper-button-next:after {
    content: none;
}

.patentswp {
    padding-bottom: 82px;
}

.baseswp .swiper-pagination,
.patentswp .swiper-pagination {
    position: absolute;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.baseswp .swiper-pagination .swiper-pagination-bullet,
.patentswp .swiper-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    margin: 0 8px;
    background: var(--color);
    opacity: 1;
    border: 0px solid var(--color);
}

.baseswp .swiper-pagination .swiper-pagination-bullet-active,
.patentswp .swiper-pagination .swiper-pagination-bullet-active {
    width: 11px;
    height: 11px;
    border: 2px solid var(--color);
    background: transparent;
}

.base-txt {
    position: absolute;
    width: 48.75%;
    top: 50%;
    left: 4.79%;
    padding-left: 5.27%;
    padding-right: 4.58%;
    transform: translate(0%, -50%);
    background-color: rgba(255, 255, 255, .8);
    border-top-right-radius: 60px;
}

.sec6 .con-tit1 {
    text-align: left;
}

.sec6 .con-tit1:after {
    left: 0;
    transform: none;
}

.sec6 .base-data {
    display: flex;
}

.sec6 .base-item {
    margin-right: 4.84vw;
}

.sec6 .base-item:last-child {
    margin-right: 0;
}

.base-t {
    display: flex;
    align-items: flex-end;
}

.base-num {
    font-weight: bold;
    color: #333;
    line-height: 1;
}

.base-dw {
    color: #333;
    line-height: 1.5;
}

.baseswp .swiper-slide>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.base-name {
    color: #333;
    font-weight: 600;
    line-height: 1.5;
}

.base-des {
    color: #666666;
    line-height: 30px;
}

.baseswp {
    padding-bottom: 60px;
}

.base {
    position: relative;
}

.sec6 .swiper-button-prev,
.sec6 .swiper-button-next {
    top: 50%;
    transform: translateY(-50%);
}

.sec6 {
    background: url('../img/abj5.jpg') no-repeat center center/cover;
}

.honorimg{
    /*border: 2px solid #bfbfbf;*/
    padding: 15px;
}

.swphonor img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media screen and (max-width:1950px) {
    .hisswpthumb .swiper-slide-thumb-active p {
        font-size: 22px;
    }

    .his-year {
        font-size: 88px;
    }
}

@media screen and (max-width:1600px) {
    .cul-item {
        height: 26.83vw;
    }

    .honorswpthumb .swiper-slide-thumb-active .honor-name {
        font-size: 18px;
    }

    .his-year {
        font-size: 80px;
    }

    .cul-item:before,
    .cul-item.act,
    .base-txt,
    .hisimg:after,
    .hisimg {
        border-top-right-radius: 50px;
    }
}


@media screen and (max-width:1400px) {
    .hisswpthumb .swiper-slide-thumb-active p {
        font-size: 20px;
    }

    .his-year {
        font-size: 70px;
    }

    .honorswpthumb .swiper-slide-thumb-active .honor-name {
        font-size: 16px;
        padding-left: 24%;
    }

    .honorswpthumb .swiper-slide-thumb-active .honor-name:before {
        width: 21%;
    }

    .sec1-lf {
        margin-top: 0;
    }

    .his-rg  {
        padding-bottom: 40px;
    }

   .his-rg .swiper-button-prev {
        left: 0;
        width: 44px;
        transform: translateY(-40px);
    }

   .his-rg  .swiper-button-next {
        width: 44px;
        left: 60px;
         transform: translateY(-40px);
    }

    .hisswpthumb .swiper-slide-thumb-active p {
        font-size: 20px;
    }

    .sec6 .swiper-button-prev,
    .sec5 .swiper-button-prev,
    .sec6 .swiper-button-next,
    .sec5 .swiper-button-next,
    .sec4 .swiper-button-prev,
    .sec4 .swiper-button-next {
        width: 44px;
        height: 44px;
    }

    .hisswpthumb {
        height: 400px;
    }


    .honorswpthumb {
        height: 282px;
    }

    .honor-center {
        padding: 70px 0;
    }
}

@media screen and (max-width:1200px) {

    .cul-item:before,
    .cul-item.act,
    .base-txt,
    .hisimg:after,
    .hisimg {
        border-top-right-radius: 40px;
    }

    .his-year {
        font-size: 60px;
    }

    .patentswp {
        padding-bottom: 66px;
    }

    .sec6 .swiper-button-next,
    .sec5 .swiper-button-next {
        right: -30px;
    }

    .sec6 .swiper-button-prev,
    .sec5 .swiper-button-prev {
        left: -30px;
    }
    
    .sec1-img{
      border-top-right-radius: 40px;
    }


}

@media screen and (max-width:1024px) {
    .his-year {
        font-size: 54px;
    }

    .base-txt {
        width: 60%;
    }

    .base-des {
        line-height: 24px;
    }
}

@media screen and (max-width:768px) {
    .sec4{
        margin-bottom: 12vw;
    }
    .hisswpthumb .swiper-slide p,
    .hisswpthumb .swiper-slide-thumb-active p {
        font-size: 16px;
    }

    .cul-item:before,
    .base-txt,
    .hisimg:after,
    .hisimg {
        border-top-right-radius: 20px;
    }

    .sec1-rg,
    .sec1-lf {
        flex: 0 0 100%;
    }

    .about-data {
        margin-top: 8vw;
    }

    .cullist {
        flex-wrap: wrap;
    }

    .cul-item,
    .cul-item.act {
        flex: 0 0 100%;
        border-top-right-radius: 20px;
        height: auto;
        margin-bottom: 6vw;
        margin-right: 0;
    }

    .culbox .cul-ico {
        width: 44px;
    }

    .cul-item:before {
        opacity: 1;
    }

    .culbox .cul-des {
        margin-top: 8px;
        font-size: 14px;
    }

    .hisbox {
        flex-direction: column-reverse;
    }

    .his-rg {
        width: 100%;
    }

    .his-rg  {
        padding-bottom: 60px;
        margin-top: 0;
    }

    .his-year {
        font-size: 40px;
    }

   .his-rg  .swiper-button-next {
        bottom: 0;
        width: 36px;
        height: 36px;
        left: calc(50% + 5px);
    }

   .his-rg  .swiper-button-prev {
        bottom: 0;
        width: 36px;
        height: 36px;
        left: calc(50% - 41px);
    }

    .hisswpthumb .swiper-slide {
        padding-left: 26px;
    }

    .his-en {
        margin-top: 10px;
    }


    .honor-lf {
        display: none;
    }

    .honor {
        flex-direction: column-reverse;
    }

    .honor-rg {
        width: 80%;
        flex: 0 0 80%;
        margin-right: auto;
    }

    .honor-rg {
        width: 100%;
        flex: 0 0 100%;
    }

    .honorswpthumb {
        height: auto;
    }

    .honorswpthumb .swiper-slide-thumb-active .honor-name {
        padding-left: 0;
    }

    .honorswpthumb .swiper-slide-thumb-active .honor-name:before {
        width: 0;
    }

    .honorbox {
        justify-content: center;
    }

    .honor-center {
        padding: 0 30px;
        flex: 0 0 100%;
        width: 100%;
        margin-top: 20px;
    }

    .sec4 .swiper-button-next {
        width: 36px;
        height: 36px;
        left: auto;
        right: -10px;
        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }

    .sec4 .swiper-button-prev {
        width: 36px;
        height: 36px;
        left: -10px;

        top: 50%;
        bottom: auto;
        transform: translateY(-50%);
    }

    .honorbox .honor-name {
        width: auto;
        max-width: calc(100% - 42px);

    }

    .patent {
        width: 80%;

    }

    .sec6 .swiper-button-prev,
    .sec5 .swiper-button-prev {
        left: -26px;
        width: 36px;
        height: 36px;
    }

    .sec6 .swiper-button-next,
    .sec5 .swiper-button-next {
        right: -26px;
        width: 36px;
        height: 36px;
    }

    .base {
        width: 80%;
    }

    .base-txt {
        position: static;
        transform: none;
        width: 100%;
        border-radius: 0;
        padding-left: 5%;
        padding-right: 5%;
    }

    .sec6 .base-data {
        margin-top: 5vw;
    }

    .base-dw,
    .base-name {
        font-size: 16px;
    }

    .base-num {
        font-size: 28px;
    }

    .sec6 .base-item {
        margin-right: 10%;
    }
    .baseswp,.patentswp{
        padding-bottom: 40px;
    }
    .history .his-lf{
        display: none;
    }
    .sec1-top{
        flex-direction: column-reverse;
    }
    
    .sec1-img{
      border-top-right-radius: 20px;
      margin-bottom: 5vw;
    }
    .sec1 .con-tit1{
        line-height: 1.5;
    }
    .sec1 .sec1-des{
        line-height: 24px;
    }
    .aboutd-item:nth-child(n){
        flex: 0 0 48.5%;
        margin-right: 3%;
    }
    .sec1-ico{
        width: 30px;
        height: 30px;
    }
        .aboutd-item:nth-child(2n){
      
        margin-right: 0%;
    }
}