.new_list{
    margin-bottom: 40px;
    overflow: hidden;
}
.content{
    background: #ffffff;
}
/* 首页顶部轮播图 */
.home-top-swiper{
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.home-top-swiper .index-banner{
    width: 100%;
    height: 100%;
}

.index-banner .swiper-slide-img-bg {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: translateZ(0) scale(1);
    transition: all 2.5s ease-in-out;
}
.index-banner .swiper-slide-active .swiper-slide-img-bg {
    transform: translateZ(0) scale(1);
}

.index-banner .swiper-pagination-bullets{
    bottom: 100px;
}
.index-banner .swiper-pagination-bullet {
    width: 10vw;
    height: 4px;
    background: #fff;
    border-radius: 0;
}

.index-banner .swiper-pagination-bullet-active {
    background: var(--main-color);
}

.index-banner .index-banner-mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    z-index: 8;
}

.index-banner .swiper-slide-banText{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.swiper-slide-banText>.my-container {
    height: 100%;
}

.index-banner .swiper-slide-banText-view{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}
.swiper-slide-banText-left{
    width: 55%;
    display:flex;
    flex-direction: column;
    align-items: flex-start;
}
.swiper-slide-banText-left-text{
    color: #FFF;
    font-family: "Pontano Sans";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    min-height: 186px;
}

@keyframes text-active-animation {
    from {
        opacity: 0;
        filter: Alpha(opacity=0);
        -webkit-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    to {
        opacity: 1.0;
        filter: Alpha(opacity=100);
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.swiper-slide-active .swiper-slide-banText-left-text {
    animation: text-active-animation .7s;
}

.index-banner-more-button{
    border: 1px solid #FFF;
    display: flex;
    padding: 26px 45px;
    align-items: center;
    gap: 10px;
    margin-top: 50px;
}
.swiper-slide-active .index-banner-more-button {
    animation: text-active-animation .9s;
}
.index-banner-more-button-text{
    color: #FFF;
    font-family: "Pontano Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.index-banner-more-button-more-jt-icon{
    display: flex;
    align-items: center;

}
.index-banner-more-button-more-jt-icon-line{
    width:0;
    height: 1px;
    background-color: #FFF;
    transition: all 0.3s ease-in-out;
}
.index-banner-more-button-more-jt-icon img{
    width:13px;
    height: 19px;
}
.index-banner-more-button:hover .index-banner-more-button-more-jt-icon-line{
    margin-right: -12px;
    width:39px;
}


@media (max-width:1600px) {
    .swiper-slide-banText-left {
        width: 60%;
    }
}

@media (max-width:1200px) {
    .swiper-slide-banText-left {
        width: 70%;
    }
}

@media (max-width:991px) {
    .swiper-slide-banText-left {
        width: 80%;
    }
}

@media (max-width:767px) {
    .swiper-slide-banText-left {
        width: 100%;
    }
    .index-banner-more-button{
        padding: 13px 18px;
    }
}
/* 首页顶部轮播图 */

/*vision*/
.index-vision{
    display: flex;
    gap: 34px;
    align-items: stretch;
    justify-content: space-between;
}

.index-vision-left{
    max-width: 599px;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}
.index-vision-left-title{
    color: #000;
    font-family: "Pontano Sans";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}
.index-vision-left-des{
    color: #333;
    font-family: "Pontano Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    text-transform: capitalize;
}

/*箭头*/
.more-button{
    border: 1px solid #333;
    display: flex;
    padding: 26px 45px;
    align-items: center;
    gap: 10px;
    margin-top: 50px;
}
.more-button-text{
    color: #333;
    font-family: "Pontano Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.more-jt-icon{
    display: flex;
    align-items: center;

}
.more-jt-icon-line{
    width:0;
    height: 1px;
    background-color: #333;
    transition: all 0.3s ease-in-out;
}
.more-jt-icon img{
    min-width:13px;
    height: 19px;
}
.more-button:hover .more-jt-icon-line{
    margin-right: -12px;
    width:39px;
}


.index-vision-right{
    display: flex;
    align-items: stretch;
    padding: 80px 0;
    gap: 50px;
}
.index-vision-right-img{
    width:384px;
    height: 607px;
    margin-top: -60px;
}
@media screen and (max-width: 767px) {
    .index-vision-right-img{
        width: 100%;
        height: auto;
    }
    
}
.index-vision-right-img img{
    width: 100%;
    height: 100%;
}
.index-vision-right-data{
    padding: 64px 30px;
    background: #F2F3F5;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.index-vision-right-data-item{
    border-top: 4px solid #DDDEE0;
    display: flex;
    padding-top: 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 11px;
    align-self: stretch;
}
.index-vision-right-data-item-num{
    display: flex;
    align-items: flex-start;
    line-height: 1;
    gap: 5px;
}
.index-vision-right-data-item-des{
    color: #333;
    font-family: "Pontano Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    max-width: 300px;
}
/*vision*/

.index-parts-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 0;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
}
.index-parts-title-text{
    color: var(--dark-color);
    text-align: center;
    font-family: "Pontano Sans";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}


/*parts列表*/
.index-parts{
    display: flex;
    flex-wrap: wrap;
}
.index-parts-item{
    width: 50%;
    box-sizing: border-box;
    /*border-top: 1px solid #eee;*/
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    background: #fff;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.index-parts-item:nth-child(1)::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(89.95% 88.86% at 70.63% 55.18%, #F4F4F4 0%, #777 100%);
    opacity: 1;
    transition: opacity 0.3s ease;
}
.index-parts-item:nth-child(1).remove-before::before {
    content: none;
    opacity: 0;
}

.index-parts-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(89.95% 88.86% at 70.63% 55.18%, #F4F4F4 0%, #777 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
}

.index-parts-item:hover::before{
    opacity: 1;
} 
.index-parts-item:nth-child(2n){
    border-right: none;
}
/*选择器（从第2个元素开始选择）*/
/*.index-parts-item:nth-child(n+2) {*/
/*    border-top: none;*/
/*}*/

.index-parts-item-left{
    position: relative;
    z-index: 9;
    width:48%;
    padding: 74px 0 61px 74px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.index-parts-item-des{
    color: #666;
    font-family: "Pontano Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    margin-top: 47px;
    min-height: 181px;
}

.index-parts-item-des div{
    margin-bottom: 11px;
}
.index-parts-item-des div:nth-child(n+6) {
    display: none;
}

/* 添加省略号，需要在HTML中添加一个固定的省略号元素 */
.index-parts-item-des div.ellipsis {
    display: none;
}

/* 当有第6个元素时显示省略号 */
.index-parts-item-des div:nth-child(6) ~ div.ellipsis {
    display: block;
}

.index-parts-item:hover .index-parts-item-des,.index-parts-item:hover .index-parts-item-title{
    color: #fff;
}

.index-parts-item-right{
    width:50%;
    display: flex;
    justify-content: center;
    align-items: center;
}



/*箭头动画*/
.index-parts-item-arrow-container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
.index-parts-item-arrow-container img {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease;
}

.arrow-2 {
    transform: translateX(-100px) translateY(100px);
}

.index-parts-item:hover .index-parts-item-arrow-container .arrow-1 {
    transform: translateX(100px) translateY(-100px);
}

.index-parts-item:hover .index-parts-item-arrow-container .arrow-2 {
    transform: translateX(0) translateY(0);
}
/*箭头动画*/

/*主图显示动画*/
.index-parts-item-min-img{
    width: 100%;
    aspect-ratio: 1/1;
    margin-top: 55px;
    margin-bottom: 15px;
    margin-right: 28px;
}
.index-parts-item-min-img img{
    width: 100%;
    height: 100%;
    transform: translateZ(0) scale(0.8);
    transition: all 0.4s ease-in-out;
    opacity: 1;
    object-fit: contain;
}
.index-parts-item:hover .index-parts-item-min-img img{
    transform: translateZ(0) scale(1);
    opacity: 1;
}
/*parts列表*/

.index-machine{
    display: flex;
    flex-direction: column;
}
.index-machine-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 80px 0 50px;
}
.index-machine-title-text{
    color: var(--dark-color);
    text-align: center;
    font-family: "Pontano Sans";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}

.index-machine-list{
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 40px;
}
.index-machine-item{
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 20px;
}
.index-machine-item:nth-child(2n+1){
    padding-right: 10px;
}
.index-machine-item:nth-child(2n){
    padding-left: 10px;
}
.index-machine-item-bg{
    background: #F5F5F5;
    padding: 50px 0 50px 80px;
    display: flex;
    align-items: stretch;
    gap: 100px;
    position: relative;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.index-machine-item-bg::before{
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100%;
    background: #F4B915;
    transition: all 0.5s ease;
}
.index-machine-item-bg:hover::before{
    left: 0;
}
.index-machine-item-bg-img{
    width: 205px;
    height: 205px;
}
.index-machine-item-bg-img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: translateZ(0) scale(1);
    transition: all 0.4s ease-in-out;
}
.index-machine-item-bg:hover .index-machine-item-bg-img img{
    transform: translateZ(0) scale(1.2);
}

.index-machine-item-bg-right{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 9;
    color: #333;
}
.index-machine-item-bg-right-data{
    display: flex;
    flex-direction: column;
    margin-right: 10px;
    margin-bottom: 20px;

}
.index-machine-item-bg:hover .index-machine-item-bg-right,.index-machine-item-bg:hover .index-machine-item-bg-right-data-title{
    color: #fff;
}
.index-machine-item-bg-right-data-title{
    color: #000;
    font-family: "Pontano Sans";
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
}
.index-machine-item-bg-right-data-content{
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 15px;
}
.index-machine-item-bg-right-data-content-item{
    border-left: 5px solid #F4B915;
    padding-left: 10px;
    font-family: "Pontano Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
.index-machine-item-bg:hover .index-machine-item-bg-right-data-content-item{
    border-color: #fff;
}

.index-machine-item-bg-right-link{
    font-family: "Pontano Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
    color: #333;
}
.index-machine-item-bg-right-link span{
    border-bottom: 1px solid var(--dark-color);
    padding-bottom: 5px;
}
.index-machine-item-bg:hover .index-machine-item-bg-right-link span{
    border-color: #fff;
}
.index-machine-item-bg:hover .index-machine-item-bg-right-link{
    color: #fff;
}


@media (max-width:1580px) {
    .index-machine-item-bg{
        padding: 20px 0 50px 20px;
    }
}


@media (max-width:1366px) {
    .index-vision{
        flex-direction: column;
        align-items: center;
    }
    .index-vision-left{
        flex-direction: row;
        padding-top: 30px;
    }
    .index-vision-left .more-button{
        margin-top: 0;
        white-space: nowrap;
        /*padding: 26px 45px*/
        padding: 13px 18px;
    }
    .index-parts-item-left{
        padding: 44px 0 31px 74px;
    }
    .index-parts-item-min-img{
        margin-right: 70px;
    }
}

@media (max-width:1280px) {
    .index-machine-item-bg{
        gap: 40px;
    }
}
@media screen and (max-width: 991px) {
    .index-parts-item{
        width: 100%;
    }
    .index-parts-item-min-img{
        margin-right: 100px;
    }
}
@media screen and (max-width: 768px) {

    .index-parts-title{
        padding: 30px 0;
    }

    .index-vision-left{
        flex-direction: column;
    }
    .index-vision-left .more-button{
        margin-top: 20px;
    }
     .more-button{
        margin-top: 20px;
        padding: 13px 18px;
    }
    .index-vision-right{
        flex-direction: column;
    }

    .index-parts-item{
        width: 100%;
    }
    .index-parts-item-left{
        padding: 20px;
    }
    .index-parts-item-des{
        font-size: 14px;
        margin-top: 20px;
    }
    .index-parts-item-arrow-container{
        width: 50px;
        height: 50px;
    }
    .index-parts-item-min-img{
        margin-right: 20px;
    }
    .index-parts-item-min-img img{
        opacity: 1;
        transform: translateZ(0) scale(1);
    }

    .index-machine-title{
        padding: 30px 0 30px;
    }

    .index-machine-list{
        flex-direction: column;
    }
    .index-machine-item{
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .index-machine-item-bg{
        padding: 20px;
        align-items:flex-start;
        gap:20px
    }

    .index-machine-item-bg-img{
        width: 100px;
        height: 100px;
    }

    .index-machine-item-bg-right{
        flex: 1;
    }

    .index-parts-item-right{
        display: block;
    }
    .index-parts-item-min-img{
        margin-top: 0;
    }
}
/* 新闻 */
.index_new_list .thumb {
    position: relative;
    overflow: hidden;
}
.index_new_list .thumb i {
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: -webkit-transform .6s;
    transition: -webkit-transform .6s;
    -o-transition: transform .6s;
    transition: transform .6s;
    transition: transform .6s, -webkit-transform .6s;
    -webkit-transition: transform .6s;
}
.index_new_list .time {
    margin-top: 20px;
    color: var(--dark-color);
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}
.index_new_list .title {
    margin-top: 20px;
    height: 72px;
    overflow: hidden;
    color: #333;
    font-weight: 400;
    line-height: 36px;
}
.text:hover .title
, .text:hover .new_more
{
color: #F4B915;
}
.new_more {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #666;
    font-weight: 400;
    text-transform: capitalize;
    transition: all .4s;
}
.new_more {
    padding-top: 20px;
}
.new_more span {
    margin-left: 10px;
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    overflow: hidden;
}
.new_more span img {
    position: absolute;
    top: 0;
    left: 0;
    transition: left .3s;
}