:root{
    --public-color:#a7120b;
    --max:1430px;
}
/* 在全局CSS中添加 */
html {
  will-change: scroll-position;
}

/* 共有 */
.title{font-size: 42px;line-height: 56px;letter-spacing: -2px;color: #333;font-weight: 600;}

/* all-banner */
.all-banner{position: relative;color: #fff;}
.all-banner .all-banner-content{text-align: left;width: 100%;height: 100%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;padding-bottom: 35px;}
.all-banner h1{font-size: 48px;line-height: 64px;letter-spacing: -3px;font-weight: 600;margin-bottom: 30px;}
.all-banner .content{font-size: 18px;line-height: 32px;width: 80%;}

.in-banner .small-nav{position: static;}


/* h1黑色字体 */
.w-all-banner .all-banner h1{color: #333333;}

/* small-nav */
.small-nav-xl{position: absolute;bottom: 0;left: 0;width: 100%;}
.small-nav{display: flex;align-items: center;margin-bottom: 35px }
.small-nav ul{display: flex;align-items:flex-start;flex-wrap: wrap;}
.small-nav ul::before{content: url(../../images/nav-1.webp);height: 32px;display: flex;align-items: center;padding-top: 5px;margin-right: 20px;}
.small-nav ul a{font-size: 18px;line-height: 32px;color:#fff;}
.small-nav ul li::after{content: "→";padding:0 20px;font-size: 18px;line-height: 32px;color:#fff;font-family: 'Urbanist';}
.small-nav ul li:last-child::after{display: none;}
.small-nav ul li{display: flex;}

.in-banner{margin-top: 40px;}
.in-banner .small-nav ul a{color: #666666;}
.in-banner .small-nav ul li::after{color: #666666;}
.in-banner .small-nav ul li:last-child a{color: #cccccc;}
.in-banner .small-nav ul li:nth-last-of-type(2)::after{color: #cccccc;}

.in-banner.small-nav{margin-top: 40px;}
.in-banner.small-nav ul a{color: #666666;}
.in-banner.small-nav ul li::after{color: #666666;}
.in-banner.small-nav ul li:last-child a{color: #cccccc;}
.in-banner.small-nav ul li:nth-last-of-type(2)::after{color: #cccccc;}

.down-banner .small-nav ul a{color: #666666;}
.down-banner .small-nav ul li::after{color: #666666;}
.down-banner .small-nav ul li:last-child a{color: #cccccc;}
.down-banner .small-nav ul li:nth-last-of-type(2)::after{color: #cccccc;}


/* all-nav */
.all-nav {display: inline-flex;gap: 0 40px;margin-bottom: 95px;padding-top: 115px;}
.all-nav .all-more{font-size: 16px;line-height: 26px;color: #333;font-weight: 600;padding-top: 20px;border-top: 2px solid #999;width: 280px;display: flex;justify-content: space-between;align-items: center;transition: all .6s ease-in-out;}
.all-nav .all-more span.s2{width: 42px;height: 42px;background-color: #333333;color: #fff;display: flex;align-items: center;justify-content: center;transition: all .6s ease-in-out;padding-top: 5px;}
.all-nav .all-more .icon{font-family: 'Urbanist' !important;font-size: 14px;}
.all-nav .all-more:hover,.all-nav .all-more.active{color: var(--public-color);border-color: var(--public-color);}
.all-nav .all-more:hover span.s2,.all-nav .all-more.active span.s2{background-color: var(--public-color);}

.all-nav .all-more span.s1{width: 83%;}

/* breadcrumb */
.breadcrumb{align-items: center;}
.breadcrumb::before{content:"\f061";font-family:'CmsFont';width: 20px;height: 20px;background-color:var(--public-color);color:#fff;font-weight: bold;font-size:10px;display: flex;align-items: center;justify-content: center;margin-right: 15px;}
.breadcrumb-item+.breadcrumb-item::before{content:"\f061";font-family:'CmsFont';font-size: 10px;padding-right: 15px;font-weight: bold;color:#ccc;}
.breadcrumb-item+.breadcrumb-item{padding-left: 15px;display: flex;align-items: center;color:#ccc;}



/* 质量页 */
.quality-list{padding-top: 0px;padding-bottom: 120px;}
.quality-title{display: flex;justify-content: space-between;background-color: #ffffff;box-shadow: 0px 0px 30px 0px rgba(99, 99, 99, 0.1);padding: 0 30px;gap: 0 15px;margin-bottom: 155px;height: fit-content;position: sticky;top: 70px;}
.quality-title a{height: 64px;display: flex;align-items: center;justify-content: center;font-size: 18px;line-height: 32px;letter-spacing: -1px;font-weight: 600;color: #333;position: relative;}
.quality-title a::after{content: "";width: 0;height: 4px;background-color: var(--public-color);position: absolute;bottom: 0;transition: width 0.3s ease-in-out;}
.quality-title a:hover,.quality-title a.active{color: var(--public-color);}
.quality-title a:hover::after,.quality-title a.active::after{width: 100%;}
.quality-list .content{display: flex;flex-direction: column;gap: 120px 0;}
.quality-list .items-xl{display: flex;justify-content: space-between;}
.quality-list .left{width: 50%;}
.quality-list .right{width: 47%;}
.quality-list .title{margin-bottom: 40px;}
.quality-list .text{font-size: 18px;line-height: 32px;color: #333;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.quality-list .text p{color: #666;}
.quality-list .items ul,.quality-list ol{margin-top: 20px;}
.quality-list .items li::before{content: "";display: inline-block;margin-right: 10px;}
.quality-list .items ul li::before{content: url(../../images/quality-7.webp);}
.quality-list .items ol li::before{content: url(../../images/quality-8.webp);}
.quality-list .items li{margin-bottom: 5px;}
.quality-list .items-l .items-xl{flex-direction: row-reverse;}
.quality-list .items .items-xl{align-items: center;}
.quality-list .innova-mech .content{flex-direction: row;}

/* 新闻中心页 */
.news-list {padding-bottom: 230px;}
.news-list .row{margin:0 -20px;gap: 100px 0;}
.news-list .col-md-4{padding:0 20px;}
.news-list .img{margin-bottom: 30px;}
.news-list .time{font-size: 16px;color: #999;margin-bottom: 5px;}
.news-list .time::before{content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAllBMVEX09PTgiIvZWl7hiYvz7u/loKLghIfSOT7OISbOIifSOD3loKPz7/Dz6urTO0DMFBrVREjy7e3rvr/kmJvaYmbRMjfSMTfaY2fjk5Xrw8Xptbbqu73uz9Dpt7nptrfu0dLikZTqvL7ijpHpuLrqubvptrjotLXqurzx4uLNGh/VRkvVRUnOGyHx5OXnra/RMDXSMjj///8eC8F5AAAAAWJLR0Qx2dsdcgAAAAd0SU1FB+kGHgoaB+HH30gAAAB1SURBVBjTrc5bF0JQEIbhD7XTcaJI2OiAKPT/f53ZLrZabj1rzVy8ay4GYIaptmlhsFiKlS3YeiO2O2B/oB9HBy6dcPbUqX9BQFeEFCGWKiQpJEkO2U27D+HP5OLB4QktmSnkPFpBJV5VLbT3pwHabnzrm6MHHjUORPeqM3oAAAAASUVORK5CYII=);margin-right: 8px;}
.news-list .t1{font-size: 20px;line-height: 32px;font-weight: 600;letter-spacing: -1px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.down-list{border-top: 2px solid var(--public-color);margin-top: 90px;display: flex;justify-content: flex-end;}
.down-list-1{margin-top: 70px;}

/*news-in-paper*/
.news-in-paper{margin-top:45px;margin-bottom:100px}
.news-in-paper .h1{font-size:36px;line-height:48px;letter-spacing: -1px;color:#333;font-weight:600;margin-bottom: 50px;}
.news-in-paper .type-time{color: #999;}
.news-in-paper .type-time img{padding-right: 10px;}
.news-in-paper .time img{display:inline-block;margin-right:10px}
.news-in-paper .article .content{color:#666666;line-height:30px;font-size:16px;border-bottom:1px solid #e5e5e5;padding-bottom:70px;padding-top:40px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.news-in-paper .article img{max-width:100% !important;height:auto !important}
.news-in-paper .article .content p{margin-bottom:20px}
.news-in-paper .article h3{font-size: 26px;line-height: 34px;color: #333;margin-bottom: 25px;font-weight: 600;}
.news-in-paper .article h4{font-size: 24px;line-height: 32px;color: #333;font-weight: 600;margin-bottom: 15px;}
.news-in-paper .box-tail{font-size:18px;line-height:30px;margin-top:54px;display:flex;justify-content:space-between}
.news-in-paper .box-tail .left{width:65%}
.news-in-paper .box-tail .right{width:25%;display:flex;justify-content:flex-end}
.news-in-paper .box-tail .right .chaowei-btn{padding: 10px 0;display: flex;align-items: center;justify-content: center;width: 100%;max-width: 200px;}
.news-in-paper .box-tail .left p{display:flex}
.news-in-paper .box-tail .left p a{display:inline-block;transition:all .6s;color:#666;font-size:16px;line-height:30px;padding-left:16px}
.news-in-paper .box-tail .left p a:hover{color:var(--public-color);text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 3px;}
.news-in-paper .box-tail .left p span{color:var(--public-color);display:block;font-weight:bold}
.news-in-paper .box-tail .left p:first-child{margin-bottom:10px}
.news-in-paper .box-tail .more-7{height: 51px;font-size: 18px;}
.news-in-paper .aside{padding:0px;/*position:sticky;top:90px;height:fit-content;overflow: auto;*/}
/* .news-in-paper .aside::-webkit-scrollbar{
    background-color: transparent;
    width: 5px;
}
.news-in-paper .aside::-webkit-scrollbar-thumb{background-color: transparent;}
.news-in-paper .aside:hover::-webkit-scrollbar-thumb{background-color:var(--public-color);border-radius: 10px;}    */
.news-in-paper .aside>div{background-color: #f8f8f8;padding: 50px 30px;}
.news-in-paper .aside-con{margin-bottom: 40px;}
.news-in-paper .h4{font-size: 24px;color: #333;margin-bottom: 45px;font-weight: 600;}
/* .news-in-paper .h4::before{content: "";width: 4px;height: 22px;background-color: var(--public-color);display: inline-block;margin-right: 15px;} */
.news-in-paper .aside .more-7 {
    height: 50px;
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    background-color: var(--public-color);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 23px;
    max-width: 270px;
}
.news-in-paper .aside .more-7:hover{background-color: #8a0f09;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(167, 18, 11, 0.3);}
.news-in-paper .aside .more-7 .arrow::after{content: url(../../images/n-i-3.webp);}
.news-in-paper .aside img.b{display: none;}
.news-in-paper .aside img.g{display: inline-block;}
.news-in-paper .aside .a-box>a:hover img.b{display: inline-block}
.news-in-paper .aside .a-box>a:hover img.g{display: none;}
.news-in-paper .aside .a-box{display: inline-flex;flex-direction: column;}
.news-in-paper .aside .a-box a{margin-bottom: 10px;}
.news-in-paper span.img-small{width: 24px;display: inline-block;text-align: center;}
.news-in-paper .other-news .t1{font-size: 20px;line-height: 32px;color: #333;margin-bottom: 15px;}
.news-in-paper .other-news .t1:hover{color: var(--public-color);}
.news-in-paper .other-news .time{font-size: 16px;line-height: 30px;color: #999999;display: flex;align-items: center;margin-bottom: 10px;}
.news-in-paper .a-news{height: 15px;display: block;align-items: center;line-height: 0;}
.news-in-paper .a-news .line{display: block;transition: all .5s ease-in-out;}
.news-in-paper .a-news:hover .line{transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}
.news-in-paper .other-news .list + .list{border-top: 1px solid #e5e5e5;padding-top: 30px;}
.news-in-paper .other-news .list{padding-bottom: 30px;}

.news-in-paper .all-product .col-md-4{padding-left: 30px;padding-right: 30px;}
/* .news-in-paper .all-product .row{margin-left: -30px;margin-right: -30px;} */
.news-in-paper .main-top{display: flex;justify-content: space-between;align-items: flex-start;;margin-bottom: 110px;}
.news-in-paper .all-product .title{color: #333;font-size: 32px;line-height: 56px;font-weight: 500;margin-bottom: 60px;}

.news-in-paper .all-product .model{font-size: 16px;line-height: 32px;font-weight: 700;color: var(--public-color-red);}
.news-in-paper .all-product .img{height: 310px;display: flex;justify-content: center;align-items: center;}
.news-in-paper .all-product .text{display: none;}
.news-in-paper .all-product .box{margin-top: 35px;}
.news-in-paper .all-product .box h5{display: none;}
.news-in-paper .all-product .ul p{font-size: 16px;line-height: 32px;color: #666666;font-weight: 400;padding-left: 30px;}
.news-in-paper .all-product .ul p::before{content: '\f00c';font-family: 'cmsfont';color: var(--public-color-red);line-height: 32px;font-size: 18px;}

.news-in-paper .aside-con .people{display: flex;align-items: center;gap: 0 15px;padding-bottom: 18px;border-bottom: 1px solid #ddd;margin-bottom: 25px;}
.news-in-paper .aside-con .people .img-1{border-radius: 100%;overflow: hidden;}
.news-in-paper .people .name{font-size: 18px;line-height: 32px;color: #333;font-weight: 600;letter-spacing: -1px;}
.news-in-paper .people .sales{font-size: 16px;color: 26px;color: #999;}
.news-in-paper .ul-box{padding-left: 5px;margin-bottom: 40px;}
.news-in-paper .ul-box p{font-size: 16px;line-height: 32px;margin-bottom: 10px;font-weight: 600;letter-spacing: -1px;position: relative;}
.news-in-paper .ul-box p:last-child{margin-bottom: 0;}
.news-in-paper .ul-box p::before{content: url(../../images/n-i-2.webp);display: inline-block;padding-right: 20px;}

@media(max-width:1320px){
    .news-in-paper .aside-box-1{padding: 40px 35px 50px 35px}
}

.news-in-paper .all-nav .more:first-child:before{width: 15em;}
.news-in-paper .all-nav .more::before{width: 20em;}
.news-in-paper .all-nav-hr hr{width: 100%;}


.main-box{display: flex;gap:50px;}
.main-box .main-left{position:sticky;top:90px;min-width: 330px;margin-bottom: 80px;overflow: auto;height: fit-content;}

.main-box .main-left::-webkit-scrollbar{
    background-color: transparent;
    width: 5px;
}
.main-box .main-left::-webkit-scrollbar-thumb{background-color:transparent}  
.main-box .main-left:hover::-webkit-scrollbar-thumb{background-color: var(--public-color);border-radius: 10px;}   
.main-box .main-top{max-width:1300px;margin-left: auto;}
.main-box .aside{width:27%;border-radius:8px;}
.main-box .article{width:68%;}
.main-box .article .type{display: flex;align-items: center;gap: 0 15px;border-bottom:1px solid #e5e5e5;padding-bottom: 15px;}
.main-box .article .look{font-size: 16px;color: #999;}
.main-box .main-left-box .table-title{font-size: 24px;line-height: 32px;font-weight: 600;color: #333;padding: 20px 20px 20px 30px;background-color: #f8f8f8;margin-bottom: 40px;}
/* .main-box .main-left-box .table-title::before{content: "";width: 4px;height: 22px;background-color: var(--public-color);display: inline-block;margin-right: 15px;} */
.main-box .main-left-box .h3 a{font-size: 20px;line-height: 32px;color: #333;font-weight: 600;}
.main-box .main-left-box .h3{border-bottom: 1px solid #e5e5e5;padding-bottom: 25px;}
.main-box .name-box {padding-bottom: 10px;}
.main-box .name-box ul{margin-left: 0px;padding-top: 10px;padding-bottom: 20px;border-bottom: 4px solid var(--public-color);}
.main-box .name-box li{position: relative;margin-bottom: 5px;}
.main-box .name-box li a{color: #666666;font-size: 16px;line-height: 26px;}
/* .main-box .name-box li::before{content:"";width: 6px;height: 6px;background-color: #999;position: absolute;left: -25px;top: 13px;} */
/* .main-box .name-box li:hover::before{content: "\f061";width: auto;height: auto;background-color: transparent;font-family: cmsfont;top: 0;left: -25px;margin-top: 0;color: var(--public-color);} */
.main-box .name-box li a:hover{text-decoration: underline;text-decoration-skip-ink: none;text-underline-offset: 5px;}

/* .main-box .aside .t4{font-size: 22px;line-height: 32px;margin-bottom:15px;font-weight: bold;} */
/* .main-box .aside .cont{font-size: 18px;line-height: 22px;} */
.main-box .aside .more-6{background-color: var(--public-color-red);border-color: var(--public-color-red);border-radius: 8px;margin-left: auto;margin-right: auto;margin-top:30px;height:auto;padding:7px 20px;}


@media(max-width:1530px){
    .news-in-paper .box-tail{flex-direction: column;}
    .news-in-paper .box-tail .left{margin-bottom: 20px;}
    .news-in-paper .box-tail .right{width: 100%;justify-content: flex-start;}
}
@media(max-width:1460px){
    .news-in-paper .other-news .t1 {font-size: 20px;}
}
@media(max-width:1340px){
    .news-in-paper .other-news .t1 {font-size: 18px;line-height: 28px;}
    .all-app .row .col-md-2:nth-child(5) .list .t2{font-size: 14px;}
}
@media(max-width:1260px){
    .main-box .main-left {max-width: 300px;}
    .main-box .main-top{max-width: 1330px;}
    .main-box .article{width: 60%;}
    .main-box .aside{width: 37%;}
    .news-in-paper .article h3 {font-size: 24px;line-height: 36px;}
    .news-in-paper .article h4 {font-size: 20px;}
    .all-app .list {padding-left: 10px;padding-right: 10px;}
}
@media(max-width:1210px){
    .all-app .col-md-2{max-width: 24%;flex: 0 0 24%;}
    .all-app .list .t2{height: 55px;}
}
@media(max-width:1170px){
    .main-box .main-left {min-width: 270px;}
    .main-box .main-left-box .table-title {font-size: 22px;margin-bottom: 20px;padding: 20px 20px 20px 15px;}
    .main-box .main-left {min-width: 270px;}

}
@media(max-width:768px){
    .main-box .main-left{max-width: none;width: auto;min-width: auto;}
    .news-in-paper .h1{margin-bottom: 15px;}
    .news-in-paper .article h3{font-size: 20px;line-height: 28px;}
    .news-in-paper .article h4{font-size: 16px;line-height: 24px;color: #333;font-weight: 500;margin-bottom: 10px;}
    .news-in-paper .box-tail .left p{font-size: 16px;line-height: 30px;}

    .news-in-paper{margin-bottom: 30px;margin-top: 0px;padding-top: 0px;}
    .news-in-paper .main-top {flex-wrap: wrap;}
    .news-in-paper .article{width: 100%;}
    .news-in-paper .aside{width: 100%;margin-top: 0;}
    .news-in-paper .type{font-size: 14px;line-height: 20px;margin-top: 20px;padding-top: 0;padding-bottom: 15px;}
    .news-in-paper .article .content{line-height: 20px;font-size: 14px;padding-top: 20px;padding-bottom: 20px;}
    .news-in-paper .article .content p{margin-bottom: 10px;}
    .news-in-paper .box-tail{font-size: 16px;line-height: 24px;margin-top: 20px;}
    .news-in-paper .box-tail .left p:first-child{margin-bottom: 15px;}
    .news-in-paper .box-tail .right{margin-bottom: 20px;}
    .news-in-paper .aside .aside-box .text .h3 a{line-height: 24px;}
    .news-in-paper .aside .aside-box {padding-bottom: 30px;}
    .news-in-paper .aside-box-1{padding: 15px;}
    .news-in-paper .aside-box-1 .t1 {font-size: 18px;line-height: 26px;}
    .news-in-paper .main-top{margin-bottom: 30px;}
    .news-in-paper .h4 {font-size: 20px;line-height: 28px;margin-bottom: 20px;}
    .news-in-paper .aside-con{margin-bottom: 20px;}
    .news-in-paper .aside>div{padding: 20px 10px;}

    .main-box .main-left-box .table-title{font-size: 20px;line-height: 28px;padding: 15px 10px;margin-bottom: 15px;background-color: var(--public-color);color: #fff;}
    .main-box .main-left-box .table-title::before {height: 15px;position: absolute;top: 17px;left: 0;background-color: #fff;}
    .main-box .main-left-box .h3 a {font-size: 18px;line-height: 26px;}
    .main-box .main-left-box .h3{margin-bottom: 15px;padding-bottom: 0px;}
    .main-box .name-box ul {padding-top: 0;padding-bottom: 10px;}
    .main-box .name-box li{margin-bottom: 10px;}
    .main-box .name-box li a {font-size: 16px;line-height: 24px;}
    .main-box .name-box li::before {top: 8px;}
    .main-box .name-box + .name-box{padding-top: 10px;}
    .main-box .main-left{margin-bottom: 30px;position: relative;}
    .main-box .article{width: 100%;}
    .main-box .aside{width: 100%;}

    .main-box .news-name{display: none;}
    .main-box .main-left .main-left-box{position: fixed;left: -17px;top: 50px;z-index: 1;background-color: #fff;border-bottom: 2px solid var(--public-color);}
    .main-box .main-left .main-left-box.active{left: 0;}
    .main-box .main-left .main-left-box.active .news-name{padding-left: 10px;padding-top: 20px;overflow-y: auto;}
    .main-box .table-title .s1{display: none;color: #fff;}
    .main-box .table-title .s2{display: flex;color:#fff;}
    .main-box .table-title {background-color: var(--public-color-red);}
    .main-box .table-title.active .s1{display: flex;align-items: center;justify-content: space-between;padding-right: 15px;}
    .main-box .table-title.active .s1 strong{color: var(--public-color-red);}
    .main-box .table-title.active .s2{display: none;}
    .main-box .main-left-box{border: none;}
    .main-box .main-left-box .table-title{padding: 10px;margin-bottom: 0;}
    .main-box .main-left-box .table-title.active{left: 0;}
    .main-box .main-left{width: 0;}
    .main-box{gap: 0;}
    .main-box .main-top{width: 100%;}

    .news-in-paper .box-tail .left p a{line-height: 24px;}
    .news-in-paper .ul-box p::before{content: "";background: url(../../images/n-i-2.webp) no-repeat;width: 15px;height: 12px;background-size: contain;display: inline-block;}
    .news-in-paper .ul-box p{line-height: 24px;}
    .news-in-paper .aside-con .people{margin-bottom: 15px;}
    .news-in-paper .ul-box{margin-bottom: 20px;}
    .news-in-paper .other-news .list + .list{padding-top: 15px;}
    .news-in-paper .other-news .list{padding-bottom: 15px;}

    .news-in-paper .table-wrapper-md table{width: 100% !important;}
    .news-in-paper iframe{width: 100%;max-width: 100%;}
}
.news-in-paper .table-wrapper-md table{width: 100% !important;}
.news-in-paper iframe{width: 100%;max-width: 100%;}
@media(max-width:1120px){
    .news-in-paper .aside>div {padding: 30px 10px;}
    .news-in-paper .ul-box p::before{content: "";background:  url(../../images/n-i-2.webp) no-repeat;width: 15px;height: 12px;background-size: contain;display: inline-block;}
    .news-in-paper .h4{margin-bottom: 20px;}
}

.video-nr{position:relative;background:#f4f6f9;padding:30px;height:910px;display:flex;flex-wrap:wrap;justify-content:space-between;border-top:1px solid #ddd;}
.video-nr .v-content{width:76%;height:100%;overflow:auto;}
.video-nr .v-content::-webkit-scrollbar{display:none;}
.video-nr .v-content .v-title{font-size:22px;line-height:28px;font-weight:bold;margin-top:15px;margin-bottom:15px;}
.video-nr .v-content .v-desc{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.video-nr .v-content .v-desc .left{font-size:14px;color:#777;}
.video-nr .v-content .v-desc .left i{margin-left:20px;margin-right:10px;}
.video-nr .v-content .v-desc .left i:first-child{margin-left:0;}
.video-nr .v-content .v-desc .right .v-ly{background:var(--public-color);border:1px solid var(--public-color); display: inline-flex;padding:5px 20px;border-radius:50px;align-items:center;color:#fff;}
.video-nr .v-content .v-desc .right .v-ly i{margin-right:8px;}
.video-nr .v-content .v-desc .right .v-ly:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);}
.video-nr .v-content .v-desc .right .v-fx{background:#fff;border:1px solid #333;display: inline-flex;margin-left:15px; padding:5px 20px;border-radius:50px;align-items:center;color:#333;}
.video-nr .v-content .v-desc .right .v-fx i{margin-right:8px;}
.video-nr .v-content .v-desc .right .v-fx:hover{background:var(--public-color);border-color:var(--public-color);color:#fff;}
.video-nr .v-content .v-nr{padding:20px 0;font-size:14px;line-height:20px;}
.video-nr .v-content .v-nr ul{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.video-nr .v-content .v-nr ul li{margin-left:20px;}
.video-nr .v-content .v-nr ul li:first-child{margin-left:0;}
.video-nr .v-content .v-nr a{color:var(--public-color);}
.video-nr .v-content .v-nr a:hover{text-decoration:underline;}
.video-nr .v-content .v-title2{border-bottom:1px solid #ddd;display:flex;justify-content:space-between;align-items:center; font-size:22px;font-weight:bold;line-height:32px;margin-bottom:15px;padding-bottom:10px;margin-top:10px;}
.video-nr .v-content .v-title2 .right{font-size:16px;line-height:24px;color:var(--public-color);cursor:pointer;font-weight:initial;}
.video-nr .v-content .v-title2 .right:hover{color:var(--public-color);}
.video-nr .v-content .v-massage{font-size:16px;line-height:24px;}
.video-nr .v-content .v-massage p{position:relative;display:flex;align-items:center;}
.video-nr .v-content .v-massage p:before{content:"\f406";font-family:cmsfont; width:40px;height:40px;text-align:center;color:#fff;line-height:40px;font-size:20px; background:#ff6200;border-radius:50%;display:inline-block;margin-right:10px;}
.video-nr .v-content .v-massage ul{padding:10px 10px 10px 50px;}
.video-nr .v-content .v-massage ul li{position:relative;display:flex;margin-bottom:10px;}
.video-nr .v-content .v-massage ul li:before{content:"\f406";font-family:cmsfont;width:24px;height:24px;text-align:center;line-height:24px; color:#fff;background:#ff9e43;border-radius:50%;display:inline-block;margin-right:10px;}
.video-nr .v-content .v-massage strong{margin-right:0px;}

.video-nr .v-side{width:22%;height:100%;overflow:auto;}
.video-nr .v-side::-webkit-scrollbar{display:none;}
.video-nr .v-side .v-pro{background:#fff;padding:15px;border-radius:20px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.video-nr .v-side .v-pro .img{width:30%;}
.video-nr .v-side .v-pro .text{width:67%;}
.video-nr .v-side .v-pro .text .t1{font-size:16px;line-height:24px;display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.video-nr .v-side .v-pro .d-flex{margin-top:20px;}
.video-nr .v-side .v-pro .d-flex a{display:inline-block;margin-right:10px;padding:5px 15px;border:1px solid var(--public-color);border-radius:50px;font-size:14px;line-height:20px;} 
.video-nr .v-side .v-pro .d-flex a:last-child{margin-right:0p;}
.video-nr .v-side .v-pro .d-flex a:hover{background:var(--public-color);color:#fff;}
.video-nr .v-side .v-pro .d-flex a:first-child{background:var(--public-color);color:#fff;}
.video-nr .v-side .v-pro .d-flex a:first-child:hover{box-shadow: 0 2px 10px rgb(0 0 0 / 20%);}
.video-nr .v-side .v-rel{background:#fff;padding:15px;border-radius:20px;}
.video-nr .v-side .v-rel .big-t1{font-size:22px;line-height:28px;font-weight:bold;margin-bottom:15px;}
.video-nr .v-side .v-rel .v-video-item{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.video-nr .v-side .v-rel .v-video-item .left{width:54%;}
.video-nr .v-side .v-rel .v-video-item .right{width:42%;}
.video-nr .v-side .v-rel .v-video-item .t1{font-size:14px;line-height:20px;margin-bottom:8px;}
.video-nr .v-side .v-rel .v-video-item .t2{font-size:12px;color:#999;line-height:20px;}

.v-feed-box{display:flex;justify-content:space-between;flex-wrap:wrap;}
.v-feed-box .pro{width:30%;}
.v-feed-box .pro a{transition:none;}
.v-feed-box .right{width:68%;}
.v-feed-box .right .title{text-align:left;}
.v-feed-box .pro .text p{font-size: 15px;line-height: 22px;color: #666;position: relative;padding-left: 35px;margin-bottom: 0;} 
.v-feed-box .pro .text p::before{content: url(../../images/sign-2.webp);font-family: 'cmsfont';line-height: 32px;font-size: 14px;position: absolute;left: 0;top: 0px;color: var(--public-color);font-weight: bold;}
.v-feed-box .pro h5{font-size: 15px;line-height: 22px;color: #666666;font-family: 'Rubik';font-weight: 400;margin-top:15px; margin-bottom: 15px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.v-share_bot{margin-top: 30px;border: 1px solid var(--public-color);border-radius: 30px;padding: 6px;display: flex;justify-content: space-between;overflow: hidden;}
.v-share_bot input{border: 0;
    color: #666;
    font-size: 14px;
    padding-left: 10px;
    width: 100%;
    box-sizing: border-box;
    outline: 0;
    overflow: hidden;
    text-overflow: ellipsis;}
.v-share_bot button{width: 114px;
    height: 42px;
    line-height: 42px;
    color: #fff;
    border: 0;
    background: var(--public-color);
    border-radius: 20px;
    flex-shrink: 0;
    cursor: pointer;}

@media(max-width:768px) {
    .video-nr .v-side .v-pro .d-flex a{padding:5px 10px;}
    .v-feed-box .pro{display:none;}
    .v-feed-box .right{width:100%;}
    .video-nr{height:auto;padding:15px;}
    .video-nr .v-content{width:100%;}
    .video-nr .v-side{width:100%;}
    .video-nr .v-content .v-desc .right{width:100%;}
    .video-nr .v-content .v-nr ul li{margin-left:0;margin-right:10px;}
    .video-nr .v-content .v-massage ul{padding-left:17px;}
    .video-nr .v-content .v-massage p{display:block;}
    .video-nr .v-content .v-massage ul li{display:block;}
}

.reveal-modal#mb-share{left: 60%;
    margin-left: -30%;
    width: 40%;}

.v-share-box .share{display: flex; margin-top:30px;
    font-size: 0;
    transition: all .3s ease-in-out;
    justify-content: space-between;}
.v-share-box .share_cell{font-size:16px;color:#333;text-align:center;}
.v-share-box .share_cell p{margin-bottom:0;}
.v-share-box .share_cell .icon.wa {
    background-position: -3px -180px;
}

.v-share-box .share_cell .icon.fb {
    background-position: -185px -235px;
}

.v-share-box .share_cell .icon.tw {
    background-position: -124px -177px;
}

.v-share-box .share_cell .icon.em {
    background-position: -64px -237px;
}

.v-share-box .share_cell .icon.li {
    background-position: -241px -204px;
}

.v-share-box .share_cell .icon:hover{box-shadow: 0 2px 6px rgb(0 0 0 / 25%);}

.v-share-box .share_cell .icon{width: 55px;
    height: 55px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    background: url(../../images/vc-sprite.webp) no-repeat -3px -180px;
    background-size: 300px;
    border-radius: 50%;}

@media(max-width:768px) {
    .reveal-modal#mb-share{left: 10%;
    margin-left: -5%;
    width: 90%;}
}

.video-nav {margin-bottom: 80px;}
.video-nav .all-nav{margin-bottom: 30px;display: flex;justify-content: space-between;}
.video-nav .all-nav li{flex: 1;}
.video-nav .all-nav .all-more{width: auto;}
.video-list{padding-bottom: 230px;overflow: hidden;}
.video-list .v{border-radius: 6px;overflow: hidden;}
.video-list .t1{font-size: 16px;line-height: 26px;color: #333;letter-spacing: -1px;font-weight: 500;margin-top: 20px;}
.video-list .row{margin: 0 -20px;gap: 40px 0;}
.video-list .col-md-4{padding: 0 20px;}
.all-nav-box {height: 100px;background-color: #f8f8f8;display: flex;align-items: center;justify-content: center;padding: 0 40px;}
.all-nav-box a{font-size: 18px;line-height: 32px;letter-spacing: -1px;color: #666;transition: all .3s ease-in-out;}
.all-nav-box a::after{content: "/";color: #dddddd;margin: 0 18px;height: 13px;overflow: hidden;display: inline-flex;align-items: center;}
.all-nav-box a:last-child::after{display: none;}
.all-nav-box a:hover,.all-nav-box a.active{color: var(--public-color);}

/* 下载页 */
.download-list{padding-top: 270px;padding-bottom: 140px;}
.download-list .content{display: flex;justify-content: space-between;gap: 0 40px;}
.download-list .list{flex: 1;background-color: #f8f8f8;padding:0 40px 70px;}
.download-list .img{margin-top: -145px;}
.download-list .cont{text-align: center;}
.download-list .h5{font-size: 19px;line-height: 48px;color:#333;letter-spacing: -2px;font-weight: 600;margin-bottom: 20px;}
.download-list .text{font-size: 16px;line-height: 28px;color: #666;margin-bottom: 45px;}
.download-list .chaowei-btn{border-radius: 0;}

/* 证书页 */
.certificates-list {padding-bottom: 150px;padding-top: 100px;}
.certificates-list .row{gap: 40px 0;}
.certificates-list .list:hover .img{background-color: #fff;box-shadow: 0px 0px 50px 0px rgba(0, 65, 120, 0.1);}
.certificates-list .img{background-color:  rgba(9, 60, 115, .05);padding: 20px 16px;margin-bottom: 30px;transition: all .3s ease-in-out;}
.certificates-list .h2{font-size: 18px;line-height: 32px;color: #333;letter-spacing: -1px;font-weight: 500;}

/* 展览中心页 */
.exhibition-list{padding-bottom: 280px;}
.exhibition-list .ex-top {margin-bottom: 130px;}
.exhibition-list .ex-top .row{gap: 40px 0;margin: 0 -20px;}
.exhibition-list .ex-top .col-md-4{padding: 0 20px;}
.exhibition-list .h3{font-size: 42px;line-height: 64px;color: var(--public-color);letter-spacing: -2px;font-weight: 600;margin-bottom: 75px;}
.exhibition-list .list{background-color: #f8f8f8;padding: 20px 30px 50px;transition: all .3s ease-in-out;height: 100%;}
.exhibition-list .list:hover{background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(99, 99, 99, 0.1);}
.exhibition-list .list:hover .img {background-color:#ffffff;mix-blend-mode: multiply;}
.exhibition-list .list:hover .img img{background-color: #fff;}
.exhibition-list .time::before{content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAllBMVEX09PTgiIvZWl7hiYvz7u/loKLghIfSOT7OISbOIifSOD3loKPz7/Dz6urTO0DMFBrVREjy7e3rvr/kmJvaYmbRMjfSMTfaY2fjk5Xrw8Xptbbqu73uz9Dpt7nptrfu0dLikZTqvL7ijpHpuLrqubvptrjotLXqurzx4uLNGh/VRkvVRUnOGyHx5OXnra/RMDXSMjj///8eC8F5AAAAAWJLR0Qx2dsdcgAAAAd0SU1FB+kGHgoaB+HH30gAAAB1SURBVBjTrc5bF0JQEIbhD7XTcaJI2OiAKPT/f53ZLrZabj1rzVy8ay4GYIaptmlhsFiKlS3YeiO2O2B/oB9HBy6dcPbUqX9BQFeEFCGWKiQpJEkO2U27D+HP5OLB4QktmSnkPFpBJV5VLbT3pwHabnzrm6MHHjUORPeqM3oAAAAASUVORK5CYII=);margin-right: 8px;}
.exhibition-list .time{font-size: 16px;color: #999;margin-bottom: 5px;}
.exhibition-list .t1{font-size: 20px;line-height: 32px;color:#333;letter-spacing: -1px;font-weight: 600;}
.exhibition-list .img{margin-bottom: 50px;}
.exhibition-list .items{border-top: 2px solid #e2e2e2;}
.exhibition-list .items{display: flex;justify-content: space-between;padding:70px 0;}

.exhibition-list .t2{font-size: 32px;line-height: 48px;color: #333;letter-spacing: -1px;font-weight: 600;margin-bottom: 20px;}
.exhibition-list .text{font-size: 16px;line-height: 28px;color: #999;margin-bottom: 40px;}
.exhibition-list .cont {color: #999;}
.exhibition-list .cont>div{margin-bottom: 10px;}
.exhibition-list .cont strong{font-size: 16px;color: #333;font-weight: 500;}
.exhibition-list .left{width: 65%;}
.exhibition-list .right{width: 32%;}
.exhibition-list .right img,.exhibition-list .right .img{border-radius: 10px;}


.exhibition-in{padding-top: 110px;padding-bottom: 170px;}
.exhibition-in .ex-zhu{display: flex;justify-content: space-between;margin-bottom: 95px;}
.exhibition-in .ex-zhu .left{width: 55%;}
.exhibition-in .ex-zhu .right{width: 40%;height: 370px;background-color: #f8f8f8;display: flex;align-items: center;justify-content: center;}
.exhibition-in .ex-zhu .right img{border-radius: 10px;}
.exhibition-in h1{font-size: 36px;line-height: 48px;letter-spacing: -1px;color: #333;font-weight: 600;margin-bottom: 40px;}
.exhibition-in .ex-zhu .cont{line-height: 36px;color: #999;border-top: 1px solid #e5e5e5;padding-top: 45px;margin-bottom: 75px;}
.exhibition-in .ex-zhu .cont strong{color: #333;font-weight: 500;}
.exhibition-in .btn-more {border-radius: 0;background-color: #a7120b;color: #fff;padding: 10px 30px;font-size: 18px;line-height: 32px; font-weight: 600;transition: all 0.3s ease;}
.exhibition-in .btn-more :hover{background-color: #8a0f09;transform: translateY(-2px);box-shadow: 0 4px 12px rgba(167, 18, 11, 0.3);}
.exhibition-in .btn-more img{padding-left: 30px;}
.ex-content{background-color: #f4f4f4;padding: 100px 0;}
.all-products .items{display: flex;justify-content: space-between;align-items: flex-end;background-color: #fff;padding:65px 40px 70px;position: relative;margin-bottom: 40px;}
.all-products .items:last-child{margin-bottom: 0;}
.all-products .items::after{content: "";width: 100%;height: 4px;background-color: var(--public-color);position: absolute;left: 0;bottom: 0;transition: all .3s ease-in-out;opacity: 0;}
.all-products .items:hover::after{opacity: 1;}
.all-products .img{position: relative;mix-blend-mode: darken;width: 26%;}
.all-products .box{width: 50%;}
.all-products .img-1{width: 15%;}
.all-products .btn-img{position: absolute;right: 0;bottom: 0;border-radius: 100%;transition: all .3s ease-in-out;cursor: pointer;}
.all-products .btn-img:hover{border-radius: 100%;box-shadow: 0 2px 8px rgba(0, 0, 0, .8);}
.all-products .model{font-size: 16px;line-height: 28px;color: var(--public-color);font-weight: bold;}
.all-products .t1{font-size: 24px;line-height: 32px;color: #333;font-weight: 600;letter-spacing: -1px;margin-bottom: 15px;transition: all .3s ease;width: 80%;}
.all-products .t1:hover{color: var(--public-color);}
.all-products .t1::after{content: '>>';display: inline-block; margin-left: 20px;color: var(--public-color);transition: all 0.3s ease;}
.all-products .cont{color: #999;display: flex;flex-wrap: wrap;margin-bottom: -5px;}
.all-products .cont p:nth-child(odd){width: 47%;}
.all-products .cont p{margin-bottom: 5px;}
.exhibition-in .title{font-size: 36px;line-height: 48px;letter-spacing: -1px;margin-bottom: 70px;}
.ex-photos{padding-top: 100px;}
.ex-photos .content{display: flex;flex-wrap: wrap;gap: 10px;}
.ex-photos .img{width: calc(calc(100% - 10px * 2) / 3);}


.app-list{padding-top: 100px;}
.app-head{display: flex;justify-content: space-between;gap: 0 60px;margin-bottom: 80px;}
.app-head .list{}
.app-head .h5{flex: 1;font-size: 20px;line-height: 32px;color: #333;letter-spacing: -1px;font-weight: 600;position: relative;padding-left: 47px;padding-bottom: 25px;}
.app-head .h5::before{content: url(../../images/quality-7.webp);position: absolute;left: 0;top: 0;}
.app-head .h5::after{content: "";width: 100%;height: 4px;background-color: var(--public-color);border-radius: 2px;position: absolute;left: 0;bottom: 0;}
.all-app .title{text-align: center;margin-bottom: 60px;}
.all-app .list{background-color: #f8f8f8;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding: 40px 17px 30px;height: 100%;transition: all .3s ease;}
.all-app .list .img{margin-bottom: 40px;width: 46%;}
.all-app:first-child .col-md-2:nth-child(4) .img{width: 100%;}
.all-app .list .t2{font-size: 15px;line-height: 26px;height: 55px;letter-spacing: -1px;color: #333;font-weight: 600;text-align: center;}
.all-app .list:hover,.all-app .col-md-2.active .list{	background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);}
.all-app .row{gap: 30px 0;}
.all-app{margin-bottom: 100px;}
.all-app .img{mix-blend-mode: darken;}
.app-pro{background-color: #f8f8f8;padding-top: 100px;padding-bottom: 110px;}
.app-pro .title{text-align: center;margin-bottom: 80px;}
.app-faq{padding-top: 115px;}
.app-faq .title{margin-bottom: 80px;}
/* .all-faq .quen-q{font-size: 24px;line-height: 42px;color: #333;letter-spacing: -1px;font-weight: 600;}
.all-faq .quen-a{font-size: 18px;line-height: 32px;color: #666;}
.all-faq .dimen{width: 20px;height: 20px;border-radius: 100%;background-color: var(--public-color);color: #fff;}
.all-faq .dimen .icon{} */
.app-faq{margin-bottom: 150px;}
.app-faq .faq-list{border-top: 1px solid #e5e5e5;}
.faq-list .faq-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding: 0 0 30px
}
.faq-list .faq-item .faq-item-title {
    font-size: 24px;
    line-height: 42px;
    font-weight: 600;
    letter-spacing: -1px;
    cursor: pointer;
    padding: 30px 25px 0 0;
    transition: color 0.3s ease;
    position: relative;
}
.faq-list .faq-item .faq-item-title::after {
    content: '>';
    margin-left: 10px;
    transition: all 0.3s ease;
    float: right;
    transform: rotate(-90deg);
    position:absolute;
    right: 0;
    top: 28px;
}
.faq-list .faq-item.active .faq-item-title::after {
    transform: rotate(90deg);
}
.faq-list .faq-item .faq-item-content {
    max-height: 0;
    overflow: hidden;
    font-size: 18px;
    line-height: 32px;
    font-weight: 400;
    color: #666;
    letter-spacing: 0px;
    transition: max-height 0.3s ease, opacity 0.3s ease;
    opacity: 0;
}
.faq-list .faq-item .faq-item-content p {
    margin-bottom: 10px;
    transition: all 0.3s ease
}
.faq-list .faq-item .faq-item-content p:last-child {
    margin-bottom: 0
}
.faq-list .faq-item .faq-item-content p:first-child {
    margin-top: 0
}
.faq-list .faq-item.active .faq-item-title {
    color: var(--public-color);
}
.faq-list .faq-item.active .faq-item-content {
    max-height: 200px;
    opacity: 1;
    padding-bottom: 15px;
}
.app-news {background-color: #f8f8f8;padding: 95px 0 165px;}

/* 共有的新闻底部 */
.app-news .product-news {
    padding: 0
}

.product-news .title {
    font-size: 42px;
    line-height: 56px;
    font-weight: 600;
    letter-spacing: -1.2px;
    margin-bottom: 60px
}

.product-news .product-news-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 40px
}

.product-news .product-news-item {
    display: flex;
    gap: 0;
    background-color: #f4f4f4;
    transition: all 0.3s ease
}

.product-news .product-news-item-img {
    overflow: hidden;
    /* height: 180px; */
    height: 100%;
    flex: 0 0 180px;
}

.product-news .product-news-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-news .product-news-item-text {
    padding: 30px 40px;
}

.product-news .time::before {
    content: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAllBMVEX09PTgiIvZWl7hiYvz7u/loKLghIfSOT7OISbOIifSOD3loKPz7/Dz6urTO0DMFBrVREjy7e3rvr/kmJvaYmbRMjfSMTfaY2fjk5Xrw8Xptbbqu73uz9Dpt7nptrfu0dLikZTqvL7ijpHpuLrqubvptrjotLXqurzx4uLNGh/VRkvVRUnOGyHx5OXnra/RMDXSMjj///8eC8F5AAAAAWJLR0Qx2dsdcgAAAAd0SU1FB+kGHgoaB+HH30gAAAB1SURBVBjTrc5bF0JQEIbhD7XTcaJI2OiAKPT/f53ZLrZabj1rzVy8ay4GYIaptmlhsFiKlS3YeiO2O2B/oB9HBy6dcPbUqX9BQFeEFCGWKiQpJEkO2U27D+HP5OLB4QktmSnkPFpBJV5VLbT3pwHabnzrm6MHHjUORPeqM3oAAAAASUVORK5CYII=');
    margin-right: 8px
}
.product-news .time{color: #999;font-size: 15px;margin-bottom: 5px;}
.product-news .product-news-item-title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    letter-spacing: -1.2px;
    transition: color 0.3s ease;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
    margin-bottom: 10px;
}

.product-news .product-news-item-title a {
    transition: all 0.3s ease
}

.product-news .product-news-item-title a:hover {
    color: var(--public-color)
}

.product-news .product-news-item-paratext {
    font-size: 14px;
    line-height: 26px;
    color: #999;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}


/* 联系我们页 */
.contact-index{padding-top: 80px;padding-bottom: 115px;font-size: 18px;line-height: 35px;color: #666;}
.contact-top{margin-bottom: 120px;}
.contact-top .text{margin-bottom: 60px;width: 70%;}
.contact-top .tk-box{display: flex;justify-content: space-between;gap: 0 40px;margin-bottom: 65px;}
.contact-top .list{background-color: #f8f8f8;flex: 1;padding: 40px;display: flex;align-items: flex-start;height: 170px;}
.contact-top .icon{color: var(--public-color);font-weight: bold;width:60px;font-size: 22px;}
.contact-top .list .cont{position: relative;padding-left: 40px;}
.contact-top .cont::before{content: "";width: 1px;height: 100%;background-color: #dddddd;position: absolute;left: 0;top: 0;}
.contact-top .h4{color: #333;font-weight: 600;margin-bottom: 10px;}
.contact-top .h4,.contact-top .font-sty{font-size: 18px;line-height: 23px;}
.contact-top .font-sty span{display: inline-block;margin-bottom: 10px;}
.contact-top .font-sty span:last-child{margin-bottom: 0;}
.contact-top .add{display: flex;padding-bottom: 35px;border-bottom: 4px solid var(--public-color);}
.contact-top .add .icon{width: auto;padding-right: 23px;}
.contact-top .add .cont{display: flex;}
.contact-bottom{display: flex;justify-content: space-between;}
.contact-bottom .title{font-size: 36px;}
.contact-bottom .box{display: flex;justify-content: space-between;margin-bottom: 30px;}
.contact-bottom .box:last-child{margin-bottom: 0;}
.contact-bottom .img{width: 53px;height: 41px;}
.contact-bottom .cont{width: 85%;}
.contact-bottom .h5{color: #333;font-weight: 600;}
.contact-bottom .text{text-align: justify;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.contact-bottom .left{width: 46%;}
.contact-bottom .left>.text{margin-bottom: 50px;}
.contact-bottom .right {width: 50%;;background-color: #ffffff;box-shadow: 0px 0px 50px 0px rgba(51, 51, 51, 0.1);opacity: 0.95;padding: 90px 60px 80px;}
.contact-bottom .h2{font-size: 36px;color: #333;font-weight: 600;letter-spacing: -2px;margin-bottom: 45px;}
.contact-bottom label{width: 100%;}
.contact-bottom label span{color: #e94127;padding-right: 5px;}
.contact-bottom label p{display: flex;align-items: center;padding-bottom: 5px;font-size: 16px;color: #999999;}
.contact-bottom .form-control{margin-bottom: 0px;border: solid 1px rgba(153, 153, 153, .6);border-radius: 2px;padding: 12px 0;}
.contact-bottom .form-row{margin: 0 -20px;}
.contact-bottom .col-md-6,.contact-bottom .col-md-12{padding: 0 20px;}
.contact-bottom .title{margin-bottom: 45px;}
.contact-bottom .chaowei-btn{border: none;height: 60px;transition: all .4s ease-in-out;border: solid 4px #a7120b;border-radius: 0;background-color: transparent;}

/* 案例页 */
.case-list{font-size: 18px;line-height: 32px;color: #666;padding-top: 85px;padding-bottom: 200px;}
.case-list .text{margin-bottom: 90px;}
.case-list .nav{flex-direction: column;gap: 30px 0;width: 100%;padding-top: 0;}
.case-list .all-more{width: 100%;}
.case-list .list{border-bottom: 5px solid var(--public-color);padding-bottom: 30px;height: 100%;}
.case-list .img{position: relative;margin-bottom: 30px;}
.case-list .small-btn{position: absolute;right: 30px;bottom: 30px;border-radius: 100%;cursor: pointer;}
.case-list .small-btn:hover{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.8);border-radius: 100%;}
.case-list .cont{padding-left: 30px;}
.case-list .h4{font-weight: 500;color: #000;letter-spacing: -1px;margin-bottom: 10px;}
.case-list .add{font-weight: 500;display: flex;align-items: center;gap: 0 10px;}
.case-list .icon-1{color: var(--public-color);font-weight: bold;padding-right: 10px;font-size: 26px;}
.case-list .row{gap: 75px 0;}

/* 服务售前页 */
.pre-sales{padding-top: 200px;padding-bottom: 190px;font-size: 18px;line-height: 32px;color: #888888;}
.pre-sales .title{margin-bottom: 30px;}
.pre-sales .items-xl{display: flex;justify-content: space-between;align-items: center;}
.pre-sales .items:first-child .left{width: 46%;}
.pre-sales .items:first-child .right{width: 46%;}
.pre-sales .items:first-child  {margin-bottom: 150px;}
.pre-sales .items p{margin-bottom: 30px;}
.pre-sales strong{font-weight: 600;color: var(--public-color);padding-right: 10px;}
.pre-sales li{margin-bottom: 5px;}
.pre-sales .max-1650px{max-width: 1650px;}
.pre-sales .items:last-child .items-xl{flex-direction: row-reverse;}
.pre-sales .items:last-child .left{width: 55%;}
.pre-sales .items:last-child .right{width: 40%;}
.pre-sales ol li::before{content: url(../../images/quality-8.webp);padding-right: 10px;}
.pre-sales ol li{margin-bottom: 25px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}

/* 服务售后页 */
.after-sales{padding: 235px 0 160px;font-size: 18px;line-height: 32px;color: #666666;}
.after-sales .items{display: flex;justify-content: space-between;align-items: center;margin-bottom: 80px;}
.after-sales .items:nth-child(even){flex-direction: row-reverse;}
.after-sales .items:first-child{align-items: flex-start;}
.after-sales .items:last-child{margin-bottom: 0;}
.after-sales .left{width: 48%;}
.after-sales .right{width: 47%;}
.after-sales .title{margin-bottom: 30px;}
.after-sales .left .text{
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.after-sales ul {color: #333;}
.after-sales ul li::before{content: url(../../images/quality-7.webp);padding-right: 20px;}
.after-sales .left p{margin-bottom: 25px;}


/* 创始人页 */
.founder-index{padding-top: 190px;padding-bottom: 285px;}
.founder-index .title{margin-bottom: 90px;}
.founder-index .title span{display: block;}
.founder-index .content{display: flex;justify-content: space-between;}
.founder-index .aside{width: 45%;position: sticky;top: 0;height: fit-content;}
.founder-index .article{width: 47%;font-size: 18px;line-height: 32px;color: #666;text-align: justify;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.founder-index .article p span{color: #db261b;}
.founder-index h5{color: #333;font-weight: bold;margin-bottom: 25px;}
.founder-index h5::before{content: url(../../images/founder-2.webp);padding-right: 15px;}
.founder-index .article p{margin-bottom: 40px;}
.founder-index .article p:nth-last-of-type(1){margin-bottom: 0;}

/* 技术页 */
.innovation-index{padding-top: 170px;}
.innova-top{margin-bottom: 165px;}
.innova-top .items{display: flex;justify-content: space-between;align-items: center;font-size: 18px;line-height: 32px;color: #666;margin-bottom: 155px;}
.innova-top .items:last-child{margin-bottom: 0;flex-direction: row-reverse;}
.innova-top .left{width: 45%;}
.innova-top .right{width: 48%;}
.innova-top .title{margin-bottom: 35px;}
.innova-top .text{margin-bottom: 30px;text-align: justify;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.innova-top .items:last-child .title{margin-bottom: 25px;}
.innova-top .title span{display: block;}
.innova-top .items:last-child .right{width: 43%;}
.innova-top .items:last-child .left{width: 47%;}
.innova-top ul li{color: #333;}
.innova-top ul li::before{content: url(../../images/quality-7.webp);padding-right: 20px;}
.innova-cer{background-color: #333333;color: #fff;padding-top: 120px;padding-bottom: 90px;font-size: 18px;line-height: 32px;position: relative;}
.innova-cer::before{content:"";width:250px;height:250px;background-color:var(--public-color);display:block;position:absolute;top:-125px}
.innova-cer .top-head{text-align:center;width:92%;margin:0 auto 65px;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.innova-cer .title{color:#fff;margin-bottom:25px}
.innova-cer .content{display:flex;justify-content:space-between;gap:0 30px}
.innova-cer .img{padding:20px;background-color:#fff}
.innova-cer .swiper-innova-cers{position:relative;max-width:1500px;margin:0 auto;padding:0 100px;}
.innova-cer .swiper-innova-cer{overflow: hidden;margin-top: 60px;padding:0 0 60px;}
.swiper-button-prev-cer,.swiper-button-next-cer{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:var(--public-color);border-radius:0%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:10;cursor:pointer}
.swiper-button-prev-cer{left:calc(50% - 700px);}
.swiper-button-next-cer{right:calc(50% - 700px);}
/* .swiper-button-prev-cer::after{content:'';width:0;height:0;border-right:8px solid var(--public-color);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:-2px}
.swiper-button-next-cer::after{content:'';width:0;height:0;border-left:8px solid var(--public-color);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-right:-2px} */
.swiper-button-prev-cer::after{content:'\f323';font-family: 'cmsfont';color: #fff;}
.swiper-button-next-cer::after{content:'\f324';font-family: 'cmsfont';color: #fff;}
.swiper-button-prev-cer:hover,.swiper-button-next-cer:hover{background-color:#fff}
.swiper-button-prev-cer:hover::after,.swiper-button-next-cer:hover::after{color: var(--public-color);}
/* .swiper-button-prev-cer:hover::after{border-right:8px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.swiper-button-next-cer:hover::after{border-left:8px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent} */
.innova-cer .swiper-pagination-cer{text-align: center;bottom:0;position:absolute;left:50%;transform:translateX(-50%);}
.innova-cer .swiper-pagination-cer .swiper-pagination-bullet{width:10px;height:10px;background-color:#dddddd;border-radius:0%;margin:0 5px;opacity:1;}
.innova-cer .swiper-pagination-cer .swiper-pagination-bullet-active{background-color:var(--public-color);}
.innova-bottom .items{padding:130px 0;}
.innova-bottom .items-xl{display: flex;justify-content: space-between;align-items: center;}
/* .innova-bottom .items:last-child{position: relative;display: flex;align-items: center;}
.innova-bottom .items:last-child::after{content: "";width: 90%;height: 100%;background-color: #f8f8f8;position: absolute;right: 0;z-index: -1;} */
.innova-bottom .items:last-child .items-xl{flex-direction: row-reverse;}
.innova-bottom .left{width: 38.5%;}
.innova-bottom .right{width: 58%;}
.innova-bottom .text{font-size: 18px;line-height: 32px;color: #888888;text-align: justify;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.innova-bottom .max-1660px{max-width: 1660px;}
.innova-bottom .title{margin-bottom: 30px;}
.innova-bottom .title span{display: block;}

/* 关于我们页 */
.about-index{padding-top: 200px;padding-bottom: 140px;}
.about-zhu{padding-bottom: 95px;}
.about-zhu .max-1650px{max-width: 1650px;}
.about-zhu .content{display: flex;justify-content: space-between;margin-bottom: 140px;}
.about-zhu .left{width: 40%;}
.about-zhu .right{width: 55%;}
.about-zhu .title{margin-bottom: 40px;}
.about-zhu .text{font-size: 18px;line-height: 32px;color: #666;text-align: justify;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.about-zhu .text p{margin-bottom: 15px;}
.about-zhu .text p:last-child{margin-bottom: 0;}
.about-zhu .small-box{display: flex;justify-content: space-between;font-size: 18px;letter-spacing: -1px;color: #999;margin-top: 50px;}
.about-zhu .num-items{display: flex;align-items: center;font-size: 42px;line-height: 42px;color: #333;letter-spacing: -2px;font-weight: 600;margin-bottom: 20px;}
.about-zhu .img-1{padding-right: 20px;}
.about-zhu .content-1{display: flex;align-items: flex-end;justify-content: space-between;}
.about-zhu .content-1 .left{width: 47%;}
.about-zhu .content-1 .right{width: 46%;padding-bottom: 45px;}
.about-cer{background-color: #f8f8f8;padding: 95px 0 75px;}
.about-cer .content{display: flex;justify-content: space-between;align-items: center;}
.about-cer .left{width: 50%;}
.about-cer .right{width: 46%;}
.about-cer .title{margin-bottom: 40px;}
.about-cer .text{font-size: 18px;line-height: 32px;color: #888;text-align: justify;margin-bottom: 40px;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;

}
.all-a{font-size: 18px;line-height: 32px;font-weight: 600;color: var(--public-color);position: relative;display: inline-flex;justify-content: center;}
.all-a::after{content: "";width: 100%;height: 1px;background-color: var(--public-color);position: absolute;bottom: 5px;transition: width 0.5s ease-in-out;}
.all-a:hover::after{width: 0;}
.about-social {padding:160px 0 150px;}
.about-social .content{display: flex;justify-content: space-between;align-items: center;}
.about-social .left{width: 45%;}
.about-social .right{width: 50%;}
.about-social .title{margin-bottom: 40px;}
.about-social .text{font-size: 18px;line-height: 32px;color: #888;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.about-social .text p{margin-bottom: 20px;}
.about-sust{font-size: 18px;line-height: 32px;color: #888;}
.about-sust .top-head{text-align: center;margin-bottom: 90px;}
.about-sust .title{margin-bottom: 30px;}
.about-sust .content{display: flex;justify-content: space-between;gap: 0 20px;}
.about-sust .list{background-color: rgba(244, 244, 244, 6);flex: 1;border-bottom: 4px solid var(--public-color);transition: all 0.3s ease;}
.about-sust .list:hover{transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}
.about-sust .cont{padding: 50px 40px 50px 50px;}
.about-sust .h4{font-size: 20px;line-height: 30px;color: #333;letter-spacing: -1px;font-weight: 600;margin-bottom: 15px;}
.about-sust .list .text{line-height: 30px;color: #666;}

.about-his{padding:130px 0}
.about-his .title{text-align:center;margin-bottom:60px}
.about-his .about-his-swiper{overflow:hidden;position:relative;padding: 30px 15px;}
.about-his .about-his-swiper .text{font-size:24px;line-height:32px;font-weight:600;text-align:center;height:200px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;position: absolute;left: 0;top: 15px;width: 100%;}
.about-his .about-his-swiper .swiper-slide{position:relative;}
.about-his .about-his-swiper .num{font-family:'Barlow';font-size:200px;line-height:200px;font-weight:bold;color:var(--public-color);opacity:.1;display: inline-block;}
.swiper-button-prev-his,.swiper-button-next-his{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:#f4f4f4;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:10;cursor:pointer}
.swiper-button-prev-his{left:-65px}
.swiper-button-next-his{right:-65px}
.swiper-button-prev-his::after{content:'';width:0;height:0;border-right:8px solid var(--public-color);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:-2px}
.swiper-button-next-his::after{content:'';width:0;height:0;border-left:8px solid var(--public-color);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-right:-2px}
.swiper-button-prev-his:hover,.swiper-button-next-his:hover{background-color:var(--public-color)}
.swiper-button-prev-his:hover::after{border-right:8px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.swiper-button-next-his:hover::after{border-left:8px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}

.about-his-xl{display: flex;justify-content: space-between;gap: 100px 0;}
.about-his-xl .big-box{flex: 0 0 47%;}
.about-his-xl .img-xl{width: 85%;overflow: hidden;}
.about-his-xl .img{flex:0 0 45%;background-color: #ffffff;border-radius: 10px;height: 335px;padding: 30px 10px;box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);width: 100%;display: flex;align-items: center;justify-content: center;padding: 0 20px;}
.about-his-xl .img img{width: 100%;height: auto;max-width: 100%;mix-blend-mode: darken;}
.about-his .about-his-swiper .swiper-slide .box-xl{position: relative;display: inline-block;}
.about-his-xl .big-box .text-1{font-size: 18px;line-height: 32px;color: #888;margin-top: 25px;}

.swiper-pagination-his{display:flex;justify-content:space-evenly;gap:10px;margin-top:30px;max-width:1920px;margin:0 auto;padding:100px 0 20px;position:relative;}
/* .swiper-pagination-his::after{content:'';position:absolute;top:20px ;left:50%;transform:translateX(-50%);width:1px;height:40px;background-color:var(--public-color);} */
.swiper-pagination-his::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ddd;}
.swiper-pagination-his .item{font-size:24px;line-height:32px;font-weight:500;color:#999;letter-spacing:-.6px;cursor:pointer;transition:all 0.3s ease;padding:8px 12px;border-radius:20px;background-color:transparent;position:relative;font-family:'Barlow';text-align:center;}
.swiper-pagination-his .item:hover{color:var(--public-color);}
.swiper-pagination-his .item.active{color:var(--public-color);font-size: 32px;}
.swiper-pagination-his .item::before{content:'';width:7px;height: 7px;border-radius:50%;background-color:#999;position: absolute;bottom: -24px;left: 50%;transform:translateX(-50%);}
.swiper-pagination-his .item.active::before{background-color:var(--public-color);}
.about-his-text{font-size: 18px;line-height: 32px;color: #666;text-align: center;max-width:1100px;margin:0 auto;padding-top: 60px;}


.about-team{padding:130px 0 100px;background-color:#f4f4f4}
.about-team .top-head{display:flex;justify-content:space-between}
.about-team .left{width:25%}
.about-team .right{width:70%;padding-top:10px;font-size:18px;line-height:32px;color:#888;-moz-hyphens:auto;-ms-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;word-wrap:break-word}
.about-team .title{margin-bottom:40px}
.swiper-about-team{padding-bottom:100px;position:relative;max-width:1920px;margin:60px auto 0;overflow:hidden;}
.swiper-button-prev-team,.swiper-button-next-team{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background-color:#cfcfcf;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;z-index:10;cursor:pointer}
.swiper-button-prev-team{left:calc(50% - 700px);bottom: 0;top:inherit;}
.swiper-button-next-team{right:calc(50% - 700px);bottom: 0;top:inherit;}
.swiper-button-prev-team::after{content:'\f053';font-family: 'cmsfont';color: #fff;}
.swiper-button-next-team::after{content:'\f054';font-family: 'cmsfont';color: #fff;}
.swiper-button-prev-team:hover,.swiper-button-next-team:hover{color: #fff;background-color: var(--public-color);}
/* .swiper-button-prev-team:hover::after{border-right:8px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
.swiper-button-next-team:hover::after{border-left:8px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent} */
.about-team .swiper-pagination-team{text-align: center;bottom:36px;position:absolute;left:50%;transform:translateX(-50%);}
.about-team .swiper-pagination-team .swiper-pagination-bullet{width:10px;height:10px;background-color:#dddddd;border-radius:0%;margin:0 5px;opacity:1;}
.about-team .swiper-pagination-team .swiper-pagination-bullet-active{background-color:var(--public-color);}

.app-bag .row.active{display: flex;}
.app-bag .row{display: none;}

.social-all{display: flex;}
.social>span,.social>a{width: 40px;height: 40px;border-radius: 100%;background-color: transparent!important;border: 1px solid #3a3a3a;display: inline-flex;justify-content: center;align-items: center;color: #fff !important;}
.social>span:before, .social>a:before{font-size: 14px;width: auto;}
.social-all>div + div{margin-left: 5px;}
.social>span:hover,.social>a:hover{background-color: var(--public-color) !important;color: #fff !important;}
.last-box{display: flex;align-items: center;gap:0px 20px;font-size: 16px;line-height: 25px;color: #fff;margin-top: 60px;}

.need-footer{padding-top: 150px;padding-bottom: 135px;text-align: center;font-size: 18px;line-height: 32px;color: #666;}
.need-footer .a{display: flex;justify-content: center;}
.need-footer .chaowei-btn{border-radius: 0;border-width: 4px;width: 280px;cursor: pointer;}
.need-footer .title{margin-bottom: 20px;}
.need-footer .text{margin-bottom: 55px;}

.faq-list-index{font-size: 18px;line-height: 32px;color: #666;padding-top: 60px;padding-bottom: 100px;}
.faq-list-index .all-nav{gap: 20px 40px;padding-top: 0;margin-top: 40px;}
.faq-list-index .text {margin-bottom: 0px;}
.faq-list-index .content{display: flex;justify-content: space-between;gap: 0 60px;}
.faq-list-index .content .aside{max-width: 280px;}
.faq-list-index .content .article{flex: 1;}

@media(max-width:1700px){
    .banner-content>.img{right: 0;}
    .home-sustainable .sustainable-grid .item .text {padding: 30px;}
}
@media(max-width:1680px){
    .home-drive .container-xl.m-right{padding-left: 15px;}
    .about-zhu .container-xl.m-right{padding-left: 15px;}
    .innova-bottom .items:first-child .container-xl.m-right{padding-left: 15px;}
    .innova-bottom .items:last-child .container-xl.m-left{padding-right: 15px;}
    .pre-sales .items:last-child .container-xl.m-left{padding-left: 15px;}

}
@media(max-width:1580px){
    .banner-content>.img {width: 62%;}
    .swiper-button-prev-his {left: -30px;}
    .swiper-button-next-his {right: -30px;}
}
@media(max-width:1500px){
    .swiper-button-prev-his {left: 0px;}
    .swiper-button-next-his {right: 0px;}
    .innova-mech .list:last-child .img {width: 100%;}
}
@media(max-width:1440px){
    .index-banner.banner .banner-box>img{height: 400px;}
    .header .navbar-custom .navbar-nav {gap: 20px;}
    .about-zhu .left {width: 50%;}
    .about-zhu .right{width: 46%;}
    .about-zhu .content{align-items: flex-end;}
    .exhibition-list .ex-top .row,.news-list .row{margin: 0 15px;}
    .exhibition-list .ex-top .col-md-4,.news-list .col-md-4{padding: 0 15px;}

}
@media(max-width:1420px){
    .swiper-button-prev-cer {left: 10px;}
    .swiper-button-next-cer {right: 10px;}
    .swiper-button-prev-team{left: 10px;}
    .swiper-button-next-team{right: 10px;}
    .product-list .product-list-item{padding: 40px 20px;}
    .product-list .product-list-item-text .tab-box {font-size: 14px;}

}
@media(max-width:1400px){
    .all-nav-box a {font-size: 17px;}
    .product-chovyting .item-text .item-t2{font-size: 16px;line-height: 28px;}
    .product-content-box .parameter-box .parameter-table table{font-size: 16px;line-height: 24px;}

}
@media(max-width:1380px){
    .banner-content .title {font-size: 38px;line-height: 46px;}
    .home .title{font-size: 42px;}
    .swiper-button-next-video{right: 15px;transform: none;}
    .swiper-button-prev-video{left: 15px;transform: none;}
    .home-video .swiper-pagination-video{width: calc(95% - 50px * 2 - 10px)}
    .product-list-class-header .title {font-size: 42px;}
}
@media(max-width:1350px){
    .home-product .product-item .text ul{font-size: 15px;}
    .home-product .product-item .text{width:70% ;}
    .product-list .product-list-item{padding: 40px 20px;}
    .product-list .product-list-item-text .tab-box {font-size: 12px;}
}
@media(max-width:1340px){
    .header .navbar-custom .navbar-nav {gap:15px}
    .major-footer{position: relative;}
    .major-footer::after{content: "";width: 100%;height: 100%;background-color: #fff;opacity: .6;position: absolute;left: 0;top: 0;}
    .major-footer .container-xl{position: relative;z-index: 1}
    .all-nav-box a {font-size: 16px;}
    .all-nav-box{padding: 0;}
    .product-list .product-list-item {gap: 20px ;}
    .contact-top .list{height: auto;padding: 30px 20px;}
    .contact-top .icon{width: 45px;}

}
@media(max-width:1300px){
    .product-content-box .parameter-box .parameter-table table{font-size: 14px;line-height: 24px;}
}
@media(max-width:1290px){
    .header .nav {gap: 10px;}
    .header .navbar-custom .navbar-nav .nav-link{font-size: 15px;}
    .header .navbar-custom .navbar-nav .nav-link,.header-height {height: 75px;}
    .top-search-box {font-size: 14px;}
    .top-lang {font-size: 14px;}
    .header .logo {gap: 20px;}
    .banner-content>.img{bottom: -50px;right: 0px;}
    .about-zhu .content{position: relative;padding-top: 120px;}
    .about-zhu .title{position: absolute;left: 0;top: 0;width: 90%;}
    
}
@media(max-width:1270px){
    .home-quality .quality-item .text {padding: 25px 15px;}
}
@media(max-width:1260px){
    .home-sustainable .sustainable-grid .item .text .item-title {font-size: 22px;}
    .home-sustainable .sustainable-grid .item .text .item-paratext {font-size: 16px;line-height: 24px;}
    .innova-bottom .title span{display: inline;}
    .all-nav .all-more span.s1{font-size: 16px;}
    .all-nav .all-more span.s2 {width: 36px;height: 36px;}
    .product-list .product-list-item-text .tab-box {font-size: 12px;line-height: 20px;letter-spacing: -.2px;}

    .download-list .list {padding: 0 30px 70px;}
    .download-list .chaowei-btn {padding: 10px 20px;}
    .home-product .product-grid-item .t1::after {margin-left: 10px;}
}
@media(max-width:1210px){
    .contact-top .tk-box {gap: 0 20px;}
}
@media(max-width:1200px){
    .product-content-box .parameter-box{flex-direction: column;}
    .all-app .list .t2{height: auto;}
}
@media(max-width:1150px){
    .header .col-md-3{flex: 0 0 20%;max-width: 20%;}
    .header .col-md-9{flex: 0 0 80%;max-width: 80%;}

}
@media(max-width:1060px){
    .header .navbar-custom .navbar-nav{gap: 10px;}
    .dropdown-toggle::after{margin-left: .1rem;}
    .home-quality .quality-item .text .t1{font-size: 21px;margin-bottom: 18px;}
}



@media(max-width:768px){
    .chaowei-btn{height: 42px;padding: 0 15px;display: inline-flex;align-items: center;line-height: 24px;}
    .title{font-size: 22px;line-height: 32px;letter-spacing: -1px;}
    .left,.right{width: 100% !important;}

    .banner-content .title{font-size: 24px;line-height: 32px;margin-bottom: 15px;}
    .banner-content .content{font-size: 14px;line-height: 20px;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
    .banner-content .video-box{margin-top: 20px;}
    .index-banner.banner .banner-content{flex-direction: column-reverse;}
    .index-banner .banner-content>.img{position: static;width: 100%;}
    .banner-content .title span{display: inline;}
    .banner{margin-bottom: 30px;}
    .home-quality{padding-top: 0;padding-bottom: 30px;}
    .home .title{font-size: 22px;line-height: 32px;}
    .home-quality .quality-grid {grid-template-columns: repeat(2, 1fr);gap: 10px;margin-top: 20px;}
    .home-quality .quality-item .text {margin: 10px;padding: 10px;}
    .home-quality .quality-item .text .t1{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .home-quality .quality-item .text .t2{font-size: 12px;line-height: 20px;}
    .home-product{padding: 0 0 30px;background:none;}
    .home-product .paratext{font-size: 14px;line-height: 20px;margin-top: 20px;}
    .home-product .product-item{flex-direction: column-reverse;}
    .home-product .product-item .img{width: 100%;position: static;}
    .home-product .product-item .text{width: 100%;}
    .home-product .product-item .text .product-title{font-size: 19px;line-height: 28px;}
    .home-product .product-item .text .product-paratext span{font-size: 14px;line-height: 20px;}
    .home-product .product-item .text .authentication{width: 60%;}
    .home-product .product-item .text ul li{display: flex;align-items: flex-start;}
    .home-product .product-item .text ul {line-height: 24px;font-size: 14px;}
    .home-product .product-swiper{margin-top: 20px;padding-bottom: 30px;margin-bottom: 0;}
    .home-product .container-xl:nth-last-of-type(1){display: none;}
    .home-solution{padding: 0 0 30px;}
    .home-solution .solution-tabs{margin-top: 20px;}
    .home-solution .solution-tabs .sol-contents .item{flex-direction: column;}
    .home-solution .solution-tabs .sol-contents .item .img{max-width: 100%;margin-bottom: 15px;}
    .home-solution .solution-tabs .sol-contents .item .text{max-width: 100%;padding-left: 0;}
    .home-solution .solution-tabs .sol-contents .item .text .t1{font-size: 18px;margin-bottom: 10px;}
    .home-solution .solution-tabs .sol-contents .item .text .t2{font-size: 14px;line-height: 20px;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
    .home-solution .solution-tabs .sol-contents .item .text .t3-box {gap: 5px;margin-bottom: 25px;}
    .home-solution .solution-tabs .sol-contents .item{position: static;opacity: 1;visibility: visible;margin-bottom: 25px;}
    .home-solution .solution-tabs .sol-tabs{display: none;}
    .home-solution .solution-tabs .sol-contents {margin-top: 20px;}
    .home-drive{padding:30px 0;}
    .home-drive-box{flex-direction: column-reverse;gap: 20px;}
    .home-drive-box .title{margin-bottom: 15px;}
    .home-drive-box .paratext{margin-bottom: 25px;}
    .home-drive-box .drive-grid{margin-top: 20px;}
    .home-drive-box .drive-grid .item .item-header .summary{font-size: 28px;line-height: 32px;}
    .home-drive-box .drive-grid {grid-template-columns: repeat(2,1fr);}
    .home-sustainable{padding: 30px 15px;}
    .home-sustainable .paratext{font-size: 14px;line-height: 20px;margin-top: 15px;}
    .home-sustainable .sustainable-grid{margin-top: 20px;grid-template-columns: repeat(2, 1fr);}
    .home-sustainable .sustainable-grid .item .text{padding: 20px 10px;}
    .home-sustainable .sustainable-grid .item .text .item-title{font-size: 18px;margin-bottom: 5px;}
    .home-sustainable .sustainable-grid .item .text .item-paratext{font-size: 12px;line-height: 20px;}
    .home-brand{padding-bottom: 30px;}
    .home-service .text .home-service-list{gap: 20px;padding: 15px 0 15px;}
    .home-service .text .home-service-list .item .item-t1 {font-size: 18px;line-height: 26px;}
    .home-service .text .home-service-list .item .item-t2{font-size: 14px;line-height: 20px;}
    .home-service .service-grid .item .item-header .summary{font-size: 28px;line-height: 32px;}
    .home-service .service-grid{margin-top: 15px;grid-template-columns: repeat(1, 1fr);}
    .home-service .service-grid .item {gap: 7px;}
    .home-service>div {min-height: 520px;}
    .home-service .text{min-height: 520px;}
    .home-video{padding: 30px 15px 10px;}
    .home-video .video-box{margin-top: 20px;padding-bottom: 50px;}
    .home-video .video-box .video-item .text .text-t1 {font-size: 14px;}
    .swiper-button-prev-video {left: 0;}
    .swiper-button-next-video {right: 0;}
    .home-video .video-box .video-item .text{margin-top: 10px;}
    .home-video .video-box .video-item .text .text-t2 {font-size: 14px;line-height: 20px;gap: 0;}
    .home-video .video-box .video-item .img::before{width: 40px;height: 40px;right: 10px;bottom: 10px;}
    .home-video .video-box .video-item .img::after {border-left-width: 10px;border-top-width: 6px;border-bottom-width: 6px;bottom: 24px;right: 24px;}
    .home-video .video-box .video-item .text .text-t2 img{width: 8%;}
    .home-exhibition{padding: 0 0 30px;}
    .home-exhibition .paratext{font-size: 14px;line-height: 20px;margin-top: 15px;padding: 0 15px;}
    .home-exhibition .exhibition-slider-container{margin-top: 20px;}
    .home-exhibition .exhibition-slider {gap: 10px;}
    .home-exhibition .exhibition-slider .slider-item{width: 90px;height: 40px;}
    .home-exhibition .exhibition-slider{width: calc(100px * 16 + 10px * 15);}
    .home-exhibition .exhibition-slider-2 {gap: 10px;}
    .home-exhibition .exhibition-slider-2 .slider-item{width: 100px;height: 50px;}
    .home-exhibition .exhibition-slider-2{width: calc(90px * 14 + 10px * 13);}
    @keyframes inverted-scroll {
        0% {
            transform: translateX(calc(-100px * 8 - 10px * 14));
        }

        100% {
            transform: translateX(0);
        }
    }

    @keyframes scroll {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(calc(-90px * 7 - 10px * 6));
        }
    }
    .home-exh-more .btn-more {width: 280px;padding:6px 15px;font-size: 16px;line-height: 24px;}
    .home-exhibition .exhibition-slider-container-2 {margin-top: 0px;padding-top: 40px;}
    .home-exh-more {top: 0%;transform: translate(-50%, 0);}
    .home-news{padding: 30px 0;}
    .home-news .home-news-box{flex-wrap: wrap;}
    .home-news .home-news-grid{gap: 20px;}
    .home-news .item-text .item-t1{line-height: 24px;}
    .home-news .item-text .item-t2{font-size: 18px;line-height: 26px;}
    .home-news .time{font-size: 14px;line-height: 20px;}
    .home-news .item-text .item-t3{line-height: 20px;}
    .home-news .title{margin-bottom: 15px;}

    .footer{padding: 30px 0;}
    .footer-box{flex-wrap: wrap;flex-direction: column;}
    .footer-details{margin-top: 20px;gap: 10px;}
    .footer-details p {font-size: 14px;line-height: 20px;}
    .footer-details p a+a {margin-left: 40px;}
    .footer-right-box{flex-wrap: wrap;}
    .footer-right-box .item{flex: none;width: 100%;}
    .footer-right-box .item-list{flex-wrap: wrap;flex-direction: row;gap: 15px;}
    .footer-right-box .item-list>a {line-height: 22px;display: inline-flex;}
    .footer-right-box .item-list>a::before{display: inline-flex;}
    .footer-right-box .title{height: auto;margin-bottom: 10px;line-height: 26px;font-size: 18px;}
    .last-box{margin-top: 20px;flex-wrap: wrap;font-size: 14px;line-height: 20px;}
    .last-box .shares{margin-bottom: 15px;}
    .home-news .home-news-box .left{display: none;}
    .home-news .home-news-box .right {max-width: 100%;}
    .home-news .item-text .item-t2{font-size: 16px;line-height: 24px;margin-bottom: 10px;}
    .home-news .home-news-list .item .item-text .time{font-size: 14px;line-height: 20px;}
    .home-news .btn-box{margin-top: 25px;}
    .footer-box-right,.footer-box-left{max-width: 100%;}

    .all-banner h1{font-size: 22px;line-height: 32px;margin-bottom: 10px;letter-spacing: -1px;}
    .all-banner .all-banner-content{padding-bottom: 0;}
    .all-banner .content{display: none;}
    .in-banner{margin-top: 15px;}
    .in-banner .small-nav ul a{font-size: 14px;line-height: 20px;}
    .small-nav ul::before {padding-top: 0;height: 26px;margin-right: 10px;}
    .small-nav ul li::after{padding: 0 5px;font-size: 14px;line-height: 24px;}

    .about-index {padding-top: 0;padding-bottom: 30px;}
    .about-zhu {padding-bottom: 30px;}
    .about-zhu .title{position: static;width: 100%;margin-bottom: 15px;}
    .about-zhu .content{flex-direction: column-reverse;margin-bottom: 40px;padding-top: 0;}
    .about-zhu .right{width: 100%;margin-bottom: 20px;}
    .about-zhu .left{width: 100%;}
    .about-zhu .text{font-size: 14px;line-height: 20px;}
    .about-zhu .small-box{margin-top: 20px;flex-wrap: wrap;font-size: 16px;line-height: 24px;}
    .about-zhu .num-items {font-size: 24px;line-height: 32px;margin-bottom: 10px;}
    .about-zhu .img-1{padding-right: 10px;}
    .about-zhu .content-1{flex-wrap: wrap;}
    .about-zhu .content-1 .left{width: 100%;margin-bottom: 20px;}
    .about-zhu .content-1 .right{padding-bottom: 0px;margin-bottom: 0px;}
    .about-cer{padding: 30px 0;}
    .about-cer .content{flex-wrap: wrap;}
    .about-cer .left{margin-bottom: 20px;}
    .about-cer .title{margin-bottom: 15px;}
    .about-cer .text{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
    .all-a{font-size: 16px;line-height: 24px;}
    .about-his{padding: 30px 0;}
    .about-his .title{margin-bottom: 15px;}
    .about-his .about-his-swiper .num{font-size: 110px;line-height: 110px;}
    .about-his .about-his-swiper .text{font-size: 20px;line-height: 28px;height: 165px;}
    .swiper-button-prev-his, .swiper-button-next-his {top: 65%;width: 35px;height: 35px;}
    .swiper-pagination-his{padding: 28px 0 5px;gap: 5px;}
    .swiper-pagination-his::after {top: 0;height: 28px;}
    .swiper-pagination-his .item{font-size: 9px;padding: 8px 0px;}
    .swiper-pagination-his .item.active{font-size: 14px;}
    .swiper-pagination-his .item::before{width: 5px;height: 5px;bottom: -7px;}
    .about-his-text{padding-top: 30px;color: #999;padding-left: 15px;padding-right: 15px;}
    .about-his-text .text-1{font-size: 14px;line-height: 20px;}
    .about-team{padding: 30px 0 30px;}
    .about-team .top-head{flex-wrap: wrap;}
    .about-team .title{margin-bottom: 15px;text-align: center;}
    .about-team .right{font-size: 14px;line-height: 20px;padding-top: 0;}
    .swiper-about-team{padding-bottom: 40px;margin-top: 20px;}
    .about-team .swiper-pagination-team{bottom: 7px;}
    .about-team .swiper-pagination-team .swiper-pagination-bullet {width: 8px;height: 8px;}
    .about-social{padding: 30px 0 30px;}
    .about-social .content{flex-direction: column-reverse;}
    .about-social .right{margin-bottom: 15px;}
    .about-social .title{margin-bottom:15px;}
    .about-social .text{font-size: 14px;line-height: 20px;}
    .about-social .text p{margin-bottom: 10px;}
    .about-sust .top-head{margin-bottom: 20px;}
    .about-sust{font-size: 14px;line-height: 20px;}
    .about-sust .title{margin-bottom: 15px;}
    .about-sust .content{flex-wrap: wrap;gap: 25px;}
    .about-sust .cont{padding: 20px 15px;}
    .about-sust .list{width: 100%;flex: none;}
    .about-sust .list .text{line-height: 20px;}

    .major-footer{padding: 32px 0;height: auto;background-position-x: 73%;}
    .major-footer .title{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .major-footer .conent{font-size: 14px;line-height: 20px;margin-bottom: 20px;}

    .quality-title{display: none;}
    .quality-list{padding-top: 0px;padding-bottom: 30px;}
    .quality-list .items{flex-direction: column-reverse !important;}
    .quality-list .right{margin-bottom: 20px;}
    .quality-list .title{margin-bottom: 10px;}
    .quality-list .text{font-size: 14px;line-height: 20px;}
    .quality-list .items ul li::before{content:"";background: url(../../images/quality-7.webp) no-repeat;background-size: contain;width: 15px;height: 12px;}
    .quality-list .content{gap: 40px 0;}

    .innovation-index{padding-top: 0;}
    .innova-top{margin-bottom: 30px;}
    .innova-top .items{font-size: 14px;line-height: 20px;margin-bottom: 30px;}
    .innova-top .title{margin-bottom: 15px !important;}
    .innova-top .items{flex-direction: column !important;}
    .innova-top .left{margin-bottom: 20px;}
    .innova-top .text{margin-bottom: 20px;}
    .innova-top .title span,.innova-bottom .title span{display: inline;}
    .innova-top ul li::before{content:"";background: url(../../images/quality-7.webp) no-repeat;background-size: contain;width: 15px;height: 12px;display: inline-block;}
    .innova-cer::before {width: 100px;height: 100px;top: -50px;}
    .innova-cer{padding-top: 55px;padding-bottom: 30px;}
    .innova-cer .top-head{width: 100%;margin-bottom: 20px;font-size: 14px;line-height: 20px;}
    .innova-cer .img{padding: 10px;}
    .innova-cer .swiper-innova-cers{padding: 0 15px;}
    .innova-cer .swiper-innova-cer{margin-top: 30px}
    .swiper-button-prev-cer, .swiper-button-next-cer{width: 35px;height: 35px;top: auto;bottom: 0;transform: translateY(0);}
    .innova-cer{font-size: 14px;line-height: 20px;}
    .innova-bottom .items{padding: 30px 0;}
    .innova-bottom .items-xl{flex-direction: column-reverse !important;}
    .innova-bottom .right{margin-bottom: 20px;}
    .innova-bottom .text{font-size: 14px;line-height: 20px;}
    .innova-bottom .title{margin-bottom: 15px;}

    /*#region 移动端栏目列表*/
    .menu-collapse { border-radius: 6px 6px 0 0; border: 1px solid #e7e7e7; background: #fff; }
    .menu-collapse .collapse-title { padding: 0.875rem; background: var(--public-color); color: #fafafa; }
    .menu-collapse .collapse-title h5 { font-size: 1.25rem; font-weight: 500; }
    .menu-collapse .collapse-title .navbar-toggler { color: #fff; }
    .menu-collapse .menu-link { transition: background-color ease 0.2s; color: #666; border-bottom: 1px solid #e7e7e7 }
    .menu-collapse ul ul .menu-link { padding: 12px 16px 12px 30px; }
    .menu-collapse .menu-link:before { content: "●"; font-size: 0.75rem; margin-right: 5px; color: var(--public-color) }
    .menu-collapse .menu-link:hover { background: #f8f9fa; }
    .menu-collapse .drop { }
    .menu-collapse .menu-link.active { background: #f6f6f6; color: #666 }

    .all-nav-box{display: none;}
    .video-list{padding-bottom: 30px;}
    .video-nav{margin-bottom: 30px;}
    .video-list .row{margin: 0 -7px;}
    .video-list .col-md-4{padding: 0 7px;}

    .w-all-banner .all-banner>img{height: 100px;}
    .w-all-banner .all-banner h1{margin-bottom: 0;}
    .certificates-list{padding-bottom: 30px;}

    .founder-index{padding:0 0 30px;}
    .founder-index .title{margin-bottom: 15px;}
    .founder-index .content{flex-wrap: wrap;}
    .founder-index .aside{width: 100%;position: static;margin-bottom: 20px;}
    .founder-index .article{width: 100%;font-size: 14px;line-height: 20px;}
    .founder-index h5{margin-bottom: 10px;text-align: left;}
    .founder-index .article p{margin-bottom: 20px;}

    .product-index-wrapper{padding: 30px 0;}
    .product-index-wrapper .title{font-size: 24px;line-height: 32px;}
    .product-index-wrapper .paratext{margin-top: 0;}
    .product-index-wrapper .paratext{font-size: 14px;line-height: 20px;hyphens: auto;word-wrap: break-word;}
    .product-index-wrapper .product-index-list{padding: 30px 0;gap: 45px;}
    .product-index-wrapper .product-index-item-title{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .product-index-wrapper .product-index-item-paratext{font-size: 14px;line-height: 20px;margin-bottom: 20px !important;}
    .product-index-wrapper .product-index-item-group{gap: 20px 15px;margin: 20px 0 0;}
    .product-index-wrapper .product-index-item-group .item-text a{font-size: 16px;line-height: 24px;padding: 15px 10px;}
    .product-index-wrapper .product-index-item-group .item-text a::after{padding-left: 5px;}
    .product-index-wrapper .product-index-list .product-index-item{width: 100% !important;flex: none !important;}
    .product-index-wrapper .product-index-item-title a::after {padding-left: 10px;}
    .product-index-wrapper .product-index-item-title{height: auto !important;}

    .product-list-wrapper .product-list-class-header{padding-top: 0;margin-bottom: 30px;flex-direction: column-reverse;}
    .product-list-class-header .title{font-size: 24px;line-height: 32px;margin-bottom: 15px;}
    .header-icon{width: 80%;}
    .product-list-class-header .paratext{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
    .product-list{padding: 30px 0;}
    .product-list .product-list-item{padding: 10px;}
    .product-list .product-list-item-img{flex: none;}
    .product-list .product-list-item{flex-direction: column;}
    .product-list .product-list-item-text .title{font-size: 20px;line-height: 28px;}
    .product-list .product-list-item-text .title{line-height: 24px;}
    .product-list .product-list-item-text .tab-box{font-size: 14px;line-height: 20px;margin-top: 10px;}
    .product-list .product-list-item-text .tab-box tr{display: flex;flex-direction: column;flex-wrap: wrap;width: 100%;}
    .product-list .tab-box table td{width: 100%;margin-bottom: 5px;}
    .product-technological-breakthroughs{padding: 30px 0;}
    .product-technological-breakthroughs .product-technological-breakthroughs-box .text .title{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .product-technological-breakthroughs .product-technological-breakthroughs-box .text .paratext{font-size: 14px;line-height: 20px;}
    .product-technological-breakthroughs .breakthroughs-icons .item .svg{width: 50px !important;height: 50px !important;}
    .product-technological-breakthroughs .product-technological-breakthroughs-box{flex-direction: column-reverse;}
    .product-technological-breakthroughs .breakthroughs-icons .item{align-items: center;}
    .product-technological-breakthroughs .breakthroughs-icons .item span{line-height: 20px;}
    .product-technological-breakthroughs .breakthroughs-icons{margin: 15px 0;}
    .product-chovyting .title{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .product-chovyting .paratext{font-size: 14px;line-height: 20px;}
    .product-chovyting{padding: 10px 0 30px;}
    .product-chovyting .chovyting-grid{grid-template-columns: repeat(1, 1fr);margin-top: 20px;}
    .product-chovyting .item-text .item-t1{font-size: 18px;line-height: 26px;}
    .product-chovyting .item-text .item-t2{font-size: 14px;line-height: 20px;}
    .success-stories .success-stories-box {flex-wrap: wrap;}
    .success-stories{margin-top: 0px;padding: 30px 0;}
    .success-stories .left .img{margin-top: 0;margin-bottom: 20px;}
    .success-stories .left .img-text{font-size: 16px;line-height: 24px;}
    .success-stories .left .img-text::before{display: none;}
    .success-stories .success-stories-box .left{flex: none;}
    .success-stories .right .title{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .success-stories .right .paratext{font-size: 14px;line-height: 20px;}
    .success-stories .right .more-btn .success-btn{font-size: 16px;line-height: 24px;}
    .product-video{padding: 30px 0;}
    .product-video .title{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .product-video .video-item .text{padding: 15px 10px;}
    .product-video .video-item .text .text-t1{font-size: 16px;line-height: 20px;}
    .product-video .video-item .text .text-t2{font-size: 14px;line-height: 20px;}
    .product-video .video-box .video-item .img::before{width: 40px;height: 40px;bottom: 10px;right: 10px;}
    .product-video .video-box .video-item .img::after{border-left-width: 9px;border-top-width: 6px;border-bottom-width: 6px;bottom: 25px;right: 25px;}
    .swiper-button-prev-product-video,.swiper-button-next-product-video{width: 36px;height: 36px;bottom: auto;top: 0;margin-top: 0;}
    .swiper-button-prev-product-video::after,.swiper-button-next-product-video::after{font-size: 14px;}
    .product-video .video-box{position: relative;padding-top: 50px;}
    .swiper-button-next-product-video{transform: none;}
    .product-video .video-item .text .text-t2 img{width: 14px;}
    .product-faq{padding: 30px 0;}
    .product-faq .faq-box{flex-direction: column;}
    .product-faq .faq-box .left{flex: none;max-width: 100%;}
    .product-faq .faq-box .left .title{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .product-faq .faq-box .left .paratext{font-size: 14px;line-height: 20px;}
    .product-faq .faq-box .right .faq-list .faq-item .faq-item-title{font-size: 16px;line-height: 20px;justify-content: space-between;}
    .product-faq .faq-box .right .faq-list .faq-item .faq-item-content{font-size: 14px;line-height: 20px;}
    .product-faq .faq-box .right .faq-list .faq-item {gap:10px}
    .chovyting-sustainability{padding:0px 0 30px;}
    .chovyting-sustainability .title{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .sustainability-grid{margin-top: 0;display: flex;flex-direction: column;}
    .sustainability-content{width: 100%;height: 100%;padding: 20px;display: flex;flex-direction: column;justify-content: center;}
    .sustainability-title{font-size: 20px;line-height: 28px;margin-bottom: 10px;}
    .sustainability-text{font-size: 14px;line-height: 20px;}
    .product-news{padding: 0 0 30px !important;}
    .product-news .title{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .product-list-wrapper{padding-bottom: 0;}
    .product-news .product-news-grid{grid-template-columns: repeat(1, 1fr);}
    .product-news .product-news-item{flex-direction: column;}
    .product-news .product-news-item-text{padding: 20px 15px;}
    .product-news .product-news-item-title{font-size: 18px;line-height: 26px;}
    .product-news .product-news-item-paratext{line-height: 20px;}

    .product-content-wrapper{padding-top: 0;padding-bottom: 0;}
    .product-content-header{margin-top: 30px;margin-bottom: 10px;}
    .content-header-box .title{font-size: 24px;line-height: 32px;margin-bottom: 15px;}
    .pronr-dinggou{margin-top: 0;}
    .pronr-dinggou .dinggou-item,.pronr-dinggou .dinggou-item .xiang{font-size: 14px;line-height: 20px;}
    .content-header-box{display: flex;flex-direction: column-reverse;gap: 10px;}
    .product-content-wrapper .more-btn{flex-wrap: wrap;gap:20px 4px;}
    .product-content-wrapper .more-btn .pro-more,.product-content-wrapper .more-btn .pro-down {padding: 5px 13px;}
    .product-content-wrapper .sample-box{padding: 30px 0 20px;}
    .product-content .product-content-nav{display: none;}
    .product-content-box .product-content-item{padding: 0px;}
    .product-content-box .details-box .text{font-size: 14px;line-height: 20px;}
    .product-content-wrapper .sample-box .sample-grid{grid-template-columns: repeat(2, 1fr);}
    .product-content-box .title{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .product-content-box .parameter-box{flex-direction: column;gap: 20px;}
    .product-content-box .parameter-box .parameter-table table{font-size: 14px;line-height: 20px;}
    .product-content-box #faq{padding: 30px 0;}
    .product-content-box #relatedproducts{padding: 30px 0;}
    .related-products-grid{grid-template-columns: repeat(1, 1fr);}
    .related-products-grid .related-products-item{padding: 20px 15px;}
    .product-content-box #news{padding-top: 30px;}
    .product-content-box{padding-bottom: 0;}
    .product-content-box .details-box{flex-wrap: wrap;flex-direction: column-reverse;gap: 20px;margin-bottom: 30px;}
    .detail-drawing-box .detail-drawing-item{flex-wrap: wrap;flex-direction: column;gap: 20px;}
    .detail-drawing-box{gap: 25px;}
    .detail-drawing-box .detail-drawing-item .detail-drawing-t1{font-size: 18px;line-height: 26px;}


    .app-list{padding-top: 0;}
    .all-app .title{margin-bottom: 10px;}
    .all-app .list{padding: 10px;}
    .all-app .col-md-2{width: 33%;}
    .all-app .list .img{margin-bottom: 10px;min-height: 100px;display: flex;align-items: center;}
    .all-app .list .t2{font-size: 14px;line-height: 20px;height: auto;}
    .all-app{margin-bottom: 30px;}
    .app-faq{margin-bottom: 30px;padding-top: 30px;}
    .app-faq .title{margin-bottom: 15px;}
    .faq-list .faq-item {gap: 0px;padding: 0 0 10px;}
    .faq-list .faq-item .faq-item-title{font-size: 16px;line-height: 24px;padding-top: 15px;display: flex;align-items: flex-start;}
    .faq-list .faq-item.active .faq-item-content{font-size: 14px;line-height: 20px;}
    .faq-list .faq-item .faq-item-content p:last-child{margin-bottom: 0;}
    .app-news{padding: 30px 0;}
    .need-footer{padding: 30px 0;font-size: 14px;line-height: 20px;}
    .need-footer .text{margin-bottom: 20px;}
    .need-footer .chaowei-btn{width: auto;}

    .case-list{font-size: 14px;line-height: 20px;padding-top: 0;padding-bottom: 30px;}
    .case-list .text{margin-bottom: 30px;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
    .case-list .col-md-4{width: 50%;}
    .case-list .cont{padding-left: 0;}
    .case-list .add img{width: 15px;}
    .case-list .img{margin-bottom: 10px;}
    .case-list .list{padding-bottom: 15px;}
    .case-list .row{gap: 30px 0;}
    .case-list .small-btn{right: 10px;bottom: 10px;width: 35px;height: 35px;}
    .down-list-1{margin-top: 40px;}

    .pre-sales{padding-top: 0;padding-bottom: 30px;font-size: 14px;line-height: 20px;}
    .pre-sales .items-xl{flex-direction: column !important;}
    .pre-sales .items:first-child{margin-bottom: 40px;}
    .pre-sales .items .left{margin-bottom: 20px;}
    .pre-sales .title{margin-bottom: 15px;}
    .pre-sales .items p{margin-bottom: 20px;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }
    .pre-sales ol li{margin-bottom: 10px;}

    .after-sales{padding: 0 0 30px;font-size: 14px;line-height: 20px;}
    .after-sales .items{flex-direction: column-reverse !important;margin-bottom: 30px;}
    .after-sales .right{margin-bottom: 20px;}
    .after-sales .title{margin-bottom: 15px;}
    .after-sales .left p{margin-bottom: 10px;}
    .after-sales ul li{margin-bottom: 5px;}
    .after-sales ul li::before{content: "";background:url(../../images/quality-7.webp) no-repeat;width: 15px;height: 12px;background-size: contain;display: inline-block;}

    .download-list{padding-top: 0;padding-bottom: 30px;}
    .download-list .content{flex-wrap: wrap;}
    .download-list .img {margin-top: 0;}
    .download-list .list{padding: 20px 15px 30px;margin-bottom: 25px;}
    .download-list .h5{font-size: 22px;line-height: 32px;margin-bottom: 15px;letter-spacing: -1px;}
    .download-list .text{font-size: 14px;line-height: 20px;margin-bottom: 20px;}

    .all-nav{margin-bottom: 0;padding-top: 0;}

    .exhibition-list{padding-bottom: 30px;}
    .exhibition-list .h3{font-size: 22px;line-height: 32px;margin-bottom: 20px;}
    .exhibition-list .list{padding: 20px 15px;}
    .exhibition-list .img{margin-bottom: 15px;}
    .exhibition-list .time{font-size: 14px;line-height: 20px;}
    .exhibition-list .t1{font-size: 18px;line-height: 26px;}
    .exhibition-list .ex-top .row{gap: 25px;}
    .exhibition-list .ex-top .row, .news-list .row{margin: 0 -7px;}
    .exhibition-list .ex-top .col-md-4, .news-list .col-md-4{padding: 0 7px;}
    .exhibition-list .ex-top{margin-bottom: 50px;}
    .exhibition-list .items{padding: 25px 0;}
    .exhibition-list .items{flex-direction: column-reverse;}
    .exhibition-list .t2{font-size: 20px;line-height: 28px;margin-bottom: 10px;}
    .exhibition-list .text{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
    .exhibition-list .menu-collapse.fadeInDown{position: fixed;top: 50px;z-index: 2;width: calc(100% - 30px);}

    .exhibition-in{padding-top: 0;padding-bottom: 30px;}
    .exhibition-in .ex-zhu{flex-direction: column-reverse;margin-bottom: 30px;}
    .exhibition-in .ex-zhu .right{height: auto;margin-bottom: 20px;}
    .exhibition-in h1{font-size: 24px;line-height: 32px;margin-bottom: 15px;}
    .exhibition-in .ex-zhu .cont{padding-top: 15px;margin-bottom: 30px;line-height: 32px;}
    .exhibition-in .btn-more{font-size: 16px;line-height: 24px;padding: 10px 20px;}
    .product-list .product-list-item-text .title{margin-bottom: 20px;}
    .ex-photos{padding-top: 30px;}
    .exhibition-in .title{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .ex-photos .img{width: calc(calc(100% - 10px * 2) / 2);}

    .news-in-paper .h1{font-size: 24px;line-height: 32px;}
    .news-list .row{gap: 30px 0;}
    .news-list .time{font-size: 14px;line-height: 20px;}
    .news-list .t1{font-size: 18px;line-height: 26px;}
    .news-list{padding-bottom: 30px;}

    .contact-index{padding-top: 0;font-size: 14px;line-height: 20px;padding-bottom: 30px;}
    .contact-top .text{width: 100%;margin-bottom: 20px;}
    .contact-top .tk-box{flex-wrap: wrap;margin-bottom: 20px;}
    .contact-top .list{padding: 20px 10px;}
    .contact-top .list .cont {padding-left: 30px;}
    .contact-top .font-sty {font-size: 16px;}
    .contact-top{margin-bottom: 30px;}
    .contact-bottom{flex-direction: column;}
    .contact-bottom .title{font-size: 22px;line-height: 32px;margin-bottom: 15px;}
    .contact-bottom .img {width: 35px;height: 35px;}
    .contact-bottom .h5{font-size: 18px;line-height: 26px;margin-bottom: 10px;}
    .contact-bottom .left{margin-bottom: 30px;}
    .contact-bottom .right{padding: 30px 25px;}
    .contact-bottom .h2{font-size: 20px;line-height: 28px;margin-bottom: 10px;}

    .about-his .about-his-swiper .swiper-slide .big-box{flex-direction: column;}
    .about-his .about-his-swiper .swiper-slide .img{margin-bottom: 20px;}
    .about-his .about-his-swiper .swiper-slide .img,.about-his .about-his-swiper .swiper-slide .text-1{width: 100%;}

    .content-header-box .desc{font-size: 14px;line-height: 20px;margin-bottom: 20px;}
    .product-content-wrapper .sample-box .sample-grid .item-text{padding: 10px 5px;text-align: center;font-size: 14px;line-height: 20px;}

    .product-list-class-header{flex-direction: column-reverse;}
    .product-list-class-header{margin-bottom: 30px;}
    .product-list-class-list{padding: 30px 0;}
    .product-list-class-list .product-list-class-box{grid-template-columns: repeat(1, 1fr);gap: 25px;}
    .product-list-class-list .product-list-class-box .product-list-class-item-text{padding: 20px 15px;}
    .product-list-class-list .product-list-class-box .product-list-class-item-text .product-list-class-item-title{font-size: 18px;line-height: 26px;letter-spacing: -1px;}
    .product-list-class-list .product-list-class-box .product-list-class-item-text .product-list-class-item-paratext{font-size: 14px;line-height: 20px;}
    .product-list-class-technology{padding: 30px 0;}
    .product-list-class-technology .title{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .product-list-class-technology .paratext{font-size: 14px;line-height: 20px;}
    .product-list-class-technology-grid{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 20px 0;margin-top: 20px;}
    .product-list-class-technology-item{padding: 20px 15px;width: 48%;;}
    .product-list-class-technology-item .technology-number{font-size: 22px;line-height: 32px;margin-bottom: 5px;float: none;}
    .product-list-class-technology-item .technology-title{margin-bottom: 10px;font-size: 18px;}
    .product-list-class-technology-item .technology-content{font-size: 12px;line-height: 20px;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        word-wrap: break-word;
    }

    .about-his-xl{flex-direction: column;gap: 0;height: 100%;}
    .about-his-xl .big-box .text-1{font-size: 14px;line-height: 20px;}
    .about-his .about-his-swiper .swiper-slide .big-box{flex: none;width:100%;}
    .about-his .about-his-swiper .swiper-slide .box-xl,.about-his .about-his-swiper .num{display: block;text-align: center;}
    .about-his .about-his-swiper .text{height: 100px;}
    .swiper-button-prev-his, .swiper-button-next-his {top: 48%;}
    .about-his .about-his-swiper {padding-bottom: 0;}
    .swiper-pagination-his{padding-top: 0;}

    .swiper-button-prev-team, .swiper-button-next-team{width: 36px;height: 36px;transform: translateY(0%);}

    .faq-list-index{padding:0 0 30px 0;}
    .faq-list-index .content{flex-direction: column;}
    .faq-list-index .content .aside{max-width: 100%;}
    .faq-list .faq-item .faq-item-title::after {top: 15px;}

    .all-img-1 p{width: 60px;height: 60px;}
    .all-img-1 span {width: 32px;height: 22px;border-left: 16px solid #fff;border-right: 16px solid transparent;border-top: 11px solid transparent;border-bottom: 11px solid transparent;margin-right: -24px;}
    .all-img-1::after{width: 90px;height: 90px;}
    .all-img-1{width: 120px;height: 120px;}

    .in-banner .small-nav {margin-bottom: 15px;}
}




/* products下拉 */
.header.fadeInDown .nav-dropdown-content{top: 40px;}
.navbar-custom .navbar-nav > .nav-item:hover .nav-dropdown-content{display: block;height: auto;}
.nav-dropdown-content {
    height: 0px;
    /* overflow: hidden; */
    position: fixed;
    z-index: 10;
    top: 85px;
    left: 0;
    right: 0;
    width: calc(100% - 100px);
    max-width: 1160px;
    margin: -1px auto 0;
    padding-top: 15px;
    display: none;
}
.nav-dropdown-content .dropdown-content-inner {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 5px 8px 51px 0px 
rgba(35, 88, 94, 0.06);
}
.nav-dropdown-content .nav-dropdown-row{
    display: flex;
    max-height: 350px;
}
.nav-dropdown-left{
    width: 300px;
    background-color: var(--public-color);
    position: relative;
    padding: 34px 25px 158px;
    border-radius: 12px 0 0 12px;
}
.nav-dropdown-right {
    width: calc(100% - 300px);
    padding: 23px 22px 26px 0;
}
.heading24{font-size: 24px;line-height: 31px;color: #fff;}
.nav-dropdown-left .dropdown-description{
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.01em;
    margin-top: 16px;
    color: #fff;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
}
.nav-dropdown-left .btn{margin-top: 24px;}
.btn.btn-links {
    position: relative;
    padding:5px 15px 5px 10px;
    border: none;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    border-radius: 30px;
    color: #fff;
}
.btn.btn-links:before {
    content: "\f105";
    font-family: "cmsfont";
    font-size: 10px;
    line-height: 10px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s;
}
.btn.btn-links:hover{background-color: #fff;color: var(--public-color);}
.nav-dropdown-right .dropdown-right-inner{display: flex;}
.nav-dropdown-right .tabs-left{width: 470px;}
.nav-dropdown-right .tabs-right {
    width: calc(100% - 470px);
    padding-left: 24px;
    font-size: 14px;
}

.nav-dropdown-right .tabs-right .tab-content {display: none;}
.nav-dropdown-right .tabs-right .tab-content.active{display: block}

.nav-dropdown-right .tabs-left .tab-menu-item.active{background-color: #f2f2f2;}
.nav-dropdown-right .tabs-left .tab-menu-item a{font-weight: 600;}

.circle-arrow-links::before {
    position: absolute;
    content: "\f105";
    font-family: "cmsfont";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    right: 26px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8px;
    line-height: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s linear;
    background: transparent;
    z-index: 1;
}
.nav-dropdown-right .tabs-left .tab-menu-item.active .circle-arrow-links::before, .circle-arrow-links:hover::before {
    background-color: #FFCC02;
}

.nav-dropdown-right .tabs-right .menu-link {
    padding: 12px 30px 12px 0;
    border-top: 1px solid #f2f2f2;
    display: block;
    position: relative;
    font-size: 14px;
}
.nav-dropdown-right .tabs-list-wrap li .menu-link{
    font-size: 16px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: 0.01em;
    color: #231F20;
    padding: 14px 55px 14px 25px;
    border-radius: 0 8px 8px 0;
    transition: all 0.3s linear;
    display: block;
    position: relative;

}
.circle-arrow-links {
    position: relative;
    display: block;
}
.nav-dropdown-right .tabs-right .circle-arrow-links::before{right: 0;top: 26px;}

.pro-tie{border-bottom: 1px solid #f2f2f2;color: var(--public-color);margin-top: 20px;padding-bottom: 15px;}

.swiper-about-cer{overflow: hidden;}


.swiper-about-cer .swiper-slide-active{z-index:3;}
.swiper-about-cer .swiper-slide-next{z-index:2;}


@media(max-width:1290px){
    .nav-dropdown-content {top: 45px;}

}
@media(max-width:1260px){
    .product-list .product-list-item-img {flex: 0 0 300px;}
    .product-list .product-list-item-img2 {flex: 0 0 180px;}
}
@media(max-width:1210px){
    .nav-dropdown-right .tabs-left {width: 400px;}
    .nav-dropdown-right .tabs-right {width: calc(100% - 400px);}
}
@media(max-width:1150px){
    .nav-dropdown-right .tabs-left {width: 350px;}
    .nav-dropdown-right .tabs-right {width: calc(100% - 350px);}

}
@media(max-width:1010px){  
    .nav-dropdown-right .tabs-left {width: 320px;}
    .nav-dropdown-right .tabs-right {width: calc(100% - 320px);}
}


.innova-mech{background-color: #f8f8f8;padding: 135px 0 270px;}
.innova-mech .top-head{text-align: center;margin-bottom: 70px;}
.innova-mech .top-head .text{font-size: 18px;line-height: 32px;outline-color: #666;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;

}
.innova-mech .title{margin-bottom: 40px;}
.innova-mech .content{display: flex;position: relative;z-index: 1;}
.innova-mech .content::before{content: "";width: 100%;height: 1px;background-color: #dddddd;position: absolute;left: 0;top: 21.5%;z-index: -1;}
.innova-mech .list{width: 30%;display: flex;flex-direction: column;align-items: center;text-align: center;}
.innova-mech .list:last-child{width: 40%;}
.innova-mech .list .year{font-size: 28px;line-height: 32px;font-weight: 600;letter-spacing: -1px;color: var(--public-color);margin-bottom: 25px;}
.innova-mech .list .img-1{margin-bottom: 15px;}
.innova-mech .list .pro-size{background-color: var(--public-color);color: #fff;border-radius: 15px;padding: 5px 30px;margin-bottom: 60px;}
/* .innova-mech .list .img img{mix-blend-mode: darken;} */
.innova-mech .list:last-child .img{position: relative;display: block;width: 130%;}
.innova-mech .list:last-child .img img{position: absolute;top: 0;right: 0;width: 100%;}

.innova-FFS .home-solution {padding: 115px 0;}
.innova-FFS .title{margin-bottom: 35px;}
.innova-FFS .title span{color: var(--public-color);}
.innova-FFS .top-head .text{font-size: 18px;line-height: 32px;color: #666;}
.innova-FFS .items .text{
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;

}
.innova-FFS h5{color: #666;font-weight:bold;font-size: 16px;line-height: 32px;margin-bottom: 10px;}
.innova-bottom .items:first-child{background-color: #f8f8f8;}
.innova-bottom .items:first-child .right{mix-blend-mode: darken;}
.nav-year{height: 87px;background-color: #f8f8f8;display: flex;align-items: center;margin-bottom: 60px;position: sticky;top: 70px;z-index: 2;}
.nav-year-xl{display: grid;grid-template-columns: repeat(10,auto);}
.nav-year li{display: flex;justify-content: center;}
.nav-year li a{position: relative;padding-left: 30px;font-size: 18px;font-weight: 600;}
.nav-year li a::before{content: "";width: 18px;height: 16px;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-left: 9px solid var(--public-color);border-right: 9px solid transparent;display: block;position: absolute;left: 0;top: 3px;}
.nav-year li + li{border-left: 1px solid #ddd;}
.nav-year li:first-child a{padding-left: 15px;letter-spacing: -1px;}

.ex-bottom h3{font-size: 32px;line-height: 32px;font-weight: 600;color: var(--public-color);margin-bottom: 30px;}

.quality-list .nav-year-xl {grid-template-columns: repeat(6, auto);}
.quality-list .nav-year ul li::before{display: none;}
.quality-list .nav-year {margin-bottom: 120px;top: 52px;}

.all-img-1{position: absolute;width: 180px;height: 180px;cursor: pointer;}
.all-img-1::before{content:"";background: rgba(255,255,255,.2);width:100%;height: 100%;animation: ani-process 3.5s infinite;position: absolute;border-radius: 100%;z-index: 0;}
.all-img-1::after{content:"";background: rgba(255,255,255,.4);width: 135px;height: 135px;animation: ani-process-1 3s infinite;position: absolute;border-radius: 100%;z-index: 0;}
.all-img-1,.all-img-1 p{display: flex;justify-content: center;align-items: center;border-radius: 100%;}
.all-img-1 p{background-color: var(--public-color);width: 90px;height: 90px;position: relative;z-index: 1;border: 2px solid transparent;transition:  all .6s ease-in-out;}
.all-img-1 span{display: inline-block;width: 50px;height: 30px;border-left: 25px solid #fff;border-right: 25px solid transparent;border-top: 15px solid transparent;border-bottom: 15px solid transparent;margin-right: -30px;transition:  all .5s ease-in-out;}
.all-img-1:hover p{background-color: #fff;border-color: var(--public-color);}
.all-img-1:hover span{border-left-color: var(--public-color);}
@keyframes ani-process{
    0%{
        transform: scale(1);
        background-color: rgba(255,255,255,.2)
    }
    50%{
        transform: scale(1.1);
        background-color: rgba(255,255,255,.1)
    }
    100%{
        transform: scale(1);
        background-color: rgba(255,255,255,.2)
    }
}
@keyframes ani-process-1{
    0%{
        transform: scale(1);
        background-color: rgba(255,255,255,.4)
    }
    50%{
        transform: scale(1.1);
        background-color: rgba(255,255,255,.2)
    }
    100%{
        transform: scale(1);
        background-color: rgba(255,255,255,.4)
    }
}

.after-sales-video .top-head{width: 85%;margin:0 auto 100px;text-align: center;}
.after-sales-video .product-video .title {margin-bottom: 35px;}

@media(max-width:1600px){
    .innova-mech .list:last-child .img {width: 115%;}
}
@media(max-width:1500px){
    .innova-mech .list:last-child .img {width: 100%;}
}
@media(max-width:768px){
    .quality-list .nav-year{margin-bottom: 30px;top: 50px;border-bottom: 1px solid var(--public-color);}
    .quality-list .nav-year-xl {grid-template-columns: repeat(2, 1fr);grid-gap: 20px;margin-bottom: 20px;justify-items: start;}
    .quality-list .items .items-xl{flex-direction: column-reverse !important;}
    .innova-mech{padding: 30px 0;}
    .innova-mech .title{margin-bottom: 15px;}
    .innova-mech .top-head .text{font-size: 14px;line-height: 20px;}
    .innova-mech .top-head{margin-bottom: 25px;}
    .innova-mech .list{width: 100% !important;}
    .innova-mech .list .pro-size {margin-bottom: 30px;}
    .innova-mech .list .year {margin-bottom: 10px;font-size: 24px;}
    .innova-mech .list:last-child .img img{position: static;}
    .mySwiper-innova-mech{overflow: hidden;}
    .mySwiper-innova-mech .swiper-pagination{width: 100%;display: flex;justify-content: center;gap: 10px;left: 0;}
    .quality-list .items-ele .right{padding: 30px 10px !important;}
    .quality-list .text{width: 100% !important;}
    .innova-FFS .home-solution{padding: 30px 0;}
    .innova-FFS .title{margin-bottom: 15px;}
    .innova-FFS .top-head .text{font-size: 14px;line-height: 20px;}
    .innova-FFS .home-solution .solution-tabs .sol-contents .item{margin-bottom: 50px;}
    .innova-FFS .home-solution .solution-tabs .sol-contents .item .img video {height: 370px !important;}
    .innova-FFS .home-solution .solution-tabs .sol-contents .item:last-child{margin-bottom: 0;}

    .quality-list .home-solution{padding: 30px 0;}
    .quality-list .title{margin-bottom: 15px;}
    .quality-list .top-head .text{font-size: 14px;line-height: 20px;}
    .quality-list .home-solution .solution-tabs .sol-contents .item{margin-bottom: 50px;}
    .quality-list .home-solution .solution-tabs .sol-contents .item .img video {height: 370px !important;}
    .quality-list .home-solution .solution-tabs .sol-contents .item:last-child{margin-bottom: 0;}

    .certificates-list{padding-top: 30px;}
    .certificates-list .col-md-3{width: 50%;}
    .certificates-list .img {margin-bottom: 10px;}
    .detail-drawing-box .detail-drawing-item .detail-drawing-t2{font-size: 14px;line-height: 20px;}
    .detail-drawing-box .detail-drawing-item .detail-drawing-t1 {margin-bottom: 10px;}
    .all-app .col-md-2 {max-width: 50%;flex: 0 0 50%;}
    .after-sales-video .top-head{width: 100%;margin-bottom: 25px;}
    .after-sales-video .product-video .title{margin-bottom: 15px;}

    .quality-list .menu-collapse.fadeInDown{
    position: fixed;
        top: 50px;
        z-index: 99;
        width: calc(100% - 30px);
    }

    .product-content-wrapper .sample-box .title{font-size: 20px;line-height: 28px;}
    .product-content-wrapper .sample-box .sample-grid{margin-top: 15px;}
    
}