

/*关于我们*/
.aboutUs-page{}
.aboutUs-page .page-poster{background-image: url('../images/poster.png');}
.intro-right-img-text-item-df{display: flex;align-items: flex-end;margin-bottom: 12px;}
.intro-right-img-text-item-df .unit{font-size: 48px;color: #121b7a;}
/*企业简介*/
.aboutUs-page .intro{margin-top: 100px;display: flex;justify-content: space-between;}
.aboutUs-page .intro .intro-left{width: 570px;}
.aboutUs-page .intro .intro-left .intro-left-title{font-size: 68px;}
.aboutUs-page .intro .intro-left .intro-left-title .intro-left-title-t{}
.aboutUs-page .intro .intro-left .intro-left-title .intro-left-title-b{color: #121b7a;font-weight: 550;}
.aboutUs-page .intro .intro-left .intro-left-content{margin: 45px 0;font-size: 21px;color: #7e7e7e;}
.aboutUs-page .intro .intro-left .intro-left-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;}
.aboutUs-page .intro .intro-left .intro-left-bottom-item{display: flex;width: 254px;margin-bottom: 30px;align-items: center;}
.aboutUs-page .intro .intro-left .intro-left-bottom-item-icon{width: 70px;display: flex;justify-content: center;align-items: center;margin-right: 20px;}
.aboutUs-page .intro .intro-left .intro-left-bottom-item-icon img{}
.aboutUs-page .intro .intro-left .intro-left-bottom-item-text-title{font-size: 24px;color: #000000;}
.aboutUs-page .intro .intro-left .intro-left-bottom-item-text-content{font-size: 16px;color: #7e7e7e;}
.aboutUs-page .intro .intro-right{width: 710px;}
.aboutUs-page .intro .intro-right .intro-right-img-box{width: 100%;height: 475px;border-radius: 30px;position: relative;}
.aboutUs-page .intro .intro-right .intro-right-img-box img{width: 100%;}
.aboutUs-page .intro .intro-right .intro-right-img-text-box{position: absolute;transform: translateX(3.5vw) translateY(7vh); bottom: 0;left: 0; z-index: 2; background-color: #fafafa; display: flex;width: 600px;height: 140px;align-items: center;justify-content: space-around;border-radius: 15px;}
.aboutUs-page .intro .intro-right .intro-right-img-text-item{display: flex;flex-direction: column;justify-content: center;align-items: center;}
.aboutUs-page .intro .intro-right .intro-right-img-text-item-title{font-size: 48px;color: #121b7a;}
.aboutUs-page .intro .intro-right .intro-right-img-text-content{font-size: 21px;color: #787878;}
.aboutUs-page .intro-right-img-text-item-content{font-size: 21px;color: #787878;}

/*发展历程*/
.aboutUs-page #history{width: 100%;background-color: #fafafa;padding-top: 60px;padding-bottom: 180px;}
.aboutUs-page .history{position: relative;}
.aboutUs-page .history .history-logo{width: 100%;}
.aboutUs-page .history .history-text{position: absolute;left: 50%;top: 50%;transform: translateX(-50%)translateY(-50%);text-align: center;}
.aboutUs-page .history .history-title{font-size: 60px;color: #010101;margin-bottom: 25px;}
.aboutUs-page .history .history-content{font-size: 21px;color: #010101;}
.timeline {position: relative;max-width: 1000px;margin: 0 auto;z-index: 2;}
.timeline::before {content: '';position: absolute;left: 50%;transform: translateX(-50%);width: 2px;height: 100%;background: #1a237e;}
.timeline-item {display: flex;margin-bottom: 80px;position: relative;}
.timeline-item:nth-child(even) {flex-direction: row-reverse;}
.timeline-content {width: 45%;background: white;padding: 40px;border-radius: 10px;box-shadow: 0 5px 20px rgba(0,0,0,0.05);transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.timeline-content:hover {transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.timeline-year {font-size: 60px;font-weight: 600;color: #1a237e;margin-bottom: 20px;}
.timeline-title {font-size: 28px;font-weight: 500;margin-bottom: 15px;}
.timeline-desc {font-size: 16px;color: #000000;line-height: 1.6;}
.timeline-dot {position: absolute;left: 50%;top: 40px;transform: translateX(-50%);width: 20px;height: 20px;background: #1a237e;border-radius: 50%;border: 4px solid white;box-shadow: 0 0 0 4px #fafafa;}
.timeline-item :first-of-type{margin-top: 30px;}
.timeline :last-of-type{margin-bottom: 0;}
.aboutUs-page .history-b-img{position: absolute;bottom: 0;left: 0;}
.aboutUs-page .history-b-img img{display: block;}

/*生产实力*/
.aboutUs-page #manufacturing{padding-top: 120px;padding-bottom: 90px;}
.aboutUs-page .manufacturing{display: flex;}
.aboutUs-page .manufacturing-title{font-size: 60px;color: #000000;padding: 40px 0;}
.aboutUs-page .manufacturing-content{font-size: 22px;color: #000000;}
.aboutUs-page .manufacturing-l{width: 400px;}
.aboutUs-page .manufacturing-l-b{width: 400px; margin-top:100px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.aboutUs-page .manufacturing-l-b-item{margin-bottom: 30px;width: 182px;border-radius: 20px;border: 1px solid #dbdbdb;background-color: #fafafa;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.aboutUs-page .manufacturing-l-b-item-icon{width: 60px;}
.aboutUs-page .manufacturing-l-b-item-icon img{width: 100%;height: 100%;}
.aboutUs-page .manufacturing-l-b-item-num{display: flex;align-items: flex-end;color: #121b7a;}
.aboutUs-page .manufacturing-l-b-item-num div{font-size: 40px;}
.aboutUs-page .manufacturing-l-b-item-num span{font-size: 30px;}
.aboutUs-page .manufacturing-l-b-item-text{font-size: 16px;color: #787878;}
.aboutUs-page .manufacturing-b{margin: 0 40px; position: relative; width: 426px;height: 707px;border-radius: 20px;overflow: hidden;}
.aboutUs-page .manufacturing-b img{width: 100%;height: 100%;}
.aboutUs-page .manufacturing-b-text-box{border: 1px solid #dbdbdb; width: 100%; position: absolute;bottom: 0;left: 0; border-radius: 20px;background-color: #ffffff;padding: 50px 35px;}
.aboutUs-page .manufacturing-b-text-box-title{font-size: 30px;margin-bottom: 20px;}
.aboutUs-page .manufacturing-b-text-box-content{font-size: 24px;color: #333333;}
.aboutUs-page .manufacturing-r{width: 430px;display: flex;flex-direction: column;justify-content: space-between;}
.aboutUs-page .manufacturing-r-item{height: 340px;width: 100%;position: relative;overflow: hidden;border-radius: 20px;}
.aboutUs-page .manufacturing-r-item img{width: 100%;height: 100%;}
.aboutUs-page .manufacturing-r-text-box{position: absolute;border: 1px solid #dbdbdb; width: 100%;bottom: 0;left: 0; border-radius: 20px;background-color: #ffffff;padding: 28px 65px;}
.aboutUs-page .manufacturing-r-text-box-title{font-size: 21px;margin-bottom: 20px;}
.aboutUs-page .manufacturing-r-text-box-content{font-size: 17px;color: #333333;}
.aboutUs-page .manufacturing-card{transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.aboutUs-page .manufacturing-card:hover {transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.aboutUs-page #certifications{background-color: #fafafa;width: 100%;}
.aboutUs-page .certifications{}
.aboutUs-page .certifications-t{height: 610px;border-bottom: 1px solid #a19e9e;display: flex;flex-direction: column;justify-content: space-between;}
.aboutUs-page .certifications-t-text-box{padding-top: 100px;text-align: center;}
.aboutUs-page .certifications-title{font-size: 60px; color: #000000;}
.aboutUs-page .certifications-content{font-size: 21px; color: #7d7d7d;margin-top: 38px;}
.aboutUs-page .certifications-t-b{display: flex;justify-content: center;}
.aboutUs-page .certifications-t-b img{display: block;}
.aboutUs-page .certifications-b{margin-top: 60px; display: flex;justify-content: center;padding-bottom: 110px;}
.aboutUs-page .certifications-b-item{margin-right: 40px; width: 310px; height: 390px; background-color: #fff; border-radius: 20px; border: 1px solid #bfbfbf; display: flex;flex-direction: column; align-items: center;justify-content: center;}
.aboutUs-page .certifications-b-item-icon{}
.aboutUs-page .certifications-b-item-title{font-size: 16px; color: #000000;margin-top: 30px;margin-bottom: 55px;}
.aboutUs-page .certifications-b-item-content{font-size: 24px;color: #787878;}
.aboutUs-page .partners{height: 730px;width: 100%;background-color: #fff;display: flex;flex-direction: column;justify-content: center;}
.aboutUs-page .partners-t{text-align: center;}
.aboutUs-page .partners-t-title{font-size: 60px; color: #000000;margin-bottom: 40px;}
.aboutUs-page .partners-t-content{font-size: 21px;color: #333333;margin-bottom: 80px;}
.aboutUs-page .partners-container{position: relative;margin-bottom: 60px;overflow: hidden;}
.aboutUs-page .partners-track {display: flex;animation: scroll-left 30s linear infinite;}
.aboutUs-page .partners-track:hover {animation-play-state: paused;}
.aboutUs-page .partners-grid {display: flex;padding: 0 20px;}
.aboutUs-page .partner-logo {background: white;margin-right: 40px; border-radius: 10px;height: 300px;width: 210px;display: flex;align-items: center;justify-content: center;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid #f0f0f0;flex-shrink: 0;}
.aboutUs-page .partner-logo:last-of-type {margin-right: 0;}
.aboutUs-page .partner-logo img{width: 100%;height: 100%;}
.aboutUs-page .partner-logo:hover {transform: scale(1.05);box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
@keyframes scroll-left {0% {transform: translateX(0);}100% {transform: translateX(-50%);}}
/*企业荣誉*/
.aboutUs-page #honor{background-color: #fafafa;height: 1220px;}
.aboutUs-page .honor{display: flex;flex-direction: column;align-items: center; justify-content: center;}
.aboutUs-page .honor-text-box{text-align: center;}
.aboutUs-page .honor-title{font-size: 60px; margin-bottom: 40px; color: #000000;padding-top: 140px;}
.aboutUs-page .honor-content{font-size: 21px;color: #7d7d7d;margin-bottom: 130px;}
.aboutUs-page .honor-b{position: relative;width: 100%;display: flex;align-items: center;justify-content: center;}
.aboutUs-page .honor-b-year{font-size: 36px;color: #1a237e;margin-bottom: 15px;}
.aboutUs-page .honor-b-text{width: 224px;font-size: 18px;color: #888888;}
.aboutUs-page .honor-b-1{position: absolute;left: -50px;bottom: 107px;}
.aboutUs-page .honor-b-2{position: absolute;left: 180px;bottom: 490px;}
.aboutUs-page .honor-b-3{position: absolute;left: 655px;bottom: 615px;}
.aboutUs-page .honor-b-4{position: absolute;right: 100px;bottom: 500px;}
.aboutUs-page .auto-picture-bar{margin-top: 55px; overflow: hidden; padding:10px 0;}
.aboutUs-page .auto-picture-list{white-space: nowrap;}
.aboutUs-page .auto-picture-list:hover{animation-play-state: paused;}
.aboutUs-page .auto-picture-list li{display: inline-block; position: relative; margin:auto 1.25rem; width: 210px;  height:300px; border-radius:10px; background:#fff; overflow: hidden;  transition: all 200ms;}
.aboutUs-page .auto-picture-list li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1); transform: scale(1.05);}
.aboutUs-page .auto-picture-list li .img{width: 100%;height: 100%;}
.aboutUs-page .auto-picture-list li img{width: 100%;height: 100%;}
/* 最新资讯 */
.aboutUs-page .news{padding-top: 140px;padding-bottom: 90px;}
.aboutUs-page .news-text-box{text-align: center;}
.aboutUs-page .news-title{font-size: 60px; color: #000000;margin-bottom: 35px;height: 70px;}
.aboutUs-page .news-content{font-size: 21px;color: #333;}
.aboutUs-page .news-filter {display: flex;justify-content: center;margin-bottom: 60px;}
.aboutUs-page .news-tab {padding: 10px 30px;padding-top: 80px; background: transparent;border: none;color: #000000;cursor: pointer;font-size: 16px;position: relative;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);margin-right: 20px;}
.aboutUs-page .news-tab.active {color: #1a237e;}
.aboutUs-page .news-tab.active::after {content: '';position: absolute;bottom: -5px;left: 0;width: 100%; bottom: 0;height: 2px;background: #1a237e;}
.aboutUs-page .news-grid {display: none;flex-wrap: wrap;justify-content: center;}
.aboutUs-page .news-grid.active {display: flex;}
.aboutUs-page .news-card {width: 350px; margin-right: 40px;margin-bottom: 40px; border: 1px solid #f2f2f2; background: white;border-radius: 10px;overflow: hidden;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.aboutUs-page .news-card:hover {transform: translateY(-5px);box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.aboutUs-page .news-image {height: 200px;background: linear-gradient(135deg, #f5f5f5 0%, #e8e8e8 100%);display: flex;align-items: center;justify-content: center;color: #999;}
.aboutUs-page .news-image img{width: 100%;height: 100%;}
.aboutUs-page .news-content {padding: 30px;}
.aboutUs-page .news-meta {display: flex;margin-bottom: 15px;font-size: 14px;color: #000000;align-items: center;}
.aboutUs-page .news-category {color: #1a237e;font-weight: 500;margin-right: 20px;}
.aboutUs-page .news-content .news-title {font-size: 24px;font-weight: 500;margin-bottom: 15px;line-height: 1.4;}
.aboutUs-page .news-date{font-size: 16px;color: #808080;}
.aboutUs-page .news-excerpt {font-size: 16px;color: #999999;line-height: 1.6;margin-bottom: 20px;overflow: hidden;text-overflow: ellipsis;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-break: break-all;height: 80px;}
.aboutUs-page .news-link {color: #1a237e;text-decoration: none;font-size: 15px;font-weight: 500;display: inline-flex;align-items: center;gap: 5px;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.aboutUs-page .news-link:hover {gap: 10px;}